_components/XeblogConv: add more explicit way to classify Mimi's text as AI generated

Signed-off-by: Xe Iaso <me@xeiaso.net>

1 files changed, 20 insertions, 7 deletions

diff --git a/lume/src/_components/XeblogConv.tsx b/lume/src/_components/XeblogConv.tsx
index 95f26fc..45443d7 100644
--- a/lume/src/_components/XeblogConv.tsx
+++ b/lume/src/_components/XeblogConv.tsx
@@ -3,9 +3,16 @@ export interface XeblogConvProps {
   mood: string;
   children: HTMLElement[];
   standalone?: boolean;
+  aiModel?: string;
 }
 
-const ConvSnippet = ({ name, mood, children, standalone }: XeblogConvProps) => {
+const ConvSnippet = ({
+  name,
+  mood,
+  children,
+  standalone,
+  aiModel,
+}: XeblogConvProps) => {
   const nameLower = name.toLowerCase();
   name = name.replace(" ", "_");
   const size = standalone ? 128 : 64;
@@ -14,12 +21,12 @@ const ConvSnippet = ({ name, mood, children, standalone }: XeblogConvProps) => {
     <>
       <div className="my-4 flex space-x-4 rounded-md border border-solid border-fg-4 bg-bg-2 p-3 dark:border-fgDark-4 dark:bg-bgDark-2 max-w-full min-h-fit">
         <div className="flex max-h-16 shrink-0 items-center justify-center self-center">
-            <img
-              style="max-height:6rem"
-              alt={`${name} is ${mood}`}
-              loading="lazy"
-              src={`https://cdn.xeiaso.net/sticker/${nameLower}/${mood}/${size}`}
-            />
+          <img
+            style="max-height:6rem"
+            alt={`${name} is ${mood}`}
+            loading="lazy"
+            src={`https://cdn.xeiaso.net/sticker/${nameLower}/${mood}/${size}`}
+          />
         </div>
         <div className="convsnippet min-w-0 self-center">
           {"<"}
@@ -27,6 +34,12 @@ const ConvSnippet = ({ name, mood, children, standalone }: XeblogConvProps) => {
             <b>{name}</b>
           </a>
           {">"} {children}
+          {aiModel && (
+            <>
+              <br />
+              <small>Content generated by AI using the model {aiModel}.</small>
+            </>
+          )}
         </div>
       </div>
     </>