@chat-lab/ui 0.1.0-beta.53 → 0.1.0-beta.55

package/dist/components/assistant-ui/attachment.js

@@ -1,73 +1,25 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react';
 import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
-import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '../ui/dialog.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../ui/avatar.js';
-import { TooltipIconButton } from './tooltip-icon-button.js';
 import { cn } from '../../lib/utils.js';
+import { TooltipIconButton } from './tooltip-icon-button.js';
 import AttachmentIcon from '../../assets/Attachment.js';
-import X from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/x.js';
 import FileText from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/file-text.js';
-import { useShallow } from '../../node_modules/.pnpm/zustand@5.0.8_patch_hash_reawdxmdkhzgsm4mhu3tyarie4_@types_react@17.0.2_react@17.0.2_use-sync_4ommjpsc4nad2vj4uyoeqb3ive/node_modules/zustand/esm/react/shallow.js';
-import { ComposerPrimitiveAddAttachment } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAddAttachment.js';
-import { MessagePrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/message/MessageAttachments.js';
-import { ComposerPrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAttachments.js';
-import { useAssistantApi } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/context/react/AssistantApiContext.js';
-import { useAssistantState } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.js';
-import { AttachmentPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRoot.js';
-import { AttachmentPrimitiveName } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentName.js';
-import { AttachmentPrimitiveRemove } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRemove.js';
+import X from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/x.js';
+import { ComposerPrimitiveAddAttachment } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAddAttachment.js';
+import { MessagePrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/message/MessageAttachments.js';
+import { ComposerPrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAttachments.js';
+import { useAssistantApi } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/context/react/AssistantApiContext.js';
+import { useAssistantState } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.js';
+import { AttachmentPrimitiveRoot } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRoot.js';
+import { AttachmentPrimitiveName } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentName.js';
+import { AttachmentPrimitiveRemove } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRemove.js';
 
-const useFileSrc = (file) => {
-    const [src, setSrc] = useState(undefined);
-    useEffect(() => {
-        if (!file) {
-            setSrc(undefined);
-            return;
-        }
-        const objectUrl = URL.createObjectURL(file);
-        setSrc(objectUrl);
-        return () => {
-            URL.revokeObjectURL(objectUrl);
-        };
-    }, [file]);
-    return src;
-};
-const useAttachmentSrc = () => {
-    const { file, src } = useAssistantState(useShallow(({ attachment }) => {
-        if (attachment.type !== 'image')
-            return {};
-        if (attachment.file)
-            return { file: attachment.file };
-        const src = attachment.content?.filter(c => c.type === 'image')[0]?.image;
-        if (!src)
-            return {};
-        return { src };
-    }));
-    return useFileSrc(file) ?? src;
-};
-const AttachmentPreview = ({ src }) => {
-    const [isLoaded, setIsLoaded] = useState(false);
-    return (jsx("img", { src: src, alt: "Image Preview", width: 1, height: 1, className: isLoaded
-            ? 'aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain'
-            : 'aui-attachment-preview-image-loading hidden', onLoadCapture: () => setIsLoaded(true) }));
-};
-const AttachmentPreviewDialog = ({ children, }) => {
-    const src = useAttachmentSrc();
-    if (!src)
-        return children;
-    return (jsxs(Dialog, { children: [jsx(DialogTrigger, { className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50", asChild: true, children: children }), jsxs(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive", children: [jsx(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), jsx(DialogDescription, { className: "sr-only", children: "Preview of attached image file" }), jsx("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: jsx(AttachmentPreview, { src: src }) })] })] }));
-};
-const AttachmentThumb = () => {
-    const isImage = useAssistantState(({ attachment }) => attachment.type === 'image');
-    const src = useAttachmentSrc();
-    return (jsxs(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [jsx(AvatarImage, { src: src, alt: "Attachment preview", className: "aui-attachment-tile-image object-cover" }), jsx(AvatarFallback, { delayMs: isImage ? 200 : 0, children: jsx(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })] }));
-};
 const AttachmentUI = () => {
     const api = useAssistantApi();
     const isComposer = api.attachment.source === 'composer';
     const isImage = useAssistantState(({ attachment }) => attachment.type === 'image');
-    const typeLabel = useAssistantState(({ attachment }) => {
+    useAssistantState(({ attachment }) => {
         const type = attachment.type;
         switch (type) {
             case 'image':
@@ -76,14 +28,11 @@ const AttachmentUI = () => {
                 return 'Document';
             case 'file':
                 return 'File';
-            default:
-                const _exhaustiveCheck = type;
-                throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
         }
     });
-    return (jsxs(Tooltip, { children: [jsxs(AttachmentPrimitiveRoot, { className: cn('aui-attachment-root relative', isImage &&
-                    'aui-attachment-root-composer only:[&>#attachment-tile]:size-24'), children: [jsx(AttachmentPreviewDialog, { children: jsx(TooltipTrigger, { asChild: true, children: jsx("div", { className: cn('aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75', isComposer &&
-                                    'aui-attachment-tile-composer border-foreground/20'), role: "button", id: "attachment-tile", "aria-label": `${typeLabel} attachment`, children: jsx(AttachmentThumb, {}) }) }) }), isComposer && jsx(AttachmentRemove, {})] }), jsx(TooltipContent, { side: "top", children: jsx(AttachmentPrimitiveName, {}) })] }));
+    const name = useAssistantState(({ attachment }) => attachment.name);
+    return (jsx(Fragment, { children: jsxs(AttachmentPrimitiveRoot, { className: cn('aui-attachment-root relative', isImage &&
+                'aui-attachment-root-composer only:[&>#attachment-tile]:size-24'), children: [jsxs("div", { className: "flex flex-row items-center p-2 rounded-xl bg-muted/50 border gap-2", children: [jsx("div", { className: "h-10 w-10 bg-background rounded-lg flex items-center justify-center shrink-0", children: jsx(FileText, { className: "text-blue-500", size: 24 }) }), jsx("div", { className: "flex flex-col overflow-hidden max-w-[80px]", children: jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx("div", { className: "truncate text-sm font-medium", children: jsx(AttachmentPrimitiveName, {}) }) }), jsx(TooltipContent, { children: jsx("div", { style: { backgroundColor: 'white', color: '#111827', padding: '8px', borderRadius: '6px', boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', border: '1px solid #e5e7eb', maxWidth: '20rem', whiteSpace: 'normal', wordBreak: 'break-all' }, children: name }) })] }) })] }), isComposer && jsx(AttachmentRemove, {})] }) }));
 };
 const AttachmentRemove = () => {
     return (jsx(AttachmentPrimitiveRemove, { asChild: true, children: jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black hover:[&_svg]:text-destructive", side: "top", children: jsx(X, { className: "aui-attachment-remove-icon size-3" }) }) }));

package/dist/components/assistant-ui/attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sources":["../../../src/components/assistant-ui/attachment.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren, useEffect, useState, type FC } from 'react';\nimport { XIcon, PlusIcon, FileText } from 'lucide-react';\nimport {\n  AttachmentPrimitive,\n  ComposerPrimitive,\n  MessagePrimitive,\n  useAssistantState,\n  useAssistantApi,\n} from '@assistant-ui/react';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@/components/ui/tooltip';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogTrigger,\n  DialogDescription,\n} from '@/components/ui/dialog';\nimport { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport AttachmentIcon from '@/assets/Attachment';\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAssistantState(\n    useShallow(({ attachment }): { file?: File; src?: string } => {\n      if (attachment.type !== 'image') return {};\n      if (attachment.file) return { file: attachment.file };\n      const src = attachment.content?.filter(c => c.type === 'image')[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n  return (\n    <img\n      src={src}\n      alt=\"Image Preview\"\n      width={1}\n      height={1}\n      className={\n        isLoaded\n          ? 'aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain'\n          : 'aui-attachment-preview-image-loading hidden'\n      }\n      onLoadCapture={() => setIsLoaded(true)}\n      // priority={false}\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<{ children: React.ReactElement }> = ({\n  children,\n}) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger\n        className=\"aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50\"\n        asChild\n      >\n        {children}\n      </DialogTrigger>\n      <DialogContent className=\"aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive\">\n        <DialogTitle className=\"aui-sr-only sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Preview of attached image file\n        </DialogDescription>\n        <div className=\"aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background\">\n          <AttachmentPreview src={src} />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAssistantState(\n    ({ attachment }) => attachment.type === 'image',\n  );\n  const src = useAttachmentSrc();\n\n  return (\n    <Avatar className=\"aui-attachment-tile-avatar h-full w-full rounded-none\">\n      <AvatarImage\n        src={src}\n        alt=\"Attachment preview\"\n        className=\"aui-attachment-tile-image object-cover\"\n      />\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileText className=\"aui-attachment-tile-fallback-icon size-8 text-muted-foreground\" />\n      </AvatarFallback>\n    </Avatar>\n  );\n};\n\nconst AttachmentUI: FC = () => {\n  const api = useAssistantApi();\n  const isComposer = api.attachment.source === 'composer';\n\n  const isImage = useAssistantState(\n    ({ attachment }) => attachment.type === 'image',\n  );\n  const typeLabel = useAssistantState(({ attachment }) => {\n    const type = attachment.type;\n    switch (type) {\n      case 'image':\n        return 'Image';\n      case 'document':\n        return 'Document';\n      case 'file':\n        return 'File';\n      default:\n        const _exhaustiveCheck: never = type;\n        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);\n    }\n  });\n\n  return (\n    <Tooltip>\n      <AttachmentPrimitive.Root\n        className={cn(\n          'aui-attachment-root relative',\n          isImage &&\n            'aui-attachment-root-composer only:[&>#attachment-tile]:size-24',\n        )}\n      >\n        <AttachmentPreviewDialog>\n          <TooltipTrigger asChild>\n            <div\n              className={cn(\n                'aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75',\n                isComposer &&\n                  'aui-attachment-tile-composer border-foreground/20',\n              )}\n              role=\"button\"\n              id=\"attachment-tile\"\n              aria-label={`${typeLabel} attachment`}\n            >\n              <AttachmentThumb />\n            </div>\n          </TooltipTrigger>\n        </AttachmentPreviewDialog>\n        {isComposer && <AttachmentRemove />}\n      </AttachmentPrimitive.Root>\n      <TooltipContent side=\"top\">\n        <AttachmentPrimitive.Name />\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nconst AttachmentRemove: FC = () => {\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip=\"Remove file\"\n        className=\"aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black hover:[&_svg]:text-destructive\"\n        side=\"top\"\n      >\n        <XIcon className=\"aui-attachment-remove-icon size-3\" />\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n};\n\nexport const UserMessageAttachments: FC = () => {\n  return (\n    <div className=\"aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2\">\n      <MessagePrimitive.Attachments components={{ Attachment: AttachmentUI }} />\n    </div>\n  );\n};\n\nexport const ComposerAttachments: FC = () => {\n  return (\n    <div className=\"aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden\">\n      <ComposerPrimitive.Attachments\n        components={{ Attachment: AttachmentUI }}\n      />\n    </div>\n  );\n};\n\nexport const ComposerAddAttachment: FC = () => {\n  return (\n    <ComposerPrimitive.AddAttachment asChild>\n      <div\n        className=\"aui-composer-add-attachment size-[16px] p-0 rounded-full text-xs font-semibold hover:bg-muted-foreground/15 flex items-center\"\n        aria-label=\"Add Attachment\"\n      >\n        <AttachmentIcon className=\"aui-attachment-add-icon size-[16px] stroke-[2px]\" />\n      </div>\n    </ComposerPrimitive.AddAttachment>\n  );\n};\n"],"names":["_jsx","_jsxs","AttachmentPrimitive.Root","AttachmentPrimitive.Name","AttachmentPrimitive.Remove","XIcon","MessagePrimitive.Attachments","ComposerPrimitive.Attachments","ComposerPrimitive.AddAttachment"],"mappings":"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"}
+{"version":3,"file":"attachment.js","sources":["../../../src/components/assistant-ui/attachment.tsx"],"sourcesContent":["'use client';\n\nimport { PropsWithChildren, useEffect, useState, type FC } from 'react';\nimport { XIcon, PlusIcon, FileText } from 'lucide-react';\nimport {\n  AttachmentPrimitive,\n  ComposerPrimitive,\n  MessagePrimitive,\n  useAssistantState,\n  useAssistantApi,\n} from '@assistant-ui/react';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@/components/ui/tooltip';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogTrigger,\n  DialogDescription,\n} from '@/components/ui/dialog';\nimport { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';\nimport { TooltipIconButton } from '@/components/assistant-ui/tooltip-icon-button';\nimport { cn } from '@/lib/utils';\nimport AttachmentIcon from '@/assets/Attachment';\n\nconst useFileSrc = (file: File | undefined) => {\n  const [src, setSrc] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!file) {\n      setSrc(undefined);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n\n    return () => {\n      URL.revokeObjectURL(objectUrl);\n    };\n  }, [file]);\n\n  return src;\n};\n\nconst useAttachmentSrc = () => {\n  const { file, src } = useAssistantState(\n    useShallow(({ attachment }): { file?: File; src?: string } => {\n      if (attachment.type !== 'image') return {};\n      if (attachment.file) return { file: attachment.file };\n      const src = attachment.content?.filter(c => c.type === 'image')[0]?.image;\n      if (!src) return {};\n      return { src };\n    }),\n  );\n\n  return useFileSrc(file) ?? src;\n};\n\ntype AttachmentPreviewProps = {\n  src: string;\n};\n\nconst AttachmentPreview: FC<AttachmentPreviewProps> = ({ src }) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n  return (\n    <img\n      src={src}\n      alt=\"Image Preview\"\n      width={1}\n      height={1}\n      className={\n        isLoaded\n          ? 'aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain'\n          : 'aui-attachment-preview-image-loading hidden'\n      }\n      onLoadCapture={() => setIsLoaded(true)}\n      // priority={false}\n    />\n  );\n};\n\nconst AttachmentPreviewDialog: FC<{ children: React.ReactElement }> = ({\n  children,\n}) => {\n  const src = useAttachmentSrc();\n\n  if (!src) return children;\n\n  return (\n    <Dialog>\n      <DialogTrigger\n        className=\"aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50\"\n        asChild\n      >\n        {children}\n      </DialogTrigger>\n      <DialogContent className=\"aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive\">\n        <DialogTitle className=\"aui-sr-only sr-only\">\n          Image Attachment Preview\n        </DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Preview of attached image file\n        </DialogDescription>\n        <div className=\"aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background\">\n          <AttachmentPreview src={src} />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst AttachmentThumb: FC = () => {\n  const isImage = useAssistantState(\n    ({ attachment }) => attachment.type === 'image',\n  );\n  const src = useAttachmentSrc();\n\n  return (\n    <Avatar className=\"aui-attachment-tile-avatar h-full w-full rounded-none\">\n      <AvatarImage\n        src={src}\n        alt=\"Attachment preview\"\n        className=\"aui-attachment-tile-image object-cover\"\n      />\n      <AvatarFallback delayMs={isImage ? 200 : 0}>\n        <FileText className=\"aui-attachment-tile-fallback-icon size-8 text-muted-foreground\" />\n      </AvatarFallback>\n    </Avatar>\n  );\n};\n\nconst AttachmentUI: FC = () => {\n  const api = useAssistantApi();\n  const isComposer = api.attachment.source === 'composer';\n\n  const isImage = useAssistantState(\n    ({ attachment }) => attachment.type === 'image',\n  );\n  const typeLabel = useAssistantState(({ attachment }) => {\n    const type = attachment.type;\n    switch (type) {\n      case 'image':\n        return 'Image';\n      case 'document':\n        return 'Document';\n      case 'file':\n        return 'File';\n      default:\n        const _exhaustiveCheck: never = type;\n    }\n  });\n\n  const name = useAssistantState(({ attachment }) => attachment.name);\n\n  return (\n    <>\n      <AttachmentPrimitive.Root\n        className={cn(\n          'aui-attachment-root relative',\n          isImage &&\n            'aui-attachment-root-composer only:[&>#attachment-tile]:size-24',\n        )}\n      >\n        <div className=\"flex flex-row items-center p-2 rounded-xl bg-muted/50 border gap-2\">\n          <div className=\"h-10 w-10 bg-background rounded-lg flex items-center justify-center shrink-0\">\n            <FileText className=\"text-blue-500\" size={24} />\n          </div>\n          <div className=\"flex flex-col overflow-hidden max-w-[80px]\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <div className=\"truncate text-sm font-medium\">\n                  <AttachmentPrimitive.Name />\n                </div>\n              </TooltipTrigger>\n              <TooltipContent>\n                <div style={{ backgroundColor: 'white', color: '#111827', padding: '8px', borderRadius: '6px', boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', border: '1px solid #e5e7eb', maxWidth: '20rem', whiteSpace: 'normal', wordBreak: 'break-all' }}>\n                  {name}\n                </div>\n              </TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n        {isComposer && <AttachmentRemove />}\n      </AttachmentPrimitive.Root>\n    </>\n  );\n};\n\nconst AttachmentRemove: FC = () => {\n  return (\n    <AttachmentPrimitive.Remove asChild>\n      <TooltipIconButton\n        tooltip=\"Remove file\"\n        className=\"aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:!bg-white [&_svg]:text-black hover:[&_svg]:text-destructive\"\n        side=\"top\"\n      >\n        <XIcon className=\"aui-attachment-remove-icon size-3\" />\n      </TooltipIconButton>\n    </AttachmentPrimitive.Remove>\n  );\n};\n\nexport const UserMessageAttachments: FC = () => {\n  return (\n    <div className=\"aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2\">\n      <MessagePrimitive.Attachments components={{ Attachment: AttachmentUI }} />\n    </div>\n  );\n};\n\nexport const ComposerAttachments: FC = () => {\n  return (\n    <div className=\"aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden\">\n      <ComposerPrimitive.Attachments\n        components={{ Attachment: AttachmentUI }}\n      />\n    </div>\n  );\n};\n\nexport const ComposerAddAttachment: FC = () => {\n  return (\n    <ComposerPrimitive.AddAttachment asChild>\n      <div\n        className=\"aui-composer-add-attachment size-[16px] p-0 rounded-full text-xs font-semibold hover:bg-muted-foreground/15 flex items-center\"\n        aria-label=\"Add Attachment\"\n      >\n        <AttachmentIcon className=\"aui-attachment-add-icon size-[16px] stroke-[2px]\" />\n      </div>\n    </ComposerPrimitive.AddAttachment>\n  );\n};\n"],"names":["_jsx","_Fragment","_jsxs","AttachmentPrimitive.Root","AttachmentPrimitive.Name","AttachmentPrimitive.Remove","XIcon","MessagePrimitive.Attachments","ComposerPrimitive.Attachments","ComposerPrimitive.AddAttachment"],"mappings":"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"}

package/dist/components/assistant-ui/markdown-text.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var MarkdownText$1 = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.cjs');
-var PreOverride = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.cjs');
-var memoization = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/memoization.cjs');
+var MarkdownText$1 = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.cjs');
+var PreOverride = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.cjs');
+var memoization = require('../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/memoization.cjs');
 var React = require('react');
 var tooltipIconButton = require('./tooltip-icon-button.cjs');
 var utils = require('../../lib/utils.cjs');

package/dist/components/assistant-ui/markdown-text.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { MarkdownTextPrimitive } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.js';
-import { useIsMarkdownCodeBlock } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.js';
-import { memoizeMarkdownComponents } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67n_jspuc2z4fyeifxcfny3juxvtde/node_modules/@assistant-ui/react-markdown/dist/memoization.js';
+import { MarkdownTextPrimitive } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/primitives/MarkdownText.js';
+import { useIsMarkdownCodeBlock } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/overrides/PreOverride.js';
+import { memoizeMarkdownComponents } from '../../node_modules/.pnpm/@assistant-ui_react-markdown@0.11.4_@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5_wxfjrkher6wva4kv4vccidrjoy/node_modules/@assistant-ui/react-markdown/dist/memoization.js';
 import { memo, useState } from 'react';
 import { TooltipIconButton } from './tooltip-icon-button.js';
 import { cn } from '../../lib/utils.js';

package/dist/components/assistant-ui/message-components-with-avatar.cjs

@@ -6,10 +6,16 @@ var markdownText = require('./markdown-text.cjs');
 var reasoning = require('./reasoning.cjs');
 var toolFallback = require('./tool-fallback.cjs');
 var avatarGroup = require('../../assets/avatarGroup.cjs');
-var useMessagePartReasoning = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartReasoning.cjs');
-var useMessagePartText = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartText.cjs');
+var useMessagePartReasoning = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartReasoning.cjs');
+var useMessagePartText = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartText.cjs');
+var fileText = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/file-text.cjs');
 var isNil = require('../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.cjs');
 
+const File = (props) => {
+    const { filename } = props;
+    const content = (jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: jsxRuntime.jsxs("div", { className: "flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]", children: [jsxRuntime.jsx("div", { className: "w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0", children: jsxRuntime.jsx(fileText.default, { className: "text-[#1677FF]", size: 24 }) }), jsxRuntime.jsx("div", { className: "flex flex-col overflow-hidden", children: jsxRuntime.jsx("span", { className: "text-[14px] font-medium text-[#1D2129] truncate", title: filename, children: filename }) })] }) }));
+    return content;
+};
 const assistantMessageComponents = {
     Text: markdownText.MarkdownText,
     tools: {
@@ -35,7 +41,7 @@ const wrapComponentsForTextWithAvatar = (component) => {
         if (!showAvatar) {
             return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
         }
-        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
+        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
     };
 };
 const wrapComponentsForReasoningWithAvatar = (component) => {
@@ -47,7 +53,7 @@ const wrapComponentsForReasoningWithAvatar = (component) => {
         if (!showAvatar) {
             return (jsxRuntime.jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React.createElement(component, props) }));
         }
-        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
+        return (jsxRuntime.jsxs("div", { className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsxRuntime.jsx(Avatar, {}) }), jsxRuntime.jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsxRuntime.jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React.createElement(component, props)] })] }));
     };
 };
 const assistantMessageComponentsWithAvatar = {

package/dist/components/assistant-ui/message-components-with-avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-components-with-avatar.cjs","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { MarkdownText } from './markdown-text';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { ToolFallback } from './tool-fallback';\nimport {\n  useMessagePartReasoning,\n  useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: {\n    Fallback: ToolFallback,\n  },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n  if (isNil(idx) || idx < 0 || idx >= avatarListLength) {\n    return AvatarList[0];\n  }\n  return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartText();\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartReasoning();\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\nexport const assistantMessageComponentsWithAvatar = {\n  ...assistantMessageComponents,\n  Text: wrapComponentsForTextWithAvatar(MarkdownText),\n  Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["MarkdownText","ToolFallback","Reasoning","ReasoningGroup","AvatarList","useMessagePartText","_jsx","_jsxs","useMessagePartReasoning"],"mappings":"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"}
+{"version":3,"file":"message-components-with-avatar.cjs","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { MarkdownText } from './markdown-text';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { ToolFallback } from './tool-fallback';\nimport {\n  FileMessagePartProps,\n  useMessagePartReasoning,\n  useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\n\nimport { FileText } from 'lucide-react';\n\nconst File = (props: FileMessagePartProps) => {\n  const { filename } = props;\n\n  const content = (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n        <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n          <FileText className=\"text-[#1677FF]\" size={24} />\n        </div>\n        <div className=\"flex flex-col overflow-hidden\">\n          <span\n            className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n            title={filename}\n          >\n            {filename}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n\n  return content;\n};\n\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: {\n    Fallback: ToolFallback,\n  },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n  if (isNil(idx) || idx < 0 || idx >= avatarListLength) {\n    return AvatarList[0];\n  }\n  return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartText() as any;\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1 max-w-[90%]\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartReasoning() as any;\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1 max-w-[90%]\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\nexport const assistantMessageComponentsWithAvatar = {\n  ...assistantMessageComponents,\n  Text: wrapComponentsForTextWithAvatar(MarkdownText),\n  Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","FileText","MarkdownText","ToolFallback","Reasoning","ReasoningGroup","AvatarList","useMessagePartText","useMessagePartReasoning"],"mappings":"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"}

package/dist/components/assistant-ui/message-components-with-avatar.d.ts

@@ -1,4 +1,5 @@
 import React, { Attributes } from 'react';
+import { FileMessagePartProps } from '@assistant-ui/react';
 export declare const getAvatarByIdx: (idx?: number) => () => JSX.Element;
 export declare const assistantMessageComponentsWithAvatar: {
     Text: (props: Attributes) => JSX.Element;
@@ -6,10 +7,7 @@ export declare const assistantMessageComponentsWithAvatar: {
     tools: {
         Fallback: import("@assistant-ui/react").ToolCallMessagePartComponent;
     };
-    File: {
-        new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
-        prototype: File;
-    };
+    File: (props: FileMessagePartProps) => JSX.Element;
     ReasoningGroup: React.NamedExoticComponent<import("@assistant-ui/react").ReasoningGroupProps>;
 };
 //# sourceMappingURL=message-components-with-avatar.d.ts.map

package/dist/components/assistant-ui/message-components-with-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-components-with-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAqB1C,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,sBAK1C,CAAC;AAoEF,eAAO,MAAM,oCAAoC;kBAhEhC,UAAU;uBAkCV,UAAU;;;;;;;;;CAkC1B,CAAC"}
+{"version":3,"file":"message-components-with-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EACL,oBAAoB,EAGrB,MAAM,qBAAqB,CAAC;AAyC7B,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,sBAK1C,CAAC;AAoEF,eAAO,MAAM,oCAAoC;kBAhEhC,UAAU;uBAkCV,UAAU;;;;kBA9EN,oBAAoB;;CAgHxC,CAAC"}

package/dist/components/assistant-ui/message-components-with-avatar.js

@@ -4,10 +4,16 @@ import { MarkdownText } from './markdown-text.js';
 import { Reasoning, ReasoningGroup } from './reasoning.js';
 import { ToolFallback } from './tool-fallback.js';
 import { AvatarList } from '../../assets/avatarGroup.js';
-import { useMessagePartReasoning } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartReasoning.js';
-import { useMessagePartText } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartText.js';
+import { useMessagePartReasoning } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartReasoning.js';
+import { useMessagePartText } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/messagePart/useMessagePartText.js';
+import FileText from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/file-text.js';
 import isNil from '../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isNil.js';
 
+const File = (props) => {
+    const { filename } = props;
+    const content = (jsx("div", { className: "flex flex-col gap-2", children: jsxs("div", { className: "flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]", children: [jsx("div", { className: "w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0", children: jsx(FileText, { className: "text-[#1677FF]", size: 24 }) }), jsx("div", { className: "flex flex-col overflow-hidden", children: jsx("span", { className: "text-[14px] font-medium text-[#1D2129] truncate", title: filename, children: filename }) })] }) }));
+    return content;
+};
 const assistantMessageComponents = {
     Text: MarkdownText,
     tools: {
@@ -33,7 +39,7 @@ const wrapComponentsForTextWithAvatar = (component) => {
         if (!showAvatar) {
             return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
         }
-        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
+        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
     };
 };
 const wrapComponentsForReasoningWithAvatar = (component) => {
@@ -45,7 +51,7 @@ const wrapComponentsForReasoningWithAvatar = (component) => {
         if (!showAvatar) {
             return (jsx("div", { className: `${marginLeft ? 'ml-[50px]' : ''}`, children: React__default.createElement(component, props) }));
         }
-        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
+        return (jsxs("div", { className: "flex items-start", children: [jsx("div", { className: "fit-content mr-[12px] flex-shrink-0 flex-grow-0", children: jsx(Avatar, {}) }), jsxs("div", { className: "flex-1 max-w-[90%]", children: [jsx("div", { className: "font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]", children: text?.author || 'Agent' }), React__default.createElement(component, props)] })] }));
     };
 };
 const assistantMessageComponentsWithAvatar = {

package/dist/components/assistant-ui/message-components-with-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-components-with-avatar.js","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { MarkdownText } from './markdown-text';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { ToolFallback } from './tool-fallback';\nimport {\n  useMessagePartReasoning,\n  useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: {\n    Fallback: ToolFallback,\n  },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n  if (isNil(idx) || idx < 0 || idx >= avatarListLength) {\n    return AvatarList[0];\n  }\n  return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartText();\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartReasoning();\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\nexport const assistantMessageComponentsWithAvatar = {\n  ...assistantMessageComponents,\n  Text: wrapComponentsForTextWithAvatar(MarkdownText),\n  Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","React","_jsxs"],"mappings":"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"}
+{"version":3,"file":"message-components-with-avatar.js","sources":["../../../src/components/assistant-ui/message-components-with-avatar.tsx"],"sourcesContent":["import React, { Attributes } from 'react';\nimport { MarkdownText } from './markdown-text';\nimport { Reasoning, ReasoningGroup } from './reasoning';\nimport { ToolFallback } from './tool-fallback';\nimport {\n  FileMessagePartProps,\n  useMessagePartReasoning,\n  useMessagePartText,\n} from '@assistant-ui/react';\nimport { AvatarList } from '@/assets/avatarGroup';\nimport { isNil } from 'lodash-es';\n\nimport { FileText } from 'lucide-react';\n\nconst File = (props: FileMessagePartProps) => {\n  const { filename } = props;\n\n  const content = (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex items-center p-3 bg-[#F7F8FA] rounded-xl border border-[#E5E6EB] max-w-[300px]\">\n        <div className=\"w-10 h-10 bg-[#E8F3FF] rounded-lg flex items-center justify-center mr-3 shrink-0\">\n          <FileText className=\"text-[#1677FF]\" size={24} />\n        </div>\n        <div className=\"flex flex-col overflow-hidden\">\n          <span\n            className=\"text-[14px] font-medium text-[#1D2129] truncate\"\n            title={filename}\n          >\n            {filename}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n\n  return content;\n};\n\nconst assistantMessageComponents = {\n  Text: MarkdownText,\n  tools: {\n    Fallback: ToolFallback,\n  },\n  File,\n  Reasoning,\n  ReasoningGroup,\n};\nconst avatarListLength = AvatarList.length;\n\nexport const getAvatarByIdx = (idx?: number) => {\n  if (isNil(idx) || idx < 0 || idx >= avatarListLength) {\n    return AvatarList[0];\n  }\n  return AvatarList[idx % avatarListLength];\n};\nconst wrapComponentsForTextWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartText() as any;\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1 max-w-[90%]\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\n\nconst wrapComponentsForReasoningWithAvatar = (\n  component: React.JSXElementConstructor<unknown>,\n) => {\n  return (props: Attributes) => {\n    const text = useMessagePartReasoning() as any;\n\n    const showAvatar = text?.showAvatar;\n    const marginLeft = text?.marginLeft;\n    const Avatar = getAvatarByIdx(\n      text?.authorIdx,\n    ) as React.JSXElementConstructor<unknown>;\n    if (!showAvatar) {\n      return (\n        <div className={`${marginLeft ? 'ml-[50px]' : ''}`}>\n          {React.createElement(component, props)}\n        </div>\n      );\n    }\n    return (\n      <div className=\"flex items-start\">\n        <div className=\"fit-content mr-[12px] flex-shrink-0 flex-grow-0\">\n          <Avatar />\n        </div>\n        <div className=\"flex-1 max-w-[90%]\">\n          <div className=\"font-medium text-[15px] leading-[22px] mb-[6px] color-[#0C0D0E]\">\n            {text?.author || 'Agent'}\n          </div>\n          {React.createElement(component, props)}\n        </div>\n      </div>\n    );\n  };\n};\nexport const assistantMessageComponentsWithAvatar = {\n  ...assistantMessageComponents,\n  Text: wrapComponentsForTextWithAvatar(MarkdownText),\n  Reasoning: wrapComponentsForReasoningWithAvatar(Reasoning as any),\n};\n"],"names":["_jsx","_jsxs","React"],"mappings":"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"}

package/dist/components/assistant-ui/reasoning.cjs

@@ -8,9 +8,9 @@ var utils = require('../../lib/utils.cjs');
 var SpeakAiLineIcon = require('../../assets/SpeakAiLineIcon.cjs');
 var ChatkitContext = require('../../contexts/ChatkitContext.cjs');
 var I18nContext = require('../../contexts/I18nContext.cjs');
-var useScrollLock = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/reasoning/useScrollLock.cjs');
+var useScrollLock = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/reasoning/useScrollLock.cjs');
 var chevronDown = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-down.cjs');
-var useAssistantState = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.cjs');
+var useAssistantState = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.cjs');
 
 const ANIMATION_DURATION = 200;
 const SHIMMER_DURATION = 1000;

package/dist/components/assistant-ui/reasoning.js

@@ -6,9 +6,9 @@ import { cn } from '../../lib/utils.js';
 import SpeakAiLineIcon from '../../assets/SpeakAiLineIcon.js';
 import { useChatkitContext } from '../../contexts/ChatkitContext.js';
 import { useI18n } from '../../contexts/I18nContext.js';
-import { useScrollLock } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/reasoning/useScrollLock.js';
+import { useScrollLock } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/reasoning/useScrollLock.js';
 import ChevronDown from '../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
-import { useAssistantState } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.js';
+import { useAssistantState } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.js';
 
 const ANIMATION_DURATION = 200;
 const SHIMMER_DURATION = 1000;

package/dist/components/assistant-ui/thread.cjs

@@ -35,30 +35,30 @@ var chevronLeft = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@1
 var chevronRight = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs');
 var arrowDown = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/arrow-down.cjs');
 var v4 = require('../../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.cjs');
-var ThreadRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadRoot.cjs');
-var ThreadIf = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadIf.cjs');
-var ThreadViewport = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadViewport.cjs');
-var ThreadMessages = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadMessages.cjs');
-var ComposerRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerRoot.cjs');
-var ComposerInput = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerInput.cjs');
-var ComposerSend = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerSend.cjs');
-var ComposerCancel = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerCancel.cjs');
-var MessageRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/message/MessageRoot.cjs');
-var MessageParts = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/message/MessageParts.cjs');
-var useAssistantState = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.cjs');
-var ActionBarRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarRoot.cjs');
-var ActionBarCopy = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarCopy.cjs');
-var MessageIf = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/message/MessageIf.cjs');
-var ActionBarReload = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarReload.cjs');
-var BranchPickerRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerRoot.cjs');
-var BranchPickerPrevious = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerPrevious.cjs');
-var BranchPickerNumber = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNumber.cjs');
-var BranchPickerCount = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerCount.cjs');
-var BranchPickerNext = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNext.cjs');
-var ThreadScrollToBottom$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadScrollToBottom.cjs');
-var MessageError$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/message/MessageError.cjs');
-var ErrorRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/error/ErrorRoot.cjs');
-var ErrorMessage = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_wncib234fzw2z5h67nrdhchb2a_@types_react-dom@17.0.2_@ty_c64hu5rigivj2gtpzfqjqatr5y/node_modules/@assistant-ui/react/dist/primitives/error/ErrorMessage.cjs');
+var ThreadRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadRoot.cjs');
+var ThreadIf = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadIf.cjs');
+var ThreadViewport = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadViewport.cjs');
+var ThreadMessages = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadMessages.cjs');
+var ComposerRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerRoot.cjs');
+var ComposerInput = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerInput.cjs');
+var ComposerSend = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerSend.cjs');
+var ComposerCancel = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerCancel.cjs');
+var MessageRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/message/MessageRoot.cjs');
+var MessageParts = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/message/MessageParts.cjs');
+var useAssistantState = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.cjs');
+var ActionBarRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarRoot.cjs');
+var ActionBarCopy = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarCopy.cjs');
+var MessageIf = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/message/MessageIf.cjs');
+var ActionBarReload = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/actionBar/ActionBarReload.cjs');
+var BranchPickerRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerRoot.cjs');
+var BranchPickerPrevious = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerPrevious.cjs');
+var BranchPickerNumber = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNumber.cjs');
+var BranchPickerCount = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerCount.cjs');
+var BranchPickerNext = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/branchPicker/BranchPickerNext.cjs');
+var ThreadScrollToBottom$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/thread/ThreadScrollToBottom.cjs');
+var MessageError$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/message/MessageError.cjs');
+var ErrorRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/error/ErrorRoot.cjs');
+var ErrorMessage = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ga5wchs2nv7glg5nt5vp3rf7w4_@types_react-dom@17.0.2_@ty_n4uoi6zte4w63372rejm7oygyq/node_modules/@assistant-ui/react/dist/primitives/error/ErrorMessage.cjs');
 
 const userMessageComponents = { Text: markdownText.MarkdownText };
 const Thread = ({ welcome: welcome$1, recommends }) => {
@@ -151,7 +151,6 @@ const MessageError = () => {
     return (jsxRuntime.jsx(MessageError$1.MessagePrimitiveError, { children: jsxRuntime.jsxs(ErrorRoot.ErrorPrimitiveRoot, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: [jsxRuntime.jsx("div", { className: "font-medium text-destructive text-red-500", children: t('thread.requestError') }), jsxRuntime.jsx(ErrorMessage.ErrorPrimitiveMessage, { className: "aui-message-error-message line-clamp-2" })] }) }));
 };
 const AssistantMessage = () => {
-    ChatkitContext.useChatkitContext();
     return (jsxRuntime.jsx(MessageRoot.MessagePrimitiveRoot, { asChild: true, children: jsxRuntime.jsx("div", { className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxRuntime.jsxs("div", { className: "group", children: [jsxRuntime.jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsxRuntime.jsx(MessageParts.MessagePrimitiveParts, { components: messageComponentsWithAvatar.assistantMessageComponentsWithAvatar }), jsxRuntime.jsx(MessageError, {})] }), jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsxRuntime.jsx(BranchPicker, {}), jsxRuntime.jsx(AssistantActionBar, {})] })] }) }) }));
 };
 const AssistantActionBar = () => {