@chat-lab/ui 0.1.0-beta.7 → 0.1.0-beta.71

package/dist/components/assistant-ui/WarningModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningModal.cjs","sources":["../../../src/components/assistant-ui/WarningModal.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/ui/dialog';\nimport { Button } from '@/components/ui/button';\nimport { AlertCircle } from 'lucide-react';\nimport { useI18n } from '@/contexts/I18nContext';\n\ninterface WarningModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  content?: string;\n  onConfirm: () => void;\n  confirmText?: string;\n  cancelText?: string;\n}\n\nexport const WarningModal = ({\n  open,\n  onOpenChange,\n  title,\n  content,\n  onConfirm,\n  confirmText,\n  cancelText,\n}: WarningModalProps) => {\n  const { t } = useI18n();\n  const finalTitle = title || t('warningModal.deleteChatTitle');\n  const finalContent = content || t('warningModal.deleteChatContent');\n  const finalConfirmText = confirmText || t('warningModal.delete');\n  const finalCancelText = cancelText || t('warningModal.cancel');\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-[425px]\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2 text-xl\">\n            <AlertCircle className=\"size-8 text-white fill-amber-500\" />\n            <span>{finalTitle}</span>\n          </DialogTitle>\n        </DialogHeader>\n        <div className=\"py-3\">\n          <p className=\"text-muted-foreground\">{finalContent}</p>\n        </div>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {finalCancelText}\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"bg-[#D7312A] text-white\"\n            onClick={onConfirm}\n          >\n            {finalConfirmText}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["useI18n","_jsx","Dialog","_jsxs","DialogContent","DialogHeader","DialogTitle","AlertCircle","DialogFooter","Button"],"mappings":";;;;;;;;MAsBa,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,GACQ,KAAI;AACtB,IAAA,MAAM,EAAE,CAAC,EAAE,GAAGA,mBAAO,EAAE,CAAC;IACxB,MAAM,UAAU,GAAG,KAAK,IAAI,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,CAAC,gCAAgC,CAAC,CAAC;IACpE,MAAM,gBAAgB,GAAG,WAAW,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,MAAM,eAAe,GAAG,UAAU,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAE/D,QACEC,eAACC,aAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5CC,eAAC,CAAAC,oBAAa,IAAC,SAAS,EAAC,kBAAkB,EACzC,QAAA,EAAA,CAAAH,cAAA,CAACI,mBAAY,EAAA,EAAA,QAAA,EACXF,eAAC,CAAAG,kBAAW,IAAC,SAAS,EAAC,iCAAiC,EACtD,QAAA,EAAA,CAAAL,cAAA,CAACM,uBAAW,EAAC,EAAA,SAAS,EAAC,kCAAkC,EAAG,CAAA,EAC5DN,mCAAO,UAAU,EAAA,CAAQ,IACb,EACD,CAAA,EACfA,wBAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,cAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,YAAY,EAAK,CAAA,EAAA,CACnD,EACNE,eAAC,CAAAK,mBAAY,EACX,EAAA,QAAA,EAAA,CAAAP,cAAA,CAACQ,aAAM,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,YACzD,eAAe,EAAA,CACT,EACTR,cAAC,CAAAQ,aAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,SAAS,EAEjB,QAAA,EAAA,gBAAgB,GACV,CACI,EAAA,CAAA,CAAA,EAAA,CACD,EACT,CAAA,EACT;AACJ;;;;"}

package/dist/components/assistant-ui/WarningModal.d.ts

@@ -0,0 +1,12 @@
+interface WarningModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    content?: string;
+    onConfirm: () => void;
+    confirmText?: string;
+    cancelText?: string;
+}
+export declare const WarningModal: ({ open, onOpenChange, title, content, onConfirm, confirmText, cancelText, }: WarningModalProps) => JSX.Element;
+export {};
+//# sourceMappingURL=WarningModal.d.ts.map

package/dist/components/assistant-ui/WarningModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningModal.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/WarningModal.tsx"],"names":[],"mappings":"AAYA,UAAU,iBAAiB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,GAAI,6EAQ1B,iBAAiB,gBAkCnB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '../ui/dialog.js';
+import { Button } from '../ui/button.js';
+import { AlertCircle } from 'lucide-react';
+import { useI18n } from '../../contexts/I18nContext.js';
+
+const WarningModal = ({ open, onOpenChange, title, content, onConfirm, confirmText, cancelText, }) => {
+    const { t } = useI18n();
+    const finalTitle = title || t('warningModal.deleteChatTitle');
+    const finalContent = content || t('warningModal.deleteChatContent');
+    const finalConfirmText = confirmText || t('warningModal.delete');
+    const finalCancelText = cancelText || t('warningModal.cancel');
+    return (jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [jsx(DialogHeader, { children: jsxs(DialogTitle, { className: "flex items-center gap-2 text-xl", children: [jsx(AlertCircle, { className: "size-8 text-white fill-amber-500" }), jsx("span", { children: finalTitle })] }) }), jsx("div", { className: "py-3", children: jsx("p", { className: "text-muted-foreground", children: finalContent }) }), jsxs(DialogFooter, { children: [jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: finalCancelText }), jsx(Button, { variant: "outline", className: "bg-[#D7312A] text-white", onClick: onConfirm, children: finalConfirmText })] })] }) }));
+};
+
+export { WarningModal };
+//# sourceMappingURL=WarningModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WarningModal.js","sources":["../../../src/components/assistant-ui/WarningModal.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@/components/ui/dialog';\nimport { Button } from '@/components/ui/button';\nimport { AlertCircle } from 'lucide-react';\nimport { useI18n } from '@/contexts/I18nContext';\n\ninterface WarningModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  content?: string;\n  onConfirm: () => void;\n  confirmText?: string;\n  cancelText?: string;\n}\n\nexport const WarningModal = ({\n  open,\n  onOpenChange,\n  title,\n  content,\n  onConfirm,\n  confirmText,\n  cancelText,\n}: WarningModalProps) => {\n  const { t } = useI18n();\n  const finalTitle = title || t('warningModal.deleteChatTitle');\n  const finalContent = content || t('warningModal.deleteChatContent');\n  const finalConfirmText = confirmText || t('warningModal.delete');\n  const finalCancelText = cancelText || t('warningModal.cancel');\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-[425px]\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2 text-xl\">\n            <AlertCircle className=\"size-8 text-white fill-amber-500\" />\n            <span>{finalTitle}</span>\n          </DialogTitle>\n        </DialogHeader>\n        <div className=\"py-3\">\n          <p className=\"text-muted-foreground\">{finalContent}</p>\n        </div>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {finalCancelText}\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"bg-[#D7312A] text-white\"\n            onClick={onConfirm}\n          >\n            {finalConfirmText}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;MAsBa,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,GACQ,KAAI;AACtB,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,UAAU,GAAG,KAAK,IAAI,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,CAAC,gCAAgC,CAAC,CAAC;IACpE,MAAM,gBAAgB,GAAG,WAAW,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACjE,MAAM,eAAe,GAAG,UAAU,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAE/D,QACEA,IAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5CC,IAAC,CAAA,aAAa,IAAC,SAAS,EAAC,kBAAkB,EACzC,QAAA,EAAA,CAAAD,GAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACXC,IAAC,CAAA,WAAW,IAAC,SAAS,EAAC,iCAAiC,EACtD,QAAA,EAAA,CAAAD,GAAA,CAAC,WAAW,EAAC,EAAA,SAAS,EAAC,kCAAkC,EAAG,CAAA,EAC5DA,wBAAO,UAAU,EAAA,CAAQ,IACb,EACD,CAAA,EACfA,aAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,GAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,YAAY,EAAK,CAAA,EAAA,CACnD,EACNC,IAAC,CAAA,YAAY,EACX,EAAA,QAAA,EAAA,CAAAD,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,YACzD,eAAe,EAAA,CACT,EACTA,GAAC,CAAA,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,SAAS,EAEjB,QAAA,EAAA,gBAAgB,GACV,CACI,EAAA,CAAA,CAAA,EAAA,CACD,EACT,CAAA,EACT;AACJ;;;;"}

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

@@ -1,104 +1,56 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+require('react');
+var lucideReact = require('lucide-react');
+var react = require('@assistant-ui/react');
+require('zustand/shallow');
 var tooltip = require('../ui/tooltip.cjs');
-var dialog = require('../ui/dialog.cjs');
-var avatar = require('../ui/avatar.cjs');
-var tooltipIconButton = require('./tooltip-icon-button.cjs');
+require('@radix-ui/react-dialog');
 var utils = require('../../lib/utils.cjs');
-var Attachment = require('../../assets/Attachment.cjs');
-var x = require('../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/x.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 shallow = require('../../node_modules/.pnpm/zustand@5.0.8_patch_hash_3anyg22omi45zyrydxqfmnjeyq_@types_react@17.0.2_react@17.0.2_use-sync_niufcrhtf6gtk7zxh6w7b6asvu/node_modules/zustand/esm/react/shallow.cjs');
-var ComposerAddAttachment$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAddAttachment.cjs');
-var MessageAttachments = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageAttachments.cjs');
-var ComposerAttachments$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAttachments.cjs');
-var AssistantApiContext = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/context/react/AssistantApiContext.cjs');
-var useAssistantState = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/context/react/hooks/useAssistantState.cjs');
-var AttachmentRoot = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRoot.cjs');
-var AttachmentName = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentName.cjs');
-var AttachmentRemove$1 = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRemove.cjs');
+require('@radix-ui/react-avatar');
+var tooltipIconButton = require('./tooltip-icon-button.cjs');
+var ComposerAdd = require('../../assets/ComposerAdd.cjs');
+var ChatkitContext = require('../../contexts/ChatkitContext.cjs');
 
-const useFileSrc = (file) => {
-    const [src, setSrc] = React.useState(undefined);
-    React.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.useAssistantState(shallow.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] = React.useState(false);
-    return (jsxRuntime.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 (jsxRuntime.jsxs(dialog.Dialog, { children: [jsxRuntime.jsx(dialog.DialogTrigger, { className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50", asChild: true, children: children }), jsxRuntime.jsxs(dialog.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: [jsxRuntime.jsx(dialog.DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), jsxRuntime.jsx("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: jsxRuntime.jsx(AttachmentPreview, { src: src }) })] })] }));
-};
-const AttachmentThumb = () => {
-    const isImage = useAssistantState.useAssistantState(({ attachment }) => attachment.type === "image");
-    const src = useAttachmentSrc();
-    return (jsxRuntime.jsxs(avatar.Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [jsxRuntime.jsx(avatar.AvatarImage, { src: src, alt: "Attachment preview", className: "aui-attachment-tile-image object-cover" }), jsxRuntime.jsx(avatar.AvatarFallback, { delayMs: isImage ? 200 : 0, children: jsxRuntime.jsx(fileText.default, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })] }));
-};
 const AttachmentUI = () => {
-    const api = AssistantApiContext.useAssistantApi();
-    const isComposer = api.attachment.source === "composer";
-    const isImage = useAssistantState.useAssistantState(({ attachment }) => attachment.type === "image");
-    const typeLabel = useAssistantState.useAssistantState(({ attachment }) => {
-        const type = attachment.type;
+    const api = react.useAssistantApi();
+    const isComposer = api.attachment.source === 'composer';
+    const isImage = react.useAssistantState(({ attachment }) => attachment.type === 'image');
+    react.useAssistantState(({ attachment }) => {
+        const { type } = attachment;
         switch (type) {
-            case "image":
-                return "Image";
-            case "document":
-                return "Document";
-            case "file":
-                return "File";
-            default:
-                const _exhaustiveCheck = type;
-                throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+            case 'image':
+                return 'Image';
+            case 'document':
+                return 'Document';
+            case 'file':
+                return 'File';
         }
     });
-    return (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsxs(AttachmentRoot.AttachmentPrimitiveRoot, { className: utils.cn("aui-attachment-root relative", isImage &&
-                    "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"), children: [jsxRuntime.jsx(AttachmentPreviewDialog, { children: jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("div", { className: utils.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: jsxRuntime.jsx(AttachmentThumb, {}) }) }) }), isComposer && jsxRuntime.jsx(AttachmentRemove, {})] }), jsxRuntime.jsx(tooltip.TooltipContent, { side: "top", children: jsxRuntime.jsx(AttachmentName.AttachmentPrimitiveName, {}) })] }));
-};
-const AttachmentRemove = () => {
-    return (jsxRuntime.jsx(AttachmentRemove$1.AttachmentPrimitiveRemove, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.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: jsxRuntime.jsx(x.default, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" }) }) }));
-};
-const UserMessageAttachments = () => {
-    return (jsxRuntime.jsx("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", children: jsxRuntime.jsx(MessageAttachments.MessagePrimitiveAttachments, { components: { Attachment: AttachmentUI } }) }));
-};
-const ComposerAttachments = () => {
-    return (jsxRuntime.jsx("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", children: jsxRuntime.jsx(ComposerAttachments$1.ComposerPrimitiveAttachments, { components: { Attachment: AttachmentUI } }) }));
-};
+    const name = react.useAssistantState(({ attachment }) => attachment.name);
+    return (jsxRuntime.jsxs(react.AttachmentPrimitive.Root, { className: utils.cn('aui-attachment-root relative', isImage
+            && 'aui-attachment-root-composer only:[&>#attachment-tile]:size-24'), children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center p-2 rounded-xl bg-muted/50 border gap-2", children: [jsxRuntime.jsx("div", { className: "h-10 w-10 bg-background rounded-lg flex items-center justify-center shrink-0", children: jsxRuntime.jsx(lucideReact.FileText, { className: "text-blue-500", size: 24 }) }), jsxRuntime.jsx("div", { className: "flex flex-col overflow-hidden max-w-[80px]", children: jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx("div", { className: "truncate text-sm font-medium", children: jsxRuntime.jsx(react.AttachmentPrimitive.Name, {}) }) }), jsxRuntime.jsx(tooltip.TooltipContent, { children: jsxRuntime.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 && jsxRuntime.jsx(AttachmentRemove, {})] }));
+};
+const AttachmentRemove = () => (jsxRuntime.jsx(react.AttachmentPrimitive.Remove, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.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: jsxRuntime.jsx(lucideReact.XIcon, { className: "aui-attachment-remove-icon size-3" }) }) }));
+const UserMessageAttachments = () => (jsxRuntime.jsx("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", children: jsxRuntime.jsx(react.MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
+const ComposerAttachments = () => (jsxRuntime.jsx("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", children: jsxRuntime.jsx(react.ComposerPrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
 const ComposerAddAttachment = () => {
-    return (jsxRuntime.jsx(ComposerAddAttachment$1.ComposerPrimitiveAddAttachment, { asChild: true, children: jsxRuntime.jsx("div", { className: "aui-composer-add-attachment size-[16px] p-0 rounded-full text-xs font-semibold hover:bg-muted-foreground/15 flex items-center", "aria-label": "Add Attachment", children: jsxRuntime.jsx(Attachment, { className: "aui-attachment-add-icon size-5 stroke-[2px]" }) }) }));
+    const { composerDisabled } = ChatkitContext.useChatkitContext();
+    return (jsxRuntime.jsx(react.ComposerPrimitive.AddAttachment, { asChild: true, disabled: composerDisabled, children: jsxRuntime.jsx("div", { className: utils.cn('size-[28px] rounded-[6px] rounded-lg border border-gray-300 flex items-center justify-center cursor-pointer hover:bg-gray-100', composerDisabled && 'cursor-not-allowed opacity-50'), onClick: () => {
+                if (composerDisabled)
+                    return;
+            }, "aria-label": "Add Attachment", children: jsxRuntime.jsx("span", { className: "text-gray-500 text-lg", children: jsxRuntime.jsx(ComposerAdd, {}) }) }) }));
 };
 
 exports.ComposerAddAttachment = ComposerAddAttachment;

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

@@ -1 +1 @@
-{"version":3,"file":"attachment.cjs","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} 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]\n        ?.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<PropsWithChildren> = ({ children }) => {\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        <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 dark:stroke-[2.5px]\" />\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-5 stroke-[2px]\" />\n      </div>\n    </ComposerPrimitive.AddAttachment>\n  );\n};\n"],"names":["useState","useEffect","useAssistantState","useShallow","_jsx","_jsxs","Dialog","DialogTrigger","DialogContent","DialogTitle","Avatar","AvatarImage","AvatarFallback","FileText","useAssistantApi","Tooltip","AttachmentPrimitive.Root","cn","TooltipTrigger","TooltipContent","AttachmentPrimitive.Name","AttachmentPrimitive.Remove","TooltipIconButton","XIcon","MessagePrimitive.Attachments","ComposerPrimitive.Attachments","ComposerPrimitive.AddAttachment","AttachmentIcon"],"mappings":"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"}
+{"version":3,"file":"attachment.cjs","sources":["../../../src/components/assistant-ui/attachment.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PropsWithChildren, useEffect, useState, type FC,\n} 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';\nimport ComposerAddIcon from '@/assets/ComposerAdd';\nimport { useChatkitContext } from '@/contexts/ChatkitContext';\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;\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    <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\n                style={{\n                  backgroundColor: 'white',\n                  color: '#111827',\n                  padding: '8px',\n                  borderRadius: '6px',\n                  boxShadow:\n                    '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n                  border: '1px solid #e5e7eb',\n                  maxWidth: '20rem',\n                  whiteSpace: 'normal',\n                  wordBreak: 'break-all',\n                }}\n              >\n                {name}\n              </div>\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      {isComposer && <AttachmentRemove />}\n    </AttachmentPrimitive.Root>\n  );\n};\n\nconst AttachmentRemove: FC = () => (\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\nexport const UserMessageAttachments: FC = () => (\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\nexport const ComposerAttachments: FC = () => (\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 components={{ Attachment: AttachmentUI }} />\n  </div>\n);\n\nexport const ComposerAddAttachment: FC = () => {\n  const { composerDisabled } = useChatkitContext();\n  return (\n    <ComposerPrimitive.AddAttachment asChild disabled={composerDisabled}>\n      <div\n        className={cn(\n          'size-[28px] rounded-[6px] rounded-lg border border-gray-300 flex items-center justify-center cursor-pointer hover:bg-gray-100',\n          composerDisabled && 'cursor-not-allowed opacity-50',\n        )}\n        onClick={() => {\n          if (composerDisabled) return;\n        }}\n        aria-label=\"Add Attachment\"\n      >\n        <span className=\"text-gray-500 text-lg\">\n          <ComposerAddIcon />\n        </span>\n      </div>\n    </ComposerPrimitive.AddAttachment>\n  );\n};\n\nexport const ComposerAddAttachmentForOpenClaw = ComposerAddAttachment;\n"],"names":["useAssistantApi","useAssistantState","_jsxs","AttachmentPrimitive","cn","_jsx","FileText","Tooltip","TooltipTrigger","TooltipContent","TooltipIconButton","XIcon","MessagePrimitive","ComposerPrimitive","useChatkitContext","ComposerAddIcon"],"mappings":"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"}

package/dist/components/assistant-ui/attachment.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from "react";
+import { type FC } from 'react';
 export declare const UserMessageAttachments: FC;
 export declare const ComposerAttachments: FC;
 export declare const ComposerAddAttachment: FC;
+export declare const ComposerAddAttachmentForOpenClaw: FC;
 //# sourceMappingURL=attachment.d.ts.map

package/dist/components/assistant-ui/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAuMxE,eAAO,MAAM,sBAAsB,EAAE,EAMpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAQjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAWnC,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/components/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EACmC,KAAK,EAAE,EAChD,MAAM,OAAO,CAAC;AAwNf,eAAO,MAAM,sBAAsB,EAAE,EAIpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAIjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAoBnC,CAAC;AAEF,eAAO,MAAM,gCAAgC,IAAwB,CAAC"}

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

@@ -1,102 +1,54 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import 'react';
+import { FileText, XIcon } from 'lucide-react';
+import { ComposerPrimitive, MessagePrimitive, useAssistantApi, useAssistantState, AttachmentPrimitive } from '@assistant-ui/react';
+import 'zustand/shallow';
 import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
-import { Dialog, DialogTrigger, DialogContent, DialogTitle } from '../ui/dialog.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../ui/avatar.js';
-import { TooltipIconButton } from './tooltip-icon-button.js';
+import '@radix-ui/react-dialog';
 import { cn } from '../../lib/utils.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_3anyg22omi45zyrydxqfmnjeyq_@types_react@17.0.2_react@17.0.2_use-sync_niufcrhtf6gtk7zxh6w7b6asvu/node_modules/zustand/esm/react/shallow.js';
-import { ComposerPrimitiveAddAttachment } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAddAttachment.js';
-import { MessagePrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/message/MessageAttachments.js';
-import { ComposerPrimitiveAttachments } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/composer/ComposerAttachments.js';
-import { useAssistantApi } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/context/react/AssistantApiContext.js';
-import { useAssistantState } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/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_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRoot.js';
-import { AttachmentPrimitiveName } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentName.js';
-import { AttachmentPrimitiveRemove } from '../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/primitives/attachment/AttachmentRemove.js';
+import '@radix-ui/react-avatar';
+import { TooltipIconButton } from './tooltip-icon-button.js';
+import ComposerAddIcon from '../../assets/ComposerAdd.js';
+import { useChatkitContext } from '../../contexts/ChatkitContext.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("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 }) => {
-        const type = attachment.type;
+    const isComposer = api.attachment.source === 'composer';
+    const isImage = useAssistantState(({ attachment }) => attachment.type === 'image');
+    useAssistantState(({ attachment }) => {
+        const { type } = attachment;
         switch (type) {
-            case "image":
-                return "Image";
-            case "document":
-                return "Document";
-            case "file":
-                return "File";
-            default:
-                const _exhaustiveCheck = type;
-                throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+            case 'image':
+                return 'Image';
+            case 'document':
+                return 'Document';
+            case 'file':
+                return 'File';
         }
     });
-    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 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 dark:stroke-[2.5px]" }) }) }));
-};
-const UserMessageAttachments = () => {
-    return (jsx("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", children: jsx(MessagePrimitiveAttachments, { components: { Attachment: AttachmentUI } }) }));
-};
-const ComposerAttachments = () => {
-    return (jsx("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", children: jsx(ComposerPrimitiveAttachments, { components: { Attachment: AttachmentUI } }) }));
-};
+    const name = useAssistantState(({ attachment }) => attachment.name);
+    return (jsxs(AttachmentPrimitive.Root, { 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(AttachmentPrimitive.Name, {}) }) }), 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 = () => (jsx(AttachmentPrimitive.Remove, { 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(XIcon, { className: "aui-attachment-remove-icon size-3" }) }) }));
+const UserMessageAttachments = () => (jsx("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", children: jsx(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
+const ComposerAttachments = () => (jsx("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", children: jsx(ComposerPrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
 const ComposerAddAttachment = () => {
-    return (jsx(ComposerPrimitiveAddAttachment, { asChild: true, children: jsx("div", { className: "aui-composer-add-attachment size-[16px] p-0 rounded-full text-xs font-semibold hover:bg-muted-foreground/15 flex items-center", "aria-label": "Add Attachment", children: jsx(AttachmentIcon, { className: "aui-attachment-add-icon size-5 stroke-[2px]" }) }) }));
+    const { composerDisabled } = useChatkitContext();
+    return (jsx(ComposerPrimitive.AddAttachment, { asChild: true, disabled: composerDisabled, children: jsx("div", { className: cn('size-[28px] rounded-[6px] rounded-lg border border-gray-300 flex items-center justify-center cursor-pointer hover:bg-gray-100', composerDisabled && 'cursor-not-allowed opacity-50'), onClick: () => {
+                if (composerDisabled)
+                    return;
+            }, "aria-label": "Add Attachment", children: jsx("span", { className: "text-gray-500 text-lg", children: jsx(ComposerAddIcon, {}) }) }) }));
 };
 
 export { ComposerAddAttachment, ComposerAttachments, UserMessageAttachments };

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} 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]\n        ?.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<PropsWithChildren> = ({ children }) => {\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        <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 dark:stroke-[2.5px]\" />\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-5 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 {\n  PropsWithChildren, useEffect, useState, type FC,\n} 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';\nimport ComposerAddIcon from '@/assets/ComposerAdd';\nimport { useChatkitContext } from '@/contexts/ChatkitContext';\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;\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    <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\n                style={{\n                  backgroundColor: 'white',\n                  color: '#111827',\n                  padding: '8px',\n                  borderRadius: '6px',\n                  boxShadow:\n                    '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n                  border: '1px solid #e5e7eb',\n                  maxWidth: '20rem',\n                  whiteSpace: 'normal',\n                  wordBreak: 'break-all',\n                }}\n              >\n                {name}\n              </div>\n            </TooltipContent>\n          </Tooltip>\n        </div>\n      </div>\n      {isComposer && <AttachmentRemove />}\n    </AttachmentPrimitive.Root>\n  );\n};\n\nconst AttachmentRemove: FC = () => (\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\nexport const UserMessageAttachments: FC = () => (\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\nexport const ComposerAttachments: FC = () => (\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 components={{ Attachment: AttachmentUI }} />\n  </div>\n);\n\nexport const ComposerAddAttachment: FC = () => {\n  const { composerDisabled } = useChatkitContext();\n  return (\n    <ComposerPrimitive.AddAttachment asChild disabled={composerDisabled}>\n      <div\n        className={cn(\n          'size-[28px] rounded-[6px] rounded-lg border border-gray-300 flex items-center justify-center cursor-pointer hover:bg-gray-100',\n          composerDisabled && 'cursor-not-allowed opacity-50',\n        )}\n        onClick={() => {\n          if (composerDisabled) return;\n        }}\n        aria-label=\"Add Attachment\"\n      >\n        <span className=\"text-gray-500 text-lg\">\n          <ComposerAddIcon />\n        </span>\n      </div>\n    </ComposerPrimitive.AddAttachment>\n  );\n};\n\nexport const ComposerAddAttachmentForOpenClaw = ComposerAddAttachment;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/assistant-ui/file/index.cjs

@@ -2,26 +2,18 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var pdf$1 = require('./pdf.cjs');
 var video = require('./video.cjs');
-var pdf = require('../../../node_modules/.pnpm/pdfjs-dist@5.4.296/node_modules/pdfjs-dist/build/pdf.cjs');
 
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-pdf.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('components/assistant-ui/file/index.cjs', document.baseURI).href))).toString();
-const FILE_TYPES = ["video", "image", "pdf"];
+const FILE_TYPES = ["video", "image"];
 const getType = (mimeType) => FILE_TYPES.find((t) => mimeType.includes(t));
 const FileImpl = ({ type, filename, data, mimeType }) => {
     const _type = getType(mimeType);
     switch (_type) {
-        case "pdf":
-            return jsxRuntime.jsx(pdf$1.Pdf, { filename: filename, data: data, mimeType: mimeType });
         case "video":
             return jsxRuntime.jsx(video.Video, { filename: filename, data: data, mimeType: mimeType });
         default:
             return null;
     }
 };
-const File = React.memo(FileImpl);
-
-exports.File = File;
+React.memo(FileImpl);
 //# sourceMappingURL=index.cjs.map

package/dist/components/assistant-ui/file/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState } from \"react\";\n\nimport { Document, Page, pdfjs } from \"react-pdf\";\nimport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"../../ui/dialog\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../../ui/tooltip\";\nimport { Pdf } from \"./pdf\";\nimport { Video } from \"./video\";\n\npdfjs.GlobalWorkerOptions.workerSrc = new URL(\n  \"pdfjs-dist/build/pdf.worker.min.mjs\",\n  import.meta.url\n).toString();\nconst FILE_TYPES = [\"video\", \"image\", \"pdf\"];\nconst getType = (mimeType: string) =>\n  FILE_TYPES.find((t) => mimeType.includes(t));\n\nconst FileImpl = ({ type, filename, data, mimeType }: FileMessagePartProps) => {\n  const _type = getType(mimeType);\n  switch (_type) {\n    case \"pdf\":\n      return <Pdf filename={filename} data={data} mimeType={mimeType} />;\n    case \"video\":\n      return <Video filename={filename} data={data} mimeType={mimeType} />;\n    default:\n      return null;\n  }\n};\n\nexport const File = memo(FileImpl);\n"],"names":["pdfjs.GlobalWorkerOptions","_jsx","Pdf","Video","memo"],"mappings":";;;;;;;;;AAqBAA,uBAAyB,CAAC,SAAS,GAAG,IAAI,GAAG,CAC3C,qCAAqC,EACrC,wRAAe,CAChB,CAAC,QAAQ,EAAE,CAAC;AACb,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC7C,MAAM,OAAO,GAAG,CAAC,QAAgB,KAC/B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAwB,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,QAAQ,KAAK;AACX,QAAA,KAAK,KAAK;AACR,YAAA,OAAOC,cAAC,CAAAC,SAAG,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACrE,QAAA,KAAK,OAAO;AACV,YAAA,OAAOD,cAAC,CAAAE,WAAK,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,QAAA;AACE,YAAA,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;MAEW,IAAI,GAAGC,UAAI,CAAC,QAAQ;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"sourcesContent":["import { FileMessagePartProps } from \"@assistant-ui/react\";\nimport { memo, useState } from \"react\";\n\nimport { Video } from \"./video\";\n\nconst FILE_TYPES = [\"video\", \"image\"];\nconst getType = (mimeType: string) =>\n  FILE_TYPES.find((t) => mimeType.includes(t));\n\nconst FileImpl = ({ type, filename, data, mimeType }: FileMessagePartProps) => {\n  const _type = getType(mimeType);\n  switch (_type) {\n    case \"video\":\n      return <Video filename={filename} data={data} mimeType={mimeType} />;\n    default:\n      return null;\n  }\n};\n\nexport const File = memo(FileImpl);\n"],"names":["_jsx","Video","memo"],"mappings":";;;;;;AAKA,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,QAAgB,KAC/B,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAwB,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,QAAQ,KAAK;AACX,QAAA,KAAK,OAAO;AACV,YAAA,OAAOA,cAAC,CAAAC,WAAK,EAAC,EAAA,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,QAAA;AACE,YAAA,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEkBC,UAAI,CAAC,QAAQ;;"}

package/dist/components/assistant-ui/file/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAyC3D,eAAO,MAAM,IAAI,2EAZqC,oBAAoB,wBAYxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/assistant-ui/file/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAmB3D,eAAO,MAAM,IAAI,2EAVqC,oBAAoB,wBAUxC,CAAC"}

package/dist/components/assistant-ui/file/index.js

@@ -1,24 +1,17 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
-import { Pdf } from './pdf.js';
 import { Video } from './video.js';
-import { GlobalWorkerOptions } from '../../../node_modules/.pnpm/pdfjs-dist@5.4.296/node_modules/pdfjs-dist/build/pdf.js';
 
-GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
-const FILE_TYPES = ["video", "image", "pdf"];
+const FILE_TYPES = ["video", "image"];
 const getType = (mimeType) => FILE_TYPES.find((t) => mimeType.includes(t));
 const FileImpl = ({ type, filename, data, mimeType }) => {
     const _type = getType(mimeType);
     switch (_type) {
-        case "pdf":
-            return jsx(Pdf, { filename: filename, data: data, mimeType: mimeType });
         case "video":
             return jsx(Video, { filename: filename, data: data, mimeType: mimeType });
         default:
             return null;
     }
 };
-const File = memo(FileImpl);
-
-export { File };
+memo(FileImpl);
 //# sourceMappingURL=index.js.map