@sybilion/uilib 1.3.10 → 1.3.11

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.js

@@ -1,17 +1,52 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import cn from 'classnames';
-import { useEffect } from 'react';
+import { useMemo, useState, useCallback, useEffect } from 'react';
 import { displayLabelForBranchKeyFromMessages, humanizeBranchKey } from '../ChatMessage/presetScript.js';
 import { TextShimmer } from '../../TextShimmer/TextShimmer.js';
 import { Scroll } from '@homecode/ui';
 import { X, PaperPlaneRightIcon, ChartLineIcon } from '@phosphor-icons/react';
 import { Button } from '../../Button/Button.js';
+import { DropZone } from '../../DropZone/DropZone.js';
 import { PanelResizeHandle } from '../../Sidebar/Sidebar.js';
 import SidebarStem from '../../Sidebar/Sidebar.styl.js';
 import { Chat } from '../Chat.js';
+import { filterToTextAttachments, isAttachmentsDropzoneEnabled, buildAcceptAttr } from '../chatAttachmentAccept.js';
+import { extractChatAttachmentItems } from '../chatAttachmentExtract.js';
 import S from './ChatChrome.styl.js';
 
-function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showBranchActionsRow, showSyntheticBranchButtons, unusedBranchKeys, isScriptComplete, onGenerateDashboard, generatingDashboard, onGenerateDashboardClick, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, }) {
+function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPresets, messages, onQuickReply, suppressedQuickReplyKeys, isLoading, scriptContinueLabel, onScriptContinue, renderMessageChart, showBranchActionsRow, showSyntheticBranchButtons, unusedBranchKeys, isScriptComplete, onGenerateDashboard, generatingDashboard, onGenerateDashboardClick, showInlinePresets, isLastMessageFromUser, scrollRef, effectiveScopeId, onPromptSubmit, onChatDeleted, promptPrefill, footerClassName, emptyState, allowedAttachments, allowPdfAttachments = false, onAttachmentsDropped, }) {
+    const filteredAllowedAttachments = useMemo(() => filterToTextAttachments(allowedAttachments), [allowedAttachments]);
+    const attachmentsDropzoneEnabled = isAttachmentsDropzoneEnabled(allowedAttachments, allowPdfAttachments);
+    const attachmentAccept = useMemo(() => buildAcceptAttr(filteredAllowedAttachments, allowPdfAttachments), [filteredAllowedAttachments, allowPdfAttachments]);
+    const [pendingAttachments, setPendingAttachments] = useState([]);
+    const [isExtractingAttachments, setIsExtractingAttachments] = useState(false);
+    const promptBusy = isLoading || isExtractingAttachments;
+    const handleAttachmentFiles = useCallback((files) => {
+        if (promptBusy || files.length === 0)
+            return;
+        setIsExtractingAttachments(true);
+        void extractChatAttachmentItems(files, allowPdfAttachments)
+            .then(items => {
+            if (items.length > 0) {
+                setPendingAttachments(prev => [...prev, ...items]);
+            }
+        })
+            .finally(() => setIsExtractingAttachments(false));
+    }, [allowPdfAttachments, promptBusy]);
+    const handleRemoveAttachment = useCallback((index) => {
+        setPendingAttachments(prev => prev.filter((_, i) => i !== index));
+    }, []);
+    const handlePromptSubmitWithAttachments = useCallback((message, submittedAttachments) => {
+        const trimmed = message.trim();
+        const attachments = submittedAttachments ?? [];
+        if (!trimmed && attachments.length === 0)
+            return;
+        void onPromptSubmit(trimmed, attachments);
+        if (attachments.length > 0 && onAttachmentsDropped) {
+            void onAttachmentsDropped(attachments);
+        }
+        setPendingAttachments([]);
+    }, [onAttachmentsDropped, onPromptSubmit]);
     useEffect(() => {
         if (isEmpty)
             return;
@@ -28,21 +63,21 @@ function ChatChrome({ showResizeHandle, resizeHandle, onClose, isEmpty, renderPr
         if (inner)
             setTimeout(scrollToBottom, 100);
     }, [isEmpty, messages.length]);
-    return (jsxs("div", { className: S.root, children: [showResizeHandle && resizeHandle ? (jsx(PanelResizeHandle, { edge: "leading", isActive: resizeHandle.isActive, startWidthPx: resizeHandle.startWidthPx, getShellWidth: resizeHandle.getShellWidth, onDragWidth: resizeHandle.onDragWidth, onDragComplete: resizeHandle.onDragComplete, className: cn(SidebarStem.sidebarResizeHandle, S.chatResizeHandle) })) : null, jsx("div", { className: S.panelHeader, children: onClose ? (jsx(Button, { type: "button", variant: "ghost", icon: true, className: S.panelClose, "aria-label": "Close chat", onClick: onClose, children: jsx(X, { className: "size-4" }) })) : null }), jsx("div", { className: S.content, children: jsxs(Chat, { isEmpty: isEmpty, scopeId: effectiveScopeId, onChatDeleted: onChatDeleted, children: [isEmpty ? (jsxs(Fragment, { children: [jsx(Chat.EmptyState, { ...emptyState }), renderPresets('fixed')] })) : (jsx("div", { className: S.scrollWrapper, children: jsxs(Scroll, { y: true, yScrollbarClassName: S.scrollbar, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 56, after: 180 } }, fadeSize: "m", autoHide: true, ref: scrollRef, children: [messages.map((msg, index, arr) => {
-                                        const isLast = index === arr.length - 1;
-                                        return (jsx(Chat.Message, { role: msg.role, text: msg.text, userCsvAttachment: msg.userCsvAttachment, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: isLoading, isLastMessage: isLast, scriptContinue: isLast && scriptContinueLabel
-                                                ? { label: scriptContinueLabel }
-                                                : undefined, onScriptContinue: isLast && scriptContinueLabel
-                                                ? onScriptContinue
-                                                : undefined, renderMessageChart: renderMessageChart }, msg.id));
-                                    }), showBranchActionsRow && (jsxs("div", { className: S.branchRow, children: [showSyntheticBranchButtons
-                                                ? unusedBranchKeys.map(key => {
-                                                    const label = displayLabelForBranchKeyFromMessages(key, messages) ?? humanizeBranchKey(key);
-                                                    return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
-                                                })
-                                                : null, isScriptComplete &&
-                                                onGenerateDashboard &&
-                                                !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsx("div", { className: cn(S.footer, footerClassName), children: jsx(Chat.Prompt, { onSubmit: onPromptSubmit, disabled: isLoading, prefillMessage: promptPrefill ?? undefined, showNotice: isEmpty }) })] }) })] }));
+    return (jsxs("div", { className: S.root, children: [showResizeHandle && resizeHandle ? (jsx(PanelResizeHandle, { edge: "leading", isActive: resizeHandle.isActive, startWidthPx: resizeHandle.startWidthPx, getShellWidth: resizeHandle.getShellWidth, onDragWidth: resizeHandle.onDragWidth, onDragComplete: resizeHandle.onDragComplete, className: cn(SidebarStem.sidebarResizeHandle, S.chatResizeHandle) })) : null, jsx("div", { className: S.panelHeader, children: onClose ? (jsx(Button, { type: "button", variant: "ghost", icon: true, className: S.panelClose, "aria-label": "Close chat", onClick: onClose, children: jsx(X, { className: "size-4" }) })) : null }), jsxs("div", { className: S.content, children: [attachmentsDropzoneEnabled ? (jsx(DropZone, { accept: attachmentAccept, label: "Drop text files to attach", multiple: true, ghost: true, overlayScope: "container", disabled: promptBusy, className: S.attachmentDropzone, onFiles: handleAttachmentFiles })) : null, jsxs(Chat, { isEmpty: isEmpty, scopeId: effectiveScopeId, onChatDeleted: onChatDeleted, children: [isEmpty ? (jsxs(Fragment, { children: [jsx(Chat.EmptyState, { ...emptyState }), renderPresets('fixed')] })) : (jsx("div", { className: S.scrollWrapper, children: jsxs(Scroll, { y: true, yScrollbarClassName: S.scrollbar, className: S.scroll, innerClassName: S.scrollInner, offset: { y: { before: 56, after: 180 } }, fadeSize: "m", autoHide: true, ref: scrollRef, children: [messages.map((msg, index, arr) => {
+                                            const isLast = index === arr.length - 1;
+                                            return (jsx(Chat.Message, { role: msg.role, text: msg.text, userCsvAttachment: msg.userCsvAttachment, onQuickReply: onQuickReply, suppressedQuickReplyKeys: suppressedQuickReplyKeys, quickReplyDisabled: isLoading, isLastMessage: isLast, scriptContinue: isLast && scriptContinueLabel
+                                                    ? { label: scriptContinueLabel }
+                                                    : undefined, onScriptContinue: isLast && scriptContinueLabel
+                                                    ? onScriptContinue
+                                                    : undefined, renderMessageChart: renderMessageChart }, msg.id));
+                                        }), showBranchActionsRow && (jsxs("div", { className: S.branchRow, children: [showSyntheticBranchButtons
+                                                    ? unusedBranchKeys.map(key => {
+                                                        const label = displayLabelForBranchKeyFromMessages(key, messages) ?? humanizeBranchKey(key);
+                                                        return (jsx("span", { className: S.branchBtnWrap, children: jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isLoading, onClick: () => onQuickReply(key, label), children: [jsx(PaperPlaneRightIcon, {}), label] }) }, key));
+                                                    })
+                                                    : null, isScriptComplete &&
+                                                    onGenerateDashboard &&
+                                                    !generatingDashboard ? (jsxs(Button, { type: "button", variant: "default", size: "lg", disabled: isLoading, onClick: onGenerateDashboardClick, children: [jsx(ChartLineIcon, {}), "Generate Dashboard"] })) : null] })), showInlinePresets && renderPresets('inline'), isLoading && isLastMessageFromUser && (jsx(TextShimmer, { duration: 1, spread: 5, className: S.loader, children: "Thinking..." }))] }) })), jsxs("div", { className: cn(S.footer, footerClassName), children: [isEmpty ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Chat.Prompt, { onSubmit: handlePromptSubmitWithAttachments, disabled: promptBusy, attachments: pendingAttachments, onRemoveAttachment: handleRemoveAttachment, prefillMessage: promptPrefill ?? undefined })] })] })] })] }));
 }
 
 export { ChatChrome };

package/dist/esm/components/ui/Chat/ChatChrome/ChatChrome.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatChrome_root__oh4Ay{border-radius:var(--p-4);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.ChatChrome_chatResizeHandle__epfiT{background-color:var(--page-color);border-radius:2.5px;height:calc(100vh + 200px);left:0;opacity:0;position:absolute;right:auto;top:-200px;touch-action:none;transition:opacity .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:5px;z-index:30}.ChatChrome_chatResizeHandle__epfiT:before{left:0;right:auto}.ChatChrome_panelHeader__Hkfit{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;min-height:70px;padding:var(--p-2) var(--p-3);position:absolute;width:100%;z-index:100}.ChatChrome_panelClose__DbKxz{flex-shrink:0}.ChatChrome_content__5qFEi{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.ChatChrome_scrollWrapper__m4HMu{flex:1;min-height:0;position:relative}.ChatChrome_scroll__oCxoJ{align-items:flex-end;height:100%;max-height:100%;max-width:100%;padding-bottom:var(--p-2);position:absolute;width:100%;z-index:3}.ChatChrome_scrollbar__Hu0aG{right:0!important}.ChatChrome_scrollInner__K9hIy{min-height:100%;padding-top:var(--p-10)}.ChatChrome_scrollInner__K9hIy:after{content:\"\";display:block;height:170px}.ChatChrome_footer__a5Bpp{backdrop-filter:blur(30px);background-color:var(--background-alpha-800);border-top:1px solid var(--border);bottom:0;box-shadow:0 0 20px 16px var(--background);display:flex;flex-direction:column;position:absolute;width:100%;z-index:50}.ChatChrome_loader__9-lnf{color:var(--muted-foreground);margin:var(--p-2) var(--p-6) var(--p-10)}.ChatChrome_branchRow__NMDNv{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--p-6);padding:0 var(--p-6);width:100%}.ChatChrome_branchBtnWrap__aOSVP{display:inline-flex;vertical-align:middle}";
-var S = {"root":"ChatChrome_root__oh4Ay","chatResizeHandle":"ChatChrome_chatResizeHandle__epfiT","panelHeader":"ChatChrome_panelHeader__Hkfit","panelClose":"ChatChrome_panelClose__DbKxz","content":"ChatChrome_content__5qFEi","scrollWrapper":"ChatChrome_scrollWrapper__m4HMu","scroll":"ChatChrome_scroll__oCxoJ","scrollbar":"ChatChrome_scrollbar__Hu0aG","scrollInner":"ChatChrome_scrollInner__K9hIy","footer":"ChatChrome_footer__a5Bpp","loader":"ChatChrome_loader__9-lnf","branchRow":"ChatChrome_branchRow__NMDNv","branchBtnWrap":"ChatChrome_branchBtnWrap__aOSVP"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatChrome_root__oh4Ay{border-radius:var(--p-4);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.ChatChrome_chatResizeHandle__epfiT{background-color:var(--page-color);border-radius:2.5px;height:calc(100vh + 200px);left:0;opacity:0;position:absolute;right:auto;top:-200px;touch-action:none;transition:opacity .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:5px;z-index:30}.ChatChrome_chatResizeHandle__epfiT:before{left:0;right:auto}.ChatChrome_panelHeader__Hkfit{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;min-height:70px;padding:var(--p-2) var(--p-3);position:absolute;width:100%;z-index:100}.ChatChrome_panelClose__DbKxz{flex-shrink:0}.ChatChrome_content__5qFEi{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.ChatChrome_attachmentDropzone__OC8UI{inset:0;position:absolute;z-index:200}.ChatChrome_scrollWrapper__m4HMu{flex:1;min-height:0;position:relative}.ChatChrome_scroll__oCxoJ{align-items:flex-end;height:100%;max-height:100%;max-width:100%;padding-bottom:var(--p-2);position:absolute;width:100%;z-index:3}.ChatChrome_scrollbar__Hu0aG{right:0!important}.ChatChrome_scrollInner__K9hIy{min-height:100%;padding-top:var(--p-10)}.ChatChrome_scrollInner__K9hIy:after{content:\"\";display:block;height:170px}.ChatChrome_footer__a5Bpp{backdrop-filter:blur(30px);background-color:var(--background-alpha-800);border-top:1px solid var(--border);bottom:0;box-shadow:0 0 20px 16px var(--background);display:flex;flex-direction:column;position:absolute;width:100%;z-index:50}.ChatChrome_notice__JACIw{color:var(--muted-foreground);font-size:var(--text-xs);left:0;margin-bottom:var(--p-1);pointer-events:none;position:absolute;right:0;text-align:center;top:calc(var(--p-7)*-1)}@media (max-width:768px){.ChatChrome_notice__JACIw{font-size:10px}}.ChatChrome_loader__9-lnf{color:var(--muted-foreground);margin:var(--p-2) var(--p-6) var(--p-10)}.ChatChrome_branchRow__NMDNv{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--p-6);padding:0 var(--p-6);width:100%}.ChatChrome_branchBtnWrap__aOSVP{display:inline-flex;vertical-align:middle}";
+var S = {"root":"ChatChrome_root__oh4Ay","chatResizeHandle":"ChatChrome_chatResizeHandle__epfiT","panelHeader":"ChatChrome_panelHeader__Hkfit","panelClose":"ChatChrome_panelClose__DbKxz","content":"ChatChrome_content__5qFEi","attachmentDropzone":"ChatChrome_attachmentDropzone__OC8UI","scrollWrapper":"ChatChrome_scrollWrapper__m4HMu","scroll":"ChatChrome_scroll__oCxoJ","scrollbar":"ChatChrome_scrollbar__Hu0aG","scrollInner":"ChatChrome_scrollInner__K9hIy","footer":"ChatChrome_footer__a5Bpp","notice":"ChatChrome_notice__JACIw","loader":"ChatChrome_loader__9-lnf","branchRow":"ChatChrome_branchRow__NMDNv","branchBtnWrap":"ChatChrome_branchBtnWrap__aOSVP"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/ui/Chat/ChatMessage/ChatMessage.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".ChatMessage_root__6rnsF{background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--p-1);padding:var(--p-6)}.ChatMessage_text__Y1XNR{color:var(--text-secondary);font-size:var(--text-sm);max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:-moz-fit-content;width:fit-content}.ChatMessage_role-user__u4JPV{align-items:flex-end}.ChatMessage_role-user__u4JPV .ChatMessage_userColumn__cQM6-{align-items:flex-end;display:flex;flex-direction:column;gap:var(--p-2);max-width:100%}.ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-slate-100);border-radius:var(--p-4);border-bottom-right-radius:0;padding:var(--p-3) var(--p-4);white-space:pre-wrap}.dark .ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-gray-800)}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCard__D1M7y{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background);border:0;border-radius:var(--p-3);box-shadow:0 0 0 1px var(--border);cursor:pointer;display:flex;font:inherit;gap:var(--p-2);margin:0;max-width:100%;padding:var(--p-3);padding-right:var(--p-4);text-align:left;transition:background-color .15s;width:-moz-fit-content;width:fit-content}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCard__D1M7y:hover{background-color:var(--sb-gray-50)}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCard__D1M7y:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dark .ChatMessage_role-user__u4JPV .ChatMessage_userCsvCard__D1M7y{background-color:var(--sb-gray-800)}.dark .ChatMessage_role-user__u4JPV .ChatMessage_userCsvCard__D1M7y:hover{background-color:var(--sb-gray-900)}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCardIcon__0-KS6{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCardContent__LoMGE{display:flex;flex:1;flex-direction:column;min-width:0}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCardTitle__9W76E{font-size:var(--text-sm);font-weight:500;line-height:1.4}.ChatMessage_role-user__u4JPV .ChatMessage_userCsvCardSubtitle__YZeHv{color:var(--muted-foreground);font-size:var(--text-xs);line-height:1.4}.ChatMessage_role-system__g13OP{align-items:center}.ChatMessage_role-system__g13OP .ChatMessage_text__Y1XNR{color:var(--muted-foreground);font-size:var(--text-xs);width:100%}.ChatMessage_role-assistant__wketE .ChatMessage_text__Y1XNR{width:100%}.ChatMessage_role-assistant__wketE h3{line-height:2.4}.ChatMessage_role-assistant__wketE h4{font-size:1.1em;font-weight:600;line-height:2.2}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq{display:inline-block;margin-left:4px;margin-right:6px}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq:before{color:var(--text-secondary);content:\"•\";display:inline-block}.ChatMessage_role-assistant__wketE .ChatMessage_scrollHorizontal__Rms9n{max-width:100%}.ChatMessage_role-assistant__wketE table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--p-2);border-spacing:0;margin:var(--p-4) 0;overflow:hidden}.ChatMessage_role-assistant__wketE table td,.ChatMessage_role-assistant__wketE table th{border:1px solid var(--border);min-width:100px;padding:var(--p-1)}.ChatMessage_role-assistant__wketE table th{text-align:left}.ChatMessage_role-assistant__wketE ol,.ChatMessage_role-assistant__wketE ul{padding-left:var(--p-4)}.ChatMessage_role-assistant__wketE ul{list-style-type:disc}.ChatMessage_role-assistant__wketE ol{list-style-type:decimal}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{align-items:center;border:1px dashed var(--sb-slate-300);border-radius:8px;color:var(--foreground);display:inline-flex;font-size:var(--text-xs);gap:6px;margin:1px;max-width:100%;padding:2px 6px 2px 4px;text-decoration:none;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-slate-50);border-color:var(--sb-slate-400);border-style:solid}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{border-color:var(--sb-gray-600)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-gray-900)}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLinkLabel__PMU7e{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatMessage_role-assistant__wketE .ChatMessage_quickReplyWrap__1UFyD{display:inline-block;margin:var(--p-1) var(--p-1) var(--p-1) 0;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_downloadButtons__RygM-{display:flex;gap:var(--p-2);margin-top:var(--p-4)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{align-items:center;background-color:var(--background);border-radius:var(--p-3);box-shadow:0 0 0 1px var(--border);cursor:pointer;display:flex;gap:var(--p-4);margin-top:var(--p-3);padding:var(--p-3);padding-right:var(--p-4);transition:all .15s;width:-moz-fit-content;width:fit-content}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-50);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{background-color:var(--sb-gray-900);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-800)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardIcon__jkxDJ{align-items:center;border-radius:var(--p-2);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardContent__PTPwz{display:flex;flex:1;flex-direction:column;min-width:0}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardTitle__K1wqr{font-size:var(--text-base);font-weight:600;line-height:1.4}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardSubtitle__fVeF2{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.4}";
-var S = {"root":"ChatMessage_root__6rnsF","text":"ChatMessage_text__Y1XNR","role-user":"ChatMessage_role-user__u4JPV","userColumn":"ChatMessage_userColumn__cQM6-","userCsvCard":"ChatMessage_userCsvCard__D1M7y","userCsvCardIcon":"ChatMessage_userCsvCardIcon__0-KS6","userCsvCardContent":"ChatMessage_userCsvCardContent__LoMGE","userCsvCardTitle":"ChatMessage_userCsvCardTitle__9W76E","userCsvCardSubtitle":"ChatMessage_userCsvCardSubtitle__YZeHv","role-system":"ChatMessage_role-system__g13OP","role-assistant":"ChatMessage_role-assistant__wketE","bullet":"ChatMessage_bullet__6vAhq","scrollHorizontal":"ChatMessage_scrollHorizontal__Rms9n","datasetAppLink":"ChatMessage_datasetAppLink__Pxy-T","datasetAppLinkLabel":"ChatMessage_datasetAppLinkLabel__PMU7e","quickReplyWrap":"ChatMessage_quickReplyWrap__1UFyD","downloadButtons":"ChatMessage_downloadButtons__RygM-","downloadCard":"ChatMessage_downloadCard__NsNRa","downloadCardIcon":"ChatMessage_downloadCardIcon__jkxDJ","downloadCardContent":"ChatMessage_downloadCardContent__PTPwz","downloadCardTitle":"ChatMessage_downloadCardTitle__K1wqr","downloadCardSubtitle":"ChatMessage_downloadCardSubtitle__fVeF2"};
+var css_248z = ".ChatMessage_root__6rnsF{background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--p-1);padding:var(--p-6)}.ChatMessage_text__Y1XNR{color:var(--text-secondary);font-size:var(--text-sm);max-width:100%;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:-moz-fit-content;width:fit-content}.ChatMessage_role-user__u4JPV{align-items:flex-end}.ChatMessage_role-user__u4JPV .ChatMessage_userColumn__cQM6-{align-items:flex-end;display:flex;flex-direction:column;gap:var(--p-2);max-width:100%}.ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-slate-100);border-radius:var(--p-4);border-bottom-right-radius:0;padding:var(--p-3) var(--p-4);white-space:pre-wrap}.dark .ChatMessage_role-user__u4JPV .ChatMessage_text__Y1XNR{background-color:var(--sb-gray-800)}.ChatMessage_role-system__g13OP{align-items:center}.ChatMessage_role-system__g13OP .ChatMessage_text__Y1XNR{color:var(--muted-foreground);font-size:var(--text-xs);width:100%}.ChatMessage_role-assistant__wketE .ChatMessage_text__Y1XNR{width:100%}.ChatMessage_role-assistant__wketE h3{line-height:2.4}.ChatMessage_role-assistant__wketE h4{font-size:1.1em;font-weight:600;line-height:2.2}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq{display:inline-block;margin-left:4px;margin-right:6px}.ChatMessage_role-assistant__wketE .ChatMessage_bullet__6vAhq:before{color:var(--text-secondary);content:\"•\";display:inline-block}.ChatMessage_role-assistant__wketE .ChatMessage_scrollHorizontal__Rms9n{max-width:100%}.ChatMessage_role-assistant__wketE table{border:1px solid var(--border);border-collapse:collapse;border-radius:var(--p-2);border-spacing:0;margin:var(--p-4) 0;overflow:hidden}.ChatMessage_role-assistant__wketE table td,.ChatMessage_role-assistant__wketE table th{border:1px solid var(--border);min-width:100px;padding:var(--p-1)}.ChatMessage_role-assistant__wketE table th{text-align:left}.ChatMessage_role-assistant__wketE ol,.ChatMessage_role-assistant__wketE ul{padding-left:var(--p-4)}.ChatMessage_role-assistant__wketE ul{list-style-type:disc}.ChatMessage_role-assistant__wketE ol{list-style-type:decimal}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{align-items:center;border:1px dashed var(--sb-slate-300);border-radius:8px;color:var(--foreground);display:inline-flex;font-size:var(--text-xs);gap:6px;margin:1px;max-width:100%;padding:2px 6px 2px 4px;text-decoration:none;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-slate-50);border-color:var(--sb-slate-400);border-style:solid}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T{border-color:var(--sb-gray-600)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLink__Pxy-T:hover{background-color:var(--sb-gray-900)}.ChatMessage_role-assistant__wketE .ChatMessage_datasetAppLinkLabel__PMU7e{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatMessage_role-assistant__wketE .ChatMessage_quickReplyWrap__1UFyD{display:inline-block;margin:var(--p-1) var(--p-1) var(--p-1) 0;vertical-align:middle}.ChatMessage_role-assistant__wketE .ChatMessage_downloadButtons__RygM-{display:flex;gap:var(--p-2);margin-top:var(--p-4)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{align-items:center;background-color:var(--background);border-radius:var(--p-3);box-shadow:0 0 0 1px var(--border);cursor:pointer;display:flex;gap:var(--p-4);margin-top:var(--p-3);padding:var(--p-3);padding-right:var(--p-4);transition:all .15s;width:-moz-fit-content;width:fit-content}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-50);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa{background-color:var(--sb-gray-900);border-color:var(--border)}.dark .ChatMessage_role-assistant__wketE .ChatMessage_downloadCard__NsNRa:hover{background-color:var(--sb-gray-800)}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardIcon__jkxDJ{align-items:center;border-radius:var(--p-2);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardContent__PTPwz{display:flex;flex:1;flex-direction:column;min-width:0}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardTitle__K1wqr{font-size:var(--text-base);font-weight:600;line-height:1.4}.ChatMessage_role-assistant__wketE .ChatMessage_downloadCardSubtitle__fVeF2{color:var(--muted-foreground);font-size:var(--text-sm);line-height:1.4}";
+var S = {"root":"ChatMessage_root__6rnsF","text":"ChatMessage_text__Y1XNR","role-user":"ChatMessage_role-user__u4JPV","userColumn":"ChatMessage_userColumn__cQM6-","role-system":"ChatMessage_role-system__g13OP","role-assistant":"ChatMessage_role-assistant__wketE","bullet":"ChatMessage_bullet__6vAhq","scrollHorizontal":"ChatMessage_scrollHorizontal__Rms9n","datasetAppLink":"ChatMessage_datasetAppLink__Pxy-T","datasetAppLinkLabel":"ChatMessage_datasetAppLinkLabel__PMU7e","quickReplyWrap":"ChatMessage_quickReplyWrap__1UFyD","downloadButtons":"ChatMessage_downloadButtons__RygM-","downloadCard":"ChatMessage_downloadCard__NsNRa","downloadCardIcon":"ChatMessage_downloadCardIcon__jkxDJ","downloadCardContent":"ChatMessage_downloadCardContent__PTPwz","downloadCardTitle":"ChatMessage_downloadCardTitle__K1wqr","downloadCardSubtitle":"ChatMessage_downloadCardSubtitle__fVeF2"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/ui/Chat/ChatMessage/UserCsvAttachmentBubble.js

@@ -1,11 +1,10 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
+import { FileChip } from '../../FileChip/FileChip.js';
 import { downloadTextFile } from '../../../../utils/downloadTextFile.js';
-import { CsvIcon } from '../../../icons/CsvIcon/CsvIcon.js';
-import S from './ChatMessage.styl.js';
 
 const CSV_DOWNLOAD_HINT = 'Download .CSV file';
 function UserCsvAttachmentBubble({ attachment, }) {
-    return (jsxs("button", { type: "button", className: S.userCsvCard, "aria-label": `${CSV_DOWNLOAD_HINT}: ${attachment.displayName}`, onClick: () => downloadTextFile(attachment.content, attachment.filename, 'text/csv;charset=utf-8'), children: [jsx("div", { className: S.userCsvCardIcon, children: jsx(CsvIcon, { size: 32 }) }), jsxs("div", { className: S.userCsvCardContent, children: [jsx("div", { className: S.userCsvCardTitle, children: attachment.displayName }), jsx("div", { className: S.userCsvCardSubtitle, children: CSV_DOWNLOAD_HINT })] })] }));
+    return (jsx(FileChip, { name: attachment.displayName, format: "csv", hint: CSV_DOWNLOAD_HINT, onClick: () => downloadTextFile(attachment.content, attachment.filename, 'text/csv;charset=utf-8') }));
 }
 
 export { UserCsvAttachmentBubble };

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPrompt.js

@@ -7,8 +7,9 @@ import { Button } from '../../Button/Button.js';
 import { Input } from '../../Input/Input.js';
 import { syncChatPromptTextareaHeight } from './ChatPrompt.helpers.js';
 import S from './ChatPrompt.styl.js';
+import { ChatPromptAttachments } from './ChatPromptAttachments.js';
 
-function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, showNotice = true, }) {
+function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage, attachments = [], onRemoveAttachment, disabled = false, }) {
     const [message, setMessage] = useState('');
     const inputRef = useRef(null);
     useLayoutEffect(() => {
@@ -24,9 +25,10 @@ function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage,
     }, [prefillMessage]);
     const handleSubmit = (e) => {
         const trimmedMessage = message.trim();
-        if (trimmedMessage) {
+        const hasAttachments = attachments.length > 0;
+        if (trimmedMessage || hasAttachments) {
             e.preventDefault();
-            onSubmit(trimmedMessage);
+            onSubmit(trimmedMessage, hasAttachments ? attachments : undefined);
             setMessage('');
         }
     };
@@ -40,7 +42,7 @@ function ChatPrompt({ onSubmit, placeholder, className, footer, prefillMessage,
             }
         },
     });
-    return (jsxs("form", { onSubmit: handleSubmit, className: cn(S.root, className), children: [jsxs("div", { className: S.composer, children: [showNotice ? (jsx("div", { className: S.notice, children: "Forecast Assistant can make mistakes." })) : null, jsx(Input, { ref: inputRef, type: "textarea", rows: 1, value: message, onChange: e => setMessage(e.target.value), placeholder: placeholder || 'Type a message...', className: cn(S.input) }), jsx("div", { className: S.submitColumn, children: jsx(Button, { type: "submit", size: "sm", disabled: !message.trim(), children: jsx(SendHorizontalIcon, { size: 16 }) }) })] }), footer] }));
+    return (jsxs("form", { onSubmit: handleSubmit, className: cn(S.root, className), children: [jsx(ChatPromptAttachments, { attachments: attachments, onRemove: index => onRemoveAttachment?.(index), disabled: disabled }), jsxs("div", { className: S.composer, children: [jsx(Input, { ref: inputRef, type: "textarea", rows: 1, value: message, onChange: e => setMessage(e.target.value), placeholder: placeholder || 'Type a message...', className: cn(S.input) }), jsx("div", { className: S.submitColumn, children: jsx(Button, { type: "submit", size: "sm", disabled: disabled || (!message.trim() && attachments.length === 0), children: jsx(SendHorizontalIcon, { size: 16 }) }) })] }), footer] }));
 }
 
 export { ChatPrompt };

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPrompt.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:stretch;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);padding-top:var(--p-5);position:relative}.ChatPrompt_composer__H3c3N{align-items:flex-end;display:flex;flex-direction:row;gap:var(--p-3);position:relative;width:100%}.ChatPrompt_notice__B-RyW{color:var(--muted-foreground);font-size:var(--text-xs);left:0;margin-bottom:var(--p-1);pointer-events:none;position:absolute;right:0;text-align:center;top:calc(var(--p-12)*-1)}@media (max-width:768px){.ChatPrompt_notice__B-RyW{font-size:10px}}.ChatPrompt_input__QPKBV{border:none;border-radius:0!important;flex:1;max-height:200px;min-height:40px;min-width:0;overflow-y:auto;padding:var(--p-2) 0 0!important;resize:none}.ChatPrompt_input__QPKBV,.ChatPrompt_input__QPKBV:focus{box-shadow:none!important}.ChatPrompt_submitColumn__0rY1R{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end}.ChatPrompt_submitColumn__0rY1R>button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_submitColumn__0rY1R>button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_submitColumn__0rY1R>button:first-child:focus{transform:scale(1.2)}.ChatPrompt_submitColumn__0rY1R>button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_submitColumn__0rY1R .ChatPrompt_attachButton__gi-qF{background-color:var(--page-color);box-shadow:0 0 20px var(--background)}";
-var S = {"root":"ChatPrompt_root__5G5bq","composer":"ChatPrompt_composer__H3c3N","notice":"ChatPrompt_notice__B-RyW","input":"ChatPrompt_input__QPKBV","submitColumn":"ChatPrompt_submitColumn__0rY1R","attachButton":"ChatPrompt_attachButton__gi-qF"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.ChatPrompt_root__5G5bq{align-items:stretch;display:flex;flex-direction:column;gap:var(--p-2);padding:var(--p-6);padding-top:var(--p-5);position:relative}.ChatPrompt_composer__H3c3N{align-items:flex-end;display:flex;flex-direction:row;gap:var(--p-3);position:relative;width:100%}.ChatPrompt_input__QPKBV{border:none;border-radius:0!important;flex:1;max-height:200px;min-height:40px;min-width:0;overflow-y:auto;padding:var(--p-2) 0 0!important;resize:none}.ChatPrompt_input__QPKBV,.ChatPrompt_input__QPKBV:focus{box-shadow:none!important}.ChatPrompt_submitColumn__0rY1R{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end}.ChatPrompt_submitColumn__0rY1R>button:focus{box-shadow:0 0 0 2px var(--brand-color-500)!important}.ChatPrompt_submitColumn__0rY1R>button:first-child{border:none;position:relative;transition:all .2s}.ChatPrompt_submitColumn__0rY1R>button:first-child:focus{transform:scale(1.2)}.ChatPrompt_submitColumn__0rY1R>button:first-child:before{bottom:-100%;content:\"\";left:-100%;position:absolute;right:-100%;top:-100%}.ChatPrompt_submitColumn__0rY1R .ChatPrompt_attachButton__gi-qF{background-color:var(--page-color);box-shadow:0 0 20px var(--background)}.ChatPrompt_attachments__KG-fG{display:flex;flex-wrap:wrap;gap:var(--p-2);margin-bottom:var(--p-2)}.ChatPrompt_attachmentItem__QJk7J{flex:1 1 300px;max-width:300px;min-width:0}";
+var S = {"root":"ChatPrompt_root__5G5bq","composer":"ChatPrompt_composer__H3c3N","input":"ChatPrompt_input__QPKBV","submitColumn":"ChatPrompt_submitColumn__0rY1R","attachButton":"ChatPrompt_attachButton__gi-qF","attachments":"ChatPrompt_attachments__KG-fG","attachmentItem":"ChatPrompt_attachmentItem__QJk7J"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/ui/Chat/ChatPrompt/ChatPromptAttachments.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { FileChip } from '../../FileChip/FileChip.js';
+import S from './ChatPrompt.styl.js';
+
+function ChatPromptAttachments({ attachments, onRemove, disabled = false, }) {
+    if (attachments.length === 0)
+        return null;
+    return (jsx("div", { className: S.attachments, children: attachments.map((item, index) => (jsx(FileChip, { className: S.attachmentItem, name: item.file.name, format: item.kind === 'pdf' ? 'pdf' : 'text', hint: item.kind === 'pdf' ? 'PDF' : 'Text file', onRemove: () => onRemove(index), disabled: disabled }, `${item.file.name}-${index}`))) }));
+}
+
+export { ChatPromptAttachments };

package/dist/esm/components/ui/Chat/ChatSheet/ChatSelector.js

@@ -34,7 +34,7 @@ function ChatSelector({ id, className, onChatDeleted, }) {
         }
         return 'New chat';
     };
-    return (jsxs("div", { className: S.wrapper, children: [jsx("div", { className: S.selectGrow, children: jsxs(Select, { variant: "clear", value: currentChatId?.toString() ?? '', onValueChange: handleValueChange, children: [jsx(SelectTrigger, { size: "sm", className: className ? cn(S.selectTrigger, className) : S.selectTrigger, children: jsx(SelectValue, { placeholder: "Select chat" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "new", children: "+ New Chat" }), chats.map(chat => (jsx(SelectItem, { value: chat.session_id.toString(), selected: chat.session_id === currentChatId, children: getChatDisplayName(chat) }, chat.session_id)))] })] }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", className: S.deleteBtn, "aria-label": "Delete chat", disabled: !currentChatId || chats.length === 0, onClick: handleDeleteChat, children: jsx(Trash2Icon, { size: 16 }) })] }));
+    return (jsxs("div", { className: S.wrapper, children: [jsx("div", { className: S.selectGrow, children: jsxs(Select, { variant: "clear", value: currentChatId?.toString() ?? '', onValueChange: handleValueChange, children: [jsx(SelectTrigger, { size: "sm", className: className ? cn(S.selectTrigger, className) : S.selectTrigger, children: jsx(SelectValue, { placeholder: "Select chat" }) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "new", children: "+ New Chat" }), chats.map(chat => (jsx(SelectItem, { value: chat.session_id.toString(), selected: chat.session_id === currentChatId, children: getChatDisplayName(chat) }, chat.session_id)))] })] }) }), currentChatId && chats.length > 0 && (jsx(Button, { type: "button", variant: "ghost", size: "sm", className: S.deleteBtn, "aria-label": "Delete chat", onClick: handleDeleteChat, children: jsx(Trash2Icon, { size: 16 }) }))] }));
 }
 
 export { ChatSelector };

package/dist/esm/components/ui/Chat/ChatSheet/useChatPanelChromeModel.js

@@ -21,7 +21,7 @@ const CHAT_NAV_COLLAPSE_BREAKPOINT_PX = 1400;
 const CHAT_QUERY_PARAM = 'chat';
 const CHAT_OPEN_VALUE = 'open';
 const PROMPT_QUERY_PARAM = 'prompt';
-function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, emptyState, }) {
+function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onScriptComplete, onGenerateDashboard, renderMessageChart, emptyState, allowedAttachments, allowPdfAttachments, onAttachmentsDropped, }) {
     const effectiveScopeId = scopeId ?? NO_SCOPE_FALLBACK;
     const isMobile = useIsMobile();
     const { chatPanelContainer, isOpen: sidebarNavOpen, setOpen: setSidebarNavOpen, chatWidthPx, setChatWidthPx, getShellWidth, setChatPanelOpen, } = useSidebar();
@@ -762,6 +762,9 @@ function useChatPanelChromeModel({ embedAsPage, presets, scopeId, onMessage, onS
         onChatDeleted: endLocalDemoFlow,
         promptPrefill: promptLinkPrefill,
         emptyState,
+        allowedAttachments,
+        allowPdfAttachments,
+        onAttachmentsDropped,
     };
     const toggleOpen = () => onOpenChange(!isOpen);
     return {

package/dist/esm/components/ui/Chat/chatAttachmentAccept.js

@@ -0,0 +1,54 @@
+/** MIME types and extensions accepted for chat text attachments. */
+const TEXT_ATTACHMENT_ACCEPT_PARTS = [
+    'text/plain',
+    '.txt',
+    'text/csv',
+    '.csv',
+    'text/markdown',
+    '.md',
+    '.markdown',
+    'application/json',
+    '.json',
+    'text/html',
+    '.html',
+    '.htm',
+    'text/xml',
+    'application/xml',
+    '.xml',
+    'text/yaml',
+    'application/yaml',
+    'application/x-yaml',
+    '.yaml',
+    '.yml',
+    'text/tab-separated-values',
+    '.tsv',
+    'text/calendar',
+    '.ics',
+];
+const PDF_ATTACHMENT_ACCEPT_PARTS = ['application/pdf', '.pdf'];
+const TEXT_ATTACHMENT_ACCEPT_SET = new Set(TEXT_ATTACHMENT_ACCEPT_PARTS.map(part => part.toLowerCase()));
+/** Keep only tokens from `parts` that appear in the text attachment allowlist. */
+function filterToTextAttachments(parts) {
+    if (!parts?.length)
+        return [];
+    return parts.filter(part => TEXT_ATTACHMENT_ACCEPT_SET.has(part.trim().toLowerCase()));
+}
+function buildAcceptAttr(filteredTextParts, allowPdf) {
+    const parts = [...filteredTextParts];
+    if (allowPdf) {
+        parts.push(...PDF_ATTACHMENT_ACCEPT_PARTS);
+    }
+    return parts.join(',');
+}
+function isPdfFile(file) {
+    const type = file.type.toLowerCase();
+    if (type === 'application/pdf')
+        return true;
+    return file.name.toLowerCase().endsWith('.pdf');
+}
+function isAttachmentsDropzoneEnabled(allowedAttachments, allowPdfAttachments) {
+    return (filterToTextAttachments(allowedAttachments).length > 0 ||
+        Boolean(allowPdfAttachments));
+}
+
+export { PDF_ATTACHMENT_ACCEPT_PARTS, TEXT_ATTACHMENT_ACCEPT_PARTS, buildAcceptAttr, filterToTextAttachments, isAttachmentsDropzoneEnabled, isPdfFile };

package/dist/esm/components/ui/Chat/chatAttachmentExtract.js

@@ -0,0 +1,26 @@
+import { isPdfFile } from './chatAttachmentAccept.js';
+import { extractPdfFileToText } from './chatPdfExtract.js';
+
+function readTextFile(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(String(reader.result ?? ''));
+        reader.onerror = () => reject(reader.error ?? new Error(`Failed to read ${file.name}`));
+        reader.readAsText(file);
+    });
+}
+async function extractChatAttachmentItems(files, allowPdfAttachments) {
+    const items = await Promise.all(files.map(async (file) => {
+        if (isPdfFile(file)) {
+            if (!allowPdfAttachments)
+                return null;
+            const text = await extractPdfFileToText(file);
+            return { file, text, kind: 'pdf' };
+        }
+        const text = await readTextFile(file);
+        return { file, text, kind: 'text' };
+    }));
+    return items.filter((item) => item != null);
+}
+
+export { extractChatAttachmentItems };

package/dist/esm/components/ui/Chat/chatPdfExtract.js

@@ -0,0 +1,31 @@
+let workerConfigured = false;
+async function configurePdfWorker(pdfjs) {
+    if (workerConfigured)
+        return;
+    const version = pdfjs.version ?? '4.10.38';
+    pdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${version}/legacy/build/pdf.worker.min.mjs`;
+    workerConfigured = true;
+}
+/** Best-effort plain text from PDF; pages separated with lightweight markdown headings. */
+async function extractPdfFileToText(file) {
+    const pdfjs = await import('pdfjs-dist/legacy/build/pdf.mjs');
+    await configurePdfWorker(pdfjs);
+    const data = new Uint8Array(await file.arrayBuffer());
+    const doc = await pdfjs.getDocument({ data }).promise;
+    const pageTexts = [];
+    for (let pageNumber = 1; pageNumber <= doc.numPages; pageNumber += 1) {
+        const page = await doc.getPage(pageNumber);
+        const content = await page.getTextContent();
+        const pageText = content.items
+            .map(item => ('str' in item ? item.str : ''))
+            .join(' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+        if (pageText) {
+            pageTexts.push(`## Page ${pageNumber}\n\n${pageText}`);
+        }
+    }
+    return pageTexts.join('\n\n');
+}
+
+export { extractPdfFileToText };

package/dist/esm/components/ui/DropZone/DropZone.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import S from './DropZone.styl.js';
 
@@ -32,28 +33,34 @@ function matchesAccept(file, accept) {
     return parts.some(part => matchesAcceptPart(file, part));
 }
 function DropZone(props) {
-    const { accept, label, error, disabled = false, ghost = false, id, className, } = props;
+    const { accept, label, error, disabled = false, ghost = false, overlayScope = 'viewport', id, className, } = props;
     const [isDragging, setIsDragging] = useState(false);
+    const rootRef = useRef(null);
     const dropAreaRef = useRef(null);
     const inputId = id || `dropzone-file-input-${Math.random().toString(36).substr(2, 9)}`;
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(false);
-        if (disabled)
+    const dropProcessedRef = useRef(false);
+    const emitDroppedFiles = useCallback((files) => {
+        if (disabled || dropProcessedRef.current || files.length === 0)
+            return;
+        const list = Array.from(files).filter(f => matchesAccept(f, accept));
+        if (list.length === 0)
             return;
-        const list = Array.from(e.dataTransfer.files).filter(f => matchesAccept(f, accept));
+        dropProcessedRef.current = true;
         if (props.multiple === true) {
-            if (list.length > 0) {
-                props.onFiles(list);
-            }
+            props.onFiles(list);
         }
         else {
-            const file = list[0];
-            if (file) {
-                props.onFile(file);
-            }
+            props.onFile(list[0]);
         }
     }, [accept, disabled, props]);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (disabled)
+            return;
+        emitDroppedFiles(e.dataTransfer.files);
+    }, [disabled, emitDroppedFiles]);
     const handleFileInput = useCallback((e) => {
         if (disabled)
             return;
@@ -75,11 +82,18 @@ function DropZone(props) {
         e.target.value = '';
     }, [accept, disabled, props]);
     useEffect(() => {
-        // Find closest dialog or fall back to body
-        const dialog = dropAreaRef.current?.closest('[role="dialog"]');
-        const targetElement = dialog || document.body;
+        const root = rootRef.current;
+        if (!root)
+            return;
+        const targetElement = overlayScope === 'container'
+            ? root.parentElement
+            : (root.closest('[role="dialog"]') ??
+                document.body);
+        if (!targetElement)
+            return;
         const handleGlobalDragOver = (e) => {
             e.preventDefault();
+            dropProcessedRef.current = false;
             setIsDragging(true);
         };
         const handleGlobalDragLeave = (e) => {
@@ -90,21 +104,36 @@ function DropZone(props) {
                 setIsDragging(false);
             }
         };
-        const handleGlobalDrop = () => {
+        const handleGlobalDropPrevent = (e) => {
+            e.preventDefault();
+        };
+        const handleGlobalDropFinalize = (e) => {
+            if (overlayScope === 'container' && e.dataTransfer?.files?.length) {
+                emitDroppedFiles(e.dataTransfer.files);
+            }
             setIsDragging(false);
         };
         targetElement.addEventListener('dragover', handleGlobalDragOver);
         targetElement.addEventListener('dragleave', handleGlobalDragLeave);
-        targetElement.addEventListener('drop', handleGlobalDrop);
+        targetElement.addEventListener('drop', handleGlobalDropPrevent, true);
+        targetElement.addEventListener('drop', handleGlobalDropFinalize);
         return () => {
             targetElement.removeEventListener('dragover', handleGlobalDragOver);
             targetElement.removeEventListener('dragleave', handleGlobalDragLeave);
-            targetElement.removeEventListener('drop', handleGlobalDrop);
+            targetElement.removeEventListener('drop', handleGlobalDropPrevent, true);
+            targetElement.removeEventListener('drop', handleGlobalDropFinalize);
         };
-    }, []);
+    }, [emitDroppedFiles, overlayScope]);
     const shouldShowDropArea = !ghost || isDragging;
     const multiple = props.multiple === true;
-    return (jsxs("div", { className: `${S.root} ${className || ''}`, children: [shouldShowDropArea && (jsxs("div", { ref: dropAreaRef, className: `${S.dropArea} ${isDragging ? S.isDragging : ''} ${disabled ? S.disabled : ''}`, onDrop: handleDrop, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
+    const isContainerOverlay = overlayScope === 'container';
+    return (jsxs("div", { ref: rootRef, className: cn(S.root, isContainerOverlay && S.rootContained, isDragging && isContainerOverlay && S.rootDragging, className), style: isContainerOverlay
+            ? { pointerEvents: isDragging ? 'auto' : 'none' }
+            : undefined, children: [shouldShowDropArea && (jsxs("div", { ref: dropAreaRef, className: cn(S.dropArea, isDragging
+                    ? isContainerOverlay
+                        ? S.isDraggingContained
+                        : S.isDragging
+                    : '', disabled ? S.disabled : ''), onDrop: handleDrop, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
                             cursor: disabled ? 'not-allowed' : 'pointer',
                         }, children: label })] })), error && jsx("div", { className: S.error, children: error })] }));
 }

package/dist/esm/components/ui/DropZone/DropZone.styl.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 
-var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.DropZone_root__ct0cl{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__GIrZ-{background-color:var(--page-color);border:2px dashed var(--border);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__GIrZ- label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--page-color-alpha-800);border-color:var(--primary-color)}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){border:2px dashed var(--muted-border)}.dark .DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.dark .DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--background)}.DropZone_dropArea__GIrZ-.DropZone_disabled__nJAXj{cursor:not-allowed;opacity:.6}.DropZone_fileInput__K-7dx{display:none}.DropZone_label__FaOwC{color:var(--text-color-secondary);cursor:pointer}.DropZone_error__hwV4z{color:var(--error-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
-var S = {"root":"DropZone_root__ct0cl","dropArea":"DropZone_dropArea__GIrZ-","disabled":"DropZone_disabled__nJAXj","isDragging":"DropZone_isDragging__g7h0n","fileInput":"DropZone_fileInput__K-7dx","label":"DropZone_label__FaOwC","error":"DropZone_error__hwV4z"};
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.DropZone_root__ct0cl{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_rootContained__UhRMG{height:100%;position:relative;width:100%}.DropZone_rootDragging__37R3u{pointer-events:auto}.DropZone_dropArea__GIrZ-{background-color:var(--page-color);border:2px dashed var(--border);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__GIrZ- label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--page-color-alpha-800);border-color:var(--primary-color)}.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n{border-color:var(--primary-color);position:fixed;z-index:9999}.DropZone_dropArea__GIrZ-.DropZone_isDraggingContained__M6ay8,.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n{align-items:center;background-color:var(--page-color-alpha-800);display:flex;height:100%;justify-content:center;left:0;top:0;width:100%}.DropZone_dropArea__GIrZ-.DropZone_isDraggingContained__M6ay8{border-color:var(--primary-color);border-radius:var(--p-4);position:absolute;z-index:1}.DropZone_dropArea__GIrZ-.DropZone_isDraggingContained__M6ay8,.DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){border:2px dashed var(--muted-border)}.dark .DropZone_dropArea__GIrZ-.DropZone_isDraggingContained__M6ay8,.dark .DropZone_dropArea__GIrZ-.DropZone_isDragging__g7h0n,.dark .DropZone_dropArea__GIrZ-:hover:not(.DropZone_disabled__nJAXj){background-color:var(--background)}.DropZone_dropArea__GIrZ-.DropZone_disabled__nJAXj{cursor:not-allowed;opacity:.6}.DropZone_fileInput__K-7dx{display:none}.DropZone_label__FaOwC{color:var(--text-color-secondary);cursor:pointer}.DropZone_error__hwV4z{color:var(--error-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
+var S = {"root":"DropZone_root__ct0cl","rootContained":"DropZone_rootContained__UhRMG","rootDragging":"DropZone_rootDragging__37R3u","dropArea":"DropZone_dropArea__GIrZ-","disabled":"DropZone_disabled__nJAXj","isDragging":"DropZone_isDragging__g7h0n","isDraggingContained":"DropZone_isDraggingContained__M6ay8","fileInput":"DropZone_fileInput__K-7dx","label":"DropZone_label__FaOwC","error":"DropZone_error__hwV4z"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/components/ui/FileChip/FileChip.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { CsvIcon } from '../../icons/CsvIcon/CsvIcon.js';
+import { CardHeader, CardAction } from '../Card/Card.js';
+import { XIcon, FileTextIcon } from '@phosphor-icons/react';
+import S from './FileChip.styl.js';
+
+const FORMAT_ICON_SIZE = 32;
+function FormatIcon({ format }) {
+    if (format === 'csv') {
+        return jsx(CsvIcon, { size: FORMAT_ICON_SIZE });
+    }
+    return (jsx(FileTextIcon, { size: FORMAT_ICON_SIZE, "aria-hidden": true, style: { color: 'var(--muted-foreground)' } }));
+}
+function FileChipHeader({ name, format, hint, onRemove, }) {
+    return (jsx(CardHeader, { className: S.header, icon: jsx(FormatIcon, { format: format }), title: name, description: hint, titleClassName: S.title, descriptionClassName: S.hint, tooltipProps: { maxWidth: 400 }, children: onRemove ? (jsx(CardAction, { children: jsx("button", { type: "button", className: S.remove, "aria-label": `Remove ${name}`, onClick: onRemove, children: jsx(XIcon, { size: 14, "aria-hidden": true }) }) })) : null }));
+}
+function FileChip({ name, format, hint, onClick, onRemove, className, }) {
+    const header = (jsx(FileChipHeader, { name: name, format: format, hint: hint, onRemove: onRemove }));
+    if (onClick) {
+        return (jsx("button", { type: "button", className: cn(S.root, S.interactive, className), "aria-label": `${hint}: ${name}`, onClick: onClick, children: header }));
+    }
+    return (jsx("div", { className: cn(S.root, className), role: "group", children: header }));
+}
+
+export { FileChip };

package/dist/esm/components/ui/FileChip/FileChip.styl.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = "@media (max-width:768px){:root{--page-x-padding:var(--p-6);--page-y-padding:var(--p-6)}}.FileChip_root__LkR-k{align-items:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background);border:0;border-radius:var(--p-3);box-shadow:0 0 0 1px var(--border);color:inherit;display:flex;font:inherit;margin:0;max-width:100%;padding:var(--p-3);padding-right:var(--p-4);text-align:left;width:-moz-fit-content;width:fit-content}.dark .FileChip_root__LkR-k{background-color:var(--sb-gray-800)}.FileChip_header__pjZxs{align-items:center;display:flex;flex-direction:row;font-size:inherit;gap:var(--p-2);min-width:0;width:100%}.FileChip_header__pjZxs [data-slot=card-action]{align-self:center;flex-shrink:0;grid-column:auto;grid-row:auto;margin-left:auto;order:3}.FileChip_header__pjZxs>div:first-child{align-items:center;background:transparent;border-radius:0;box-shadow:none;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;order:1;width:32px}.FileChip_header__pjZxs>div:first-child>svg{height:32px;width:32px}.FileChip_header__pjZxs>div:last-child{flex:1;min-width:0;order:2}.FileChip_interactive__g0-Hk{cursor:pointer;transition:background-color .15s}.FileChip_interactive__g0-Hk:hover{background-color:var(--sb-gray-50)}.FileChip_interactive__g0-Hk:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.dark .FileChip_interactive__g0-Hk:hover{background-color:var(--sb-gray-900)}.FileChip_title__2sUIf{font-size:var(--text-sm);font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileChip_hint__ftFdf{font-size:var(--text-xs);line-height:1.4}.FileChip_remove__IkREj{align-items:center;background:transparent;border:none;border-radius:var(--p-2);color:var(--muted-foreground);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.FileChip_remove__IkREj:hover:not(:disabled){background-color:var(--muted);color:var(--foreground)}.FileChip_remove__IkREj:disabled{cursor:not-allowed;opacity:.5}";
+var S = {"root":"FileChip_root__LkR-k","header":"FileChip_header__pjZxs","interactive":"FileChip_interactive__g0-Hk","title":"FileChip_title__2sUIf","hint":"FileChip_hint__ftFdf","remove":"FileChip_remove__IkREj"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/index.js

@@ -22,6 +22,7 @@ export { ChartAreaInteractive, chartConfig } from './components/ui/ChartAreaInte
 export { Chat } from './components/ui/Chat/Chat.js';
 export { usedPresetIdsFromMessages } from './components/ui/Chat/chat-preset-utils.js';
 export { ChatChrome } from './components/ui/Chat/ChatChrome/ChatChrome.js';
+export { TEXT_ATTACHMENT_ACCEPT_PARTS, filterToTextAttachments } from './components/ui/Chat/chatAttachmentAccept.js';
 export { ChatSheet } from './components/ui/Chat/ChatSheet/ChatSheet.js';
 export { useChatPanelChromeModel } from './components/ui/Chat/ChatSheet/useChatPanelChromeModel.js';
 export { ChatMessage } from './components/ui/Chat/ChatMessage/ChatMessage.js';
@@ -35,6 +36,7 @@ export { Dialog } from './components/ui/Dialog/Dialog.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/Drawer/Drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/DropdownMenu/DropdownMenu.js';
 export { DropZone } from './components/ui/DropZone/DropZone.js';
+export { FileChip } from './components/ui/FileChip/FileChip.js';
 export { FlickeringGrid } from './components/ui/FlickeringGrid/FlickeringGrid.js';
 export { Foldable } from './components/ui/Foldable/Foldable.js';
 export { Gap } from './components/ui/Gap/Gap.js';

package/dist/esm/types/src/components/ui/Chat/Chat.types.d.ts

@@ -57,9 +57,15 @@ export type ScriptCompletePayload = {
     presetId: string;
     answers: Record<string, string>;
 };
+export type ChatAttachmentDropItem = {
+    file: File;
+    /** UTF-8 text for native text files; PDF yields extracted text. */
+    text: string;
+    kind: 'text' | 'pdf';
+};
 export interface ChatPromptProps {
     className?: string;
-    onSubmit: (message: string) => void;
+    onSubmit: (message: string, attachments?: ChatAttachmentDropItem[]) => void;
     placeholder?: string;
     presets?: ChatPreset[];
     disabled?: boolean;
@@ -68,6 +74,9 @@ export interface ChatPromptProps {
     prefillMessage?: string | null;
     /** Disclaimer above composer; default true. ChatChrome sets false when thread has messages. */
     showNotice?: boolean;
+    /** Staged files shown above the composer until send. */
+    attachments?: ChatAttachmentDropItem[];
+    onRemoveAttachment?: (index: number) => void;
 }
 export interface ChatMessageProps {
     role: MessageRole;