@arbidocs/blocks 0.5.66 → 0.5.68

package/dist/{chunk-BELZ2WD2.js → chunk-N54OMO6J.js}

@@ -1,8 +1,8 @@
 "use client";
 import { useConnectedThreadActivity, useSelectWorkspace } from './chunk-CRHY7DBO.js';
 import { DocumentUser } from './chunk-UO7KDCM2.js';
-import { MessageJsonTree } from './chunk-ZZTH27G7.js';
 import { buildFactCitations, citedVersionRef, chronologyFactBodies } from './chunk-KGUSKGZE.js';
+import { MessageJsonTree } from './chunk-ZZTH27G7.js';
 import { ConnectedMarkdown, InternalDocLink, ExternalLink } from './chunk-HGFU47TY.js';
 import { ModalBreadcrumbHeader, ModalCrumbs } from './chunk-RC6VTY2H.js';
 import { EntityTooltip, EntityTooltipHeader, EntityTooltipSection, EntityTooltipHint } from './chunk-3UIJLUXN.js';
@@ -22,9 +22,9 @@ import { useListKeyNav, MentionMenu } from './chunk-GAGYAHYO.js';
 import { buildDeepLinkPath } from './chunk-7Q5INDUS.js';
 import { useBlocksEnvironment } from './chunk-TJQSL4XV.js';
 import React7, { memo, useMemo, createContext, forwardRef, useCallback, useRef, useLayoutEffect, useEffect, useState, useContext } from 'react';
-import { Users, MessageCircleMore, ArrowUpRight, Send, Settings, Edit3, Copy, Link, Share2, Trash2, Check, Milestone, Clock, RotateCcw, FileText, Loader2, Network, ChevronRight, Download, Square, LogIn } from 'lucide-react';
-import { useWorkspaces, ArbiBotHeadIcon, useArbiWsStatus, useArbiWsStore, useUserSettings, useMessageTimer, useDocuments, useAvailableModels, formatGbp, useArbiSessionStore, CitationRenderer, useArbiSessionState, selectDraft, useWorkspaceUsers, useArbiSession, buildMentionCandidates, useConversations, ASSISTANT_MENTION_LABEL, useConversationItems, useDeleteMessage, transcriptSegmentOf, useConfig, useThinkingContent, useCreateFact, useCreateFacts, workflowStepOf, stripSpeakerPrefix, MessageArtifactCard, useConversationData, useBranchNavigation, useArbiHost, useSkills, useBuiltinCommands, useConversationActivity, useMessageDetails, getWorkspaceKind, resolveConfigModel, useConversationTurn, downloadRecoveryFile, useArbi, ArbiWebSocketProvider } from '@arbidocs/react';
-import { isAgent, UserEntity, getUserInitials, getUserDisplayName, getUserAvatarColor, agentAvatarColors, Avatar, AvatarImage, AvatarFallback, cn, ShieldIcon, getWorkspaceColor, getDocumentTitle, Button, isImageDocument, formatFriendlyDate, Tooltip, TooltipTrigger, TooltipContent, Dialog, DialogContent, ProviderIcon, getEntityLabel, EntityIcon, ScrollArea, Checkbox, Input } from '@arbidocs/react/ui';
+import { Users, MessageCircleMore, ArrowUpRight, Send, Settings, Edit3, Copy, Link, Share2, Trash2, Check, Milestone, Clock, RotateCcw, FileText, Loader2, Network, ChevronRight, Download, Plus, MessageSquare, ArrowDown, Square, ChevronDown, Upload, LogIn } from 'lucide-react';
+import { useWorkspaces, ArbiBotHeadIcon, useArbiWsStatus, useArbiWsStore, useUserSettings, useMessageTimer, useDocuments, useAvailableModels, formatGbp, useArbiSessionStore, CitationRenderer, useArbiSessionState, selectDraft, useWorkspaceUsers, useArbiSession, buildMentionCandidates, useConversations, ASSISTANT_MENTION_LABEL, useConversationItems, useDeleteMessage, transcriptSegmentOf, useConfig, useThinkingContent, useCreateFact, useCreateFacts, workflowStepOf, stripSpeakerPrefix, MessageArtifactCard, useConversationData, useBranchNavigation, useArbiHost, useSkills, useBuiltinCommands, useConversationActivity, useMessageDetails, getWorkspaceKind, resolveConfigModel, useConversationTurn, useUploadDocuments, useWorkspaceRole, downloadRecoveryFile, useArbi, ArbiWebSocketProvider } from '@arbidocs/react';
+import { isAgent, UserEntity, getUserInitials, getUserDisplayName, getUserAvatarColor, agentAvatarColors, Avatar, AvatarImage, AvatarFallback, cn, ShieldIcon, getWorkspaceColor, getDocumentTitle, Button, isImageDocument, formatFriendlyDate, Tooltip, TooltipTrigger, TooltipContent, Dialog, DialogContent, ProviderIcon, getEntityLabel, EntityIcon, Checkbox, Input } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { mergeAgentSteps, extractSubagentLanes, getCurrentStep, computeRunStats, formatTokens, isNearAiUsageBudget, getSubagentBranchRecord, buildCitationChunkData, topLevelAgentSteps, findMainSiblingLeaf, sliceToSubagentThread, getAgentStepLabel, subagentJobLabel, getStepDisplay, getStepTool, findLeafForTaskMessage, Arbi } from '@arbidocs/sdk/browser';
@@ -2198,7 +2198,7 @@ function resolveScrollContainer(current) {
 function stripThinking(content) {
   return content.replace(/<think>[\s\S]*?(<\/think>|$)/g, "");
 }
-function ConnectedMessageList({ messages }) {
+function ConnectedMessageList({ messages, scrollElementRef }) {
   const session = useArbiSessionStore();
   const [previewOpen, setPreviewOpen] = useState(false);
   const participantTints = useMemo(
@@ -2229,14 +2229,14 @@ function ConnectedMessageList({ messages }) {
     text: lastMessage?.role === "assistant" ? stripThinking(lastMessage.content ?? "") : "",
     resetKey: currentConversationId
   });
-  const scrollElementRef = useRef(null);
+  const scrollContainerRef = useRef(null);
   const getScrollContainer = useCallback(() => {
-    scrollElementRef.current = resolveScrollContainer(scrollElementRef.current);
-    return scrollElementRef.current;
-  }, []);
+    scrollContainerRef.current = scrollElementRef?.current ?? resolveScrollContainer(scrollContainerRef.current);
+    return scrollContainerRef.current;
+  }, [scrollElementRef]);
   useEffect(() => {
-    scrollElementRef.current = resolveScrollContainer(null);
-  }, []);
+    scrollContainerRef.current = scrollElementRef?.current ?? resolveScrollContainer(null);
+  }, [scrollElementRef]);
   const { items: activityItems } = useConnectedThreadActivity(currentConversationId);
   const transcript = [
     ...displayMessages.map((message, index) => ({
@@ -2388,15 +2388,21 @@ function ConnectedMessageList({ messages }) {
     /* @__PURE__ */ jsx(ConnectedThreadsPreview, { open: previewOpen, onOpenChange: setPreviewOpen })
   ] });
 }
-var MessageAreaComponent = forwardRef(({ messages }, ref) => {
-  return /* @__PURE__ */ jsx("div", { ref, className: "flex w-full flex-1 flex-col pt-4", "data-testid": "message-area", children: /* @__PURE__ */ jsx("div", { className: "mt-auto w-full", "data-testid": "message-list-bottom-anchor", children: /* @__PURE__ */ jsx(ConnectedMessageList, { messages }) }) });
-});
+var MessageAreaComponent = forwardRef(
+  ({ messages, scrollElementRef }, ref) => {
+    return /* @__PURE__ */ jsx("div", { ref, className: "flex w-full flex-1 flex-col pt-4", "data-testid": "message-area", children: /* @__PURE__ */ jsx("div", { className: "mt-auto w-full", "data-testid": "message-list-bottom-anchor", children: /* @__PURE__ */ jsx(ConnectedMessageList, { messages, scrollElementRef }) }) });
+  }
+);
 MessageAreaComponent.displayName = "ConnectedMessageArea";
 var ConnectedMessageArea = memo(MessageAreaComponent, (prevProps, nextProps) => {
-  return prevProps.messages === nextProps.messages;
+  return prevProps.messages === nextProps.messages && prevProps.scrollElementRef === nextProps.scrollElementRef;
 });
 function ConnectedCompactConversation() {
+  const session = useArbiSessionStore();
   const containerRef = useRef(null);
+  const scrollRef = useRef(null);
+  const following = useRef(true);
+  const [showLatest, setShowLatest] = useState(false);
   const inputRef = useRef(null);
   const { selectedWorkspaceId, parentMessageId, messageHistory } = useConversationData();
   const { isGenerating, handleSendMessage, handleAbortGeneration } = useConversationTurn({
@@ -2404,9 +2410,100 @@ function ConnectedCompactConversation() {
     parentMessageId
   });
   const currentConversationId = useArbiSessionState((state) => state.conversationId);
+  useEffect(() => {
+    const viewport = scrollRef.current;
+    const content = containerRef.current;
+    if (!viewport || !content) return;
+    const follow = () => {
+      if (following.current) viewport.scrollTop = viewport.scrollHeight;
+    };
+    follow();
+    const observer = new ResizeObserver(follow);
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [messageHistory.length > 0, currentConversationId]);
+  useEffect(() => {
+    following.current = true;
+    setShowLatest(false);
+  }, [currentConversationId]);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", "data-testid": "embedded-chat", children: [
-    /* @__PURE__ */ jsx("div", { className: "relative flex-1 min-h-0", children: messageHistory.length > 0 ? /* @__PURE__ */ jsx(ConnectedMessageArea, { ref: containerRef, messages: messageHistory }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground text-sm p-4", children: currentConversationId ? "Loading messages..." : "Start a conversation by typing below." }) }),
-    /* @__PURE__ */ jsx("div", { className: "sticky bottom-0 w-full bg-background border-t z-10", children: /* @__PURE__ */ jsx(ComposerContainer, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between border-b px-3 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: isGenerating ? "ARBI is responding\u2026" : "Conversation" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          disabled: isGenerating,
+          onClick: () => {
+            session.clearConversationError(currentConversationId || "new");
+            session.startNewConversation();
+          },
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5 mr-1" }),
+            " New chat"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: scrollRef,
+          className: "flex-1 min-h-0 overflow-y-auto overscroll-contain px-3",
+          tabIndex: 0,
+          "aria-label": "Conversation messages",
+          "data-testid": "embedded-transcript",
+          onWheel: (event) => {
+            if (event.deltaY < 0) following.current = false;
+          },
+          onTouchMove: () => {
+            following.current = false;
+          },
+          onKeyDown: (event) => {
+            if (["ArrowUp", "PageUp", "Home"].includes(event.key)) following.current = false;
+          },
+          onScroll: (event) => {
+            const node = event.currentTarget;
+            const atBottom = node.scrollHeight - node.clientHeight - node.scrollTop < 32;
+            following.current = atBottom;
+            setShowLatest(!atBottom);
+          },
+          children: messageHistory.length > 0 ? /* @__PURE__ */ jsx(
+            ConnectedMessageArea,
+            {
+              ref: containerRef,
+              messages: messageHistory,
+              scrollElementRef: scrollRef
+            }
+          ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center justify-center h-full text-muted-foreground text-sm p-6 text-center", children: [
+            /* @__PURE__ */ jsx(MessageSquare, { className: "h-8 w-8 text-primary", "aria-hidden": "true" }),
+            currentConversationId ? "Loading messages..." : "Start a conversation by typing below."
+          ] })
+        }
+      ),
+      showLatest && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          className: "absolute bottom-3 left-1/2 -translate-x-1/2 rounded-full shadow-md",
+          size: "sm",
+          variant: "secondary",
+          onClick: () => {
+            following.current = true;
+            const viewport = scrollRef.current;
+            if (viewport) viewport.scrollTop = viewport.scrollHeight;
+            setShowLatest(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4 mr-1" }),
+            " Latest message"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0 w-full bg-background border-t p-2 z-10", children: /* @__PURE__ */ jsx(ComposerContainer, { children: /* @__PURE__ */ jsx(
       ConversationComposer2,
       {
         handleSendMessage,
@@ -2451,12 +2548,19 @@ function ConnectedConversationDocumentPicker({
   onSelectionChange
 }) {
   const session = useArbiSessionStore();
+  const upload = useUploadDocuments();
+  const role = useWorkspaceRole();
+  const canUpload = role !== null && role !== "guest";
+  const inputRef = useRef(null);
+  const [expanded, setExpanded] = useState(false);
+  const [uploadError, setUploadError] = useState(null);
+  const [uploadNotice, setUploadNotice] = useState(null);
   const currentConversationId = useArbiSessionState((state) => state.conversationId);
   const convKey = currentConversationId || "new";
   const inConversationDocuments = useArbiSessionState(
     (state) => state.conversationDocuments[convKey] || EMPTY_DOCS
   );
-  const { data: documentsData } = useDocuments();
+  const { data: documentsData, isLoading, error: documentsError } = useDocuments();
   const documents = documentsData || [];
   const selectedDocIds = inConversationDocuments.map((d) => d.docId);
   const handleToggle = (docId) => {
@@ -2469,45 +2573,135 @@ function ConnectedConversationDocumentPicker({
       selected ? selectedDocIds.filter((id) => id !== docId) : [...selectedDocIds, docId]
     );
   };
-  return /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", "data-testid": "embedded-document-selector", children: [
-    /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium mb-1 block text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(FileText, { className: "inline h-3 w-3 mr-1" }),
-      "Documents (",
-      selectedDocIds.length,
-      " selected)"
-    ] }),
-    /* @__PURE__ */ jsx(ScrollArea, { className: "h-28 border rounded-md p-2", "data-testid": "embedded-documents-list", children: documents.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: "No documents in this workspace." }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: documents.map((doc) => {
-      const docId = doc.external_id;
-      const docTitle = getDocumentTitle(doc, "Untitled");
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center space-x-2",
-          "data-testid": `embedded-document-${docId}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                id: `embedded-doc-${docId}`,
-                checked: selectedDocIds.includes(docId),
-                onCheckedChange: () => handleToggle(docId)
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "label",
-              {
-                htmlFor: `embedded-doc-${docId}`,
-                className: "text-sm cursor-pointer flex-1 truncate",
-                title: docTitle,
-                children: docTitle
-              }
-            )
-          ]
-        },
-        docId
+  async function addFiles(files) {
+    if (!canUpload) return;
+    setUploadError(null);
+    setUploadNotice(null);
+    const original = session.getState();
+    const workspaceId = original.workspaceId;
+    const key = original.conversationId || "new";
+    try {
+      const result = await upload.mutateAsync({ files });
+      const ids = result.doc_ext_ids ?? [];
+      const current = session.getState();
+      if (current.workspaceId !== workspaceId) return;
+      const selected = current.conversationDocuments[key] || EMPTY_DOCS;
+      const merged = [
+        ...selected,
+        ...ids.filter((id) => !selected.some((d) => d.docId === id)).map((docId) => ({ docId, isPinned: false }))
+      ];
+      session.setConversationDocuments(key, merged);
+      onSelectionChange?.(merged.map((d) => d.docId));
+      setExpanded(true);
+      setUploadNotice(
+        ids.length ? `${ids.length} file${ids.length === 1 ? "" : "s"} added to this chat.` : "No new files added. Files may already exist in this workspace."
       );
-    }) }) })
-  ] });
+    } catch (error) {
+      setUploadError(error instanceof Error ? error.message : "Could not upload files. Try again.");
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "shrink-0 border-b bg-muted/30 px-3 py-2",
+      "data-testid": "embedded-document-selector",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "min-w-0",
+              "aria-expanded": expanded,
+              "aria-controls": "embedded-documents",
+              onClick: () => setExpanded(!expanded),
+              children: [
+                /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 mr-2" }),
+                "Files",
+                selectedDocIds.length > 0 ? ` (${selectedDocIds.length} selected)` : "",
+                /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 ml-2" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              multiple: true,
+              className: "hidden",
+              "aria-label": "Upload files",
+              onChange: (event) => {
+                const files = Array.from(event.target.files ?? []);
+                event.target.value = "";
+                if (files.length) void addFiles(files);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: upload.isPending || !canUpload,
+              title: !canUpload ? "You do not have permission to upload to this workspace." : void 0,
+              onClick: () => inputRef.current?.click(),
+              children: [
+                /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4 mr-2" }),
+                upload.isPending ? "Uploading\u2026" : "Upload files"
+              ]
+            }
+          )
+        ] }),
+        uploadError && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-sm text-destructive", children: uploadError }),
+        uploadNotice && /* @__PURE__ */ jsx("p", { role: "status", className: "mt-2 text-xs text-muted-foreground", children: uploadNotice }),
+        expanded && /* @__PURE__ */ jsxs("div", { id: "embedded-documents", className: "mt-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: "Select files to use in this conversation. Uploads are saved in the current workspace." }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "max-h-28 overflow-y-auto rounded-md border p-2",
+              "data-testid": "embedded-documents-list",
+              children: isLoading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading files\u2026" }) : documentsError ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: "Could not load workspace files." }) : documents.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No files yet. Upload a file to discuss it with ARBI." }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: documents.map((doc) => {
+                const docId = doc.external_id;
+                const docTitle = getDocumentTitle(doc, "Untitled");
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex items-center space-x-2",
+                    "data-testid": `embedded-document-${docId}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          id: `embedded-doc-${docId}`,
+                          checked: selectedDocIds.includes(docId),
+                          onCheckedChange: () => handleToggle(docId)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "label",
+                        {
+                          htmlFor: `embedded-doc-${docId}`,
+                          className: "min-w-0 text-sm cursor-pointer flex-1 truncate",
+                          title: docTitle,
+                          children: docTitle
+                        }
+                      )
+                    ]
+                  },
+                  docId
+                );
+              }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 async function backUpOnSignup({
   email,
@@ -3184,27 +3378,33 @@ function EmbeddedChatPanel({
 }) {
   const workspaceId = useArbiSessionState((s) => s.workspaceId);
   if (!signedIn)
-    return /* @__PURE__ */ jsxs("div", { className: "p-4", "data-testid": "embedded-panel-login", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "h-full min-h-0 overflow-y-auto p-4", "data-testid": "embedded-panel-login", children: [
       login,
       footer
     ] });
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex flex-col h-full min-h-0 bg-background text-foreground",
+      className: "flex flex-col h-full min-h-0 min-w-0 overflow-hidden bg-background text-foreground",
       "data-testid": "embedded-panel",
       children: [
-        header,
-        workspaceId && /* @__PURE__ */ jsx(ConnectedConversationDocumentPicker, { onSelectionChange: onDocumentSelectionChange }),
-        platformHeader,
-        workspaceId ? /* @__PURE__ */ jsx(ConnectedCompactConversation, {}) : /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Select a workspace to start chatting." }),
-        platformFooter,
-        footer
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: header }),
+        workspaceId && /* @__PURE__ */ jsx(
+          ConnectedConversationDocumentPicker,
+          {
+            onSelectionChange: onDocumentSelectionChange
+          },
+          workspaceId
+        ),
+        platformHeader && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: platformHeader }),
+        workspaceId ? /* @__PURE__ */ jsx(ConnectedCompactConversation, {}, workspaceId) : /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Select a workspace to start chatting." }),
+        platformFooter && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: platformFooter }),
+        footer && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: footer })
       ]
     }
   );
 }
-function EmbeddedWorkspaceHeader() {
+function EmbeddedWorkspaceHeader({ title }) {
   const arbi = useArbi();
   const signedIn = useArbiSession();
   const workspaceId = useArbiSessionState((s) => s.workspaceId);
@@ -3225,7 +3425,11 @@ function EmbeddedWorkspaceHeader() {
       setPending(false);
     }
   }
-  return /* @__PURE__ */ jsxs("header", { className: "p-3 border-b space-y-2", children: [
+  return /* @__PURE__ */ jsxs("header", { className: "shrink-0 p-3 border-b space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-semibold text-primary", children: [
+      /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5", "aria-hidden": "true" }),
+      title
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: signedIn.user?.email }),
       /* @__PURE__ */ jsx(
@@ -3276,7 +3480,7 @@ function ConnectedEmbeddedChat({
     {
       ...props,
       signedIn: session.status === "signed-in",
-      header: /* @__PURE__ */ jsx(EmbeddedWorkspaceHeader, {}),
+      header: /* @__PURE__ */ jsx(EmbeddedWorkspaceHeader, { title }),
       login: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("h1", { className: "font-semibold mb-4", children: title }),
         /* @__PURE__ */ jsx(CompactLogin, { ...login })
@@ -3284,7 +3488,7 @@ function ConnectedEmbeddedChat({
     }
   );
 }
-function ArbiChat({ apiUrl, deploymentDomain, ...props }) {
+function ArbiChat({ apiUrl, deploymentDomain, className, ...props }) {
   const host = useMemo(
     () => defaultHost(
       {
@@ -3297,9 +3501,15 @@ function ArbiChat({ apiUrl, deploymentDomain, ...props }) {
     ),
     [apiUrl, deploymentDomain]
   );
-  return /* @__PURE__ */ jsx(ArbiHost, { config: host, children: /* @__PURE__ */ jsx(ConnectedEmbeddedChat, { ...props }) }, `${apiUrl}|${deploymentDomain ?? ""}`);
+  return /* @__PURE__ */ jsx(ArbiHost, { config: host, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: className ?? "h-[min(44rem,100dvh)] w-full min-h-0 overflow-hidden rounded-xl border bg-background shadow-sm",
+      children: /* @__PURE__ */ jsx(ConnectedEmbeddedChat, { ...props })
+    }
+  ) }, `${apiUrl}|${deploymentDomain ?? ""}`);
 }
 
 export { AgentSteps, AnswerTable, ArbiChat, AskAgainContext, CompactLogin, ConnectedBranchControls, ConnectedCitationRenderer, ConnectedCompactConversation, ConnectedConversationDocumentPicker, ConnectedEmbeddedChat, ConnectedMessage, ConnectedMessageArea, ConnectedMessageList, ConnectedThreadsPreview, ConnectedUserEntity, ConversationComposer2 as ConversationComposer, EmbeddedChatPanel, MessageDetailsModal, MessageLiveSeconds, RunningSubagents, SourceChips, WorkflowStepMessage, backUpOnSignup, completeSsoSignIn, defaultHost, renderConnectedUser, resolveSsoName, ssoAccountStatus, useAuthPages, useLoginActions, useLoginForm, useOpenChunk, useOpenWorkspaceIcon, useRegisterSubmitState, useSlashItems, useSsoSignIn, useWorkspaceDocTitles };
-//# sourceMappingURL=chunk-BELZ2WD2.js.map
-//# sourceMappingURL=chunk-BELZ2WD2.js.map
+//# sourceMappingURL=chunk-N54OMO6J.js.map
+//# sourceMappingURL=chunk-N54OMO6J.js.map