@arbidocs/blocks 0.5.5 → 0.5.7

package/dist/connect/index.cjs

@@ -68,7 +68,7 @@ var chunkMEMWZ72Y_cjs = require('../chunk-MEMWZ72Y.cjs');
 require('../chunk-ZW6FPIFC.cjs');
 var chunk6TJQTDQI_cjs = require('../chunk-6TJQTDQI.cjs');
 var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
-var chunkPU7CEHTL_cjs = require('../chunk-PU7CEHTL.cjs');
+var chunkOBAVNGTL_cjs = require('../chunk-OBAVNGTL.cjs');
 var chunkLHWKA2XI_cjs = require('../chunk-LHWKA2XI.cjs');
 var chunkZ2XZ2D4N_cjs = require('../chunk-Z2XZ2D4N.cjs');
 require('../chunk-B6MVQCXW.cjs');
@@ -26761,12 +26761,15 @@ function useModelPicker({
     for (const m of premiumMembers) tierMemberNames.add(m.model_name);
     const seen = /* @__PURE__ */ new Set();
     const developer = isDeveloper ? availableModels.models.filter((m) => {
-      if (tierMemberNames.has(m.model_name)) return false;
+      if (m.connection_scope || tierMemberNames.has(m.model_name)) return false;
       if (!m.model_name.includes("@") || seen.has(m.model_name)) return false;
       seen.add(m.model_name);
       return true;
     }).sort((a, b) => a.model_name.localeCompare(b.model_name)) : [];
-    return { standardTier: standardTier2, premiumTier: premiumTier2, developerModels: developer };
+    const custom = availableModels.models.filter(
+      (m) => m.connection_scope === "personal" || m.connection_scope === "box"
+    );
+    return { standardTier: standardTier2, premiumTier: premiumTier2, developerModels: [...custom, ...developer] };
   }, [availableModels, isDeveloper, premiumModelPref]);
   const selectedModel = (isControlled ? controlledValue : currentConversationModel || sendConfigModel) || react.AUTO_CHAT_MODEL;
   const selectedModelInfo = React7.useMemo(
@@ -26861,13 +26864,13 @@ function ConnectedModelSelector({
         }
       }
     }
-    return tier ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTierIcon, { tier }) : /* @__PURE__ */ jsxRuntime.jsx(ArbiLogo, {});
+    return tier ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTierIcon, { tier }) : /* @__PURE__ */ jsxRuntime.jsx(ArbiLogo, {});
   };
   const isSelectedStandard = !!selectedModelInfo?.tags?.includes(STANDARD_TIER_TAG);
   const isSelectedPremium = !!selectedModelInfo?.tags?.includes(PREMIUM_TIER_TAG);
-  const triggerLabel = isAuto ? "Autoselect" : isSelectedPremium ? "Premium" : selectedModelInfo?.model_name || selectedModel;
+  const triggerLabel = isAuto ? "Autoselect" : isSelectedPremium ? "Premium" : selectedModelInfo?.display_name || selectedModelInfo?.model_name || selectedModel;
   const firstTag = selectedModelInfo?.tags?.[0];
-  const triggerIcon = isAuto ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelAutoIcon, {}) : isSelectedPremium ? premiumDisabled ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTierIcon, { tier: "premium", isGreyed: true }) : /* @__PURE__ */ jsxRuntime.jsx(
+  const triggerIcon = isAuto ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelAutoIcon, {}) : isSelectedPremium ? premiumDisabled ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTierIcon, { tier: "premium", isGreyed: true }) : /* @__PURE__ */ jsxRuntime.jsx(
     ui.ProviderIcon,
     {
       modelName: selectedModelInfo?.model_name,
@@ -26875,16 +26878,16 @@ function ConnectedModelSelector({
       size: 14,
       className: "shrink-0"
     }
-  ) : isSelectedStandard && selectedModelInfo ? standardIcon(selectedModelInfo) : firstTag && TAG_TIER[firstTag] ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTierIcon, { tier: TAG_TIER[firstTag] }) : selectedModelInfo ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelDot, {}) : null;
+  ) : isSelectedStandard && selectedModelInfo ? standardIcon(selectedModelInfo) : firstTag && TAG_TIER[firstTag] ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTierIcon, { tier: TAG_TIER[firstTag] }) : selectedModelInfo ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelDot, {}) : null;
   const tooltip = isAuto ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: "Automatically selects the best model" }) : pricing ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkPU7CEHTL_cjs.ModelPricingTip,
+    chunkOBAVNGTL_cjs.ModelPricingTip,
     {
       modelName: pricing.modelName,
       inputPrice: pricing.inputPrice,
       outputPrice: pricing.outputPrice
     }
   ) : null;
-  const hasTiers = !!(standardTier || premiumTier);
+  const hasTiers = !!(standardTier || premiumTier || developerModels.length);
   if (variant === "compact") {
     const choose = (name) => {
       handleModelChange(name);
@@ -26894,30 +26897,30 @@ function ConnectedModelSelector({
       (m) => m.model_name === premiumTier.resolvedModelName
     );
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkPU7CEHTL_cjs.ModelPickerPopover,
+      chunkOBAVNGTL_cjs.ModelPickerPopover,
       {
         open: isOpen,
         onOpenChange: setIsOpen,
         tooltip,
-        trigger: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelPickerTrigger, { icon: triggerIcon, label: triggerLabel, className }),
+        trigger: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelPickerTrigger, { icon: triggerIcon, label: triggerLabel, className }),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkPU7CEHTL_cjs.ModelOption,
+            chunkOBAVNGTL_cjs.ModelOption,
             {
-              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelAutoIcon, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelAutoIcon, {}),
               label: "Autoselect",
               isSelected: isAuto,
               onSelect: () => choose(react.AUTO_CHAT_MODEL),
               testId: "model-option-auto"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelMenuDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelMenuDivider, {}),
           hasTiers ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             standardTier?.members.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkPU7CEHTL_cjs.ModelOption,
+              chunkOBAVNGTL_cjs.ModelOption,
               {
                 icon: standardIcon(m),
-                label: m.model_name,
+                label: m.display_name ? `${m.display_name} \xB7 ${m.connection_scope === "box" ? "Box" : "Personal"}` : m.model_name,
                 isSelected: selectedModel === m.model_name,
                 onSelect: () => choose(m.model_name),
                 testId: `model-option-${m.model_name}`,
@@ -26926,9 +26929,9 @@ function ConnectedModelSelector({
               `standard-${m.model_name}`
             )),
             premiumTier && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkPU7CEHTL_cjs.ModelTierOption,
+              chunkOBAVNGTL_cjs.ModelTierOption,
               {
-                icon: premiumDisabled || !premiumMember ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTierIcon, { tier: "premium", isGreyed: premiumDisabled }) : (
+                icon: premiumDisabled || !premiumMember ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTierIcon, { tier: "premium", isGreyed: premiumDisabled }) : (
                   // The resolved Premium model's provider is the row's brand icon, so the pick
                   // is recognisable without a model_name suffix.
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -26947,7 +26950,7 @@ function ConnectedModelSelector({
                 onSelect: () => choose(premiumTier.resolvedModelName),
                 testId: "model-option-tier-Premium",
                 action: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkPU7CEHTL_cjs.ModelConfigureButton,
+                  chunkOBAVNGTL_cjs.ModelConfigureButton,
                   {
                     label: "Configure Premium tier",
                     tooltip: "Configure Premium",
@@ -26962,14 +26965,14 @@ function ConnectedModelSelector({
               "tier-Premium"
             ),
             developerModels.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelMenuDivider, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelMenuDivider, {}),
               developerModels.map((m) => {
                 const tag = m.tags?.[0];
                 return /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkPU7CEHTL_cjs.ModelOption,
+                  chunkOBAVNGTL_cjs.ModelOption,
                   {
-                    icon: tag && TAG_TIER[tag] ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTierIcon, { tier: TAG_TIER[tag] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelDot, {}),
-                    label: m.model_name,
+                    icon: tag && TAG_TIER[tag] ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTierIcon, { tier: TAG_TIER[tag] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelDot, {}),
+                    label: m.display_name ? `${m.display_name} \xB7 ${m.connection_scope === "box" ? "Box" : "Personal"}` : m.model_name,
                     isSelected: selectedModel === m.model_name,
                     onSelect: () => choose(m.model_name),
                     testId: `model-option-${m.model_name}`
@@ -26978,7 +26981,7 @@ function ConnectedModelSelector({
                 );
               })
             ] })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelMenuMessage, { children: "Loading models..." })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelMenuMessage, { children: "Loading models..." })
         ]
       }
     );
@@ -26990,18 +26993,24 @@ function ConnectedModelSelector({
         {
           className: ui.cn("h-8 w-[200px] text-sm", className),
           "data-testid": "model-selector",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelTriggerContent, { icon: triggerIcon, label: triggerLabel })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelTriggerContent, { icon: triggerIcon, label: triggerLabel })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { className: "z-50", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: react.AUTO_CHAT_MODEL, "data-testid": "model-option-auto", children: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelOptionLabel, { icon: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelAutoIcon, {}), label: "Autoselect" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: react.AUTO_CHAT_MODEL, "data-testid": "model-option-auto", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelOptionLabel, { icon: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelAutoIcon, {}), label: "Autoselect" }) }),
         hasTiers ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           standardTier?.members.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
             ui.SelectItem,
             {
               value: m.model_name,
               "data-testid": `model-option-${m.model_name}`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelOptionLabel, { icon: standardIcon(m), label: m.model_name })
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkOBAVNGTL_cjs.ModelOptionLabel,
+                {
+                  icon: standardIcon(m),
+                  label: m.display_name ? `${m.display_name} \xB7 ${m.connection_scope === "box" ? "Box" : "Personal"}` : m.model_name
+                }
+              )
             },
             `standard-${m.model_name}`
           )),
@@ -27010,7 +27019,7 @@ function ConnectedModelSelector({
             {
               value: premiumTier.resolvedModelName,
               "data-testid": "model-option-tier-Premium",
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelOptionLabel, { icon: /* @__PURE__ */ jsxRuntime.jsx(ArbiLogo, {}), label: "Premium" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelOptionLabel, { icon: /* @__PURE__ */ jsxRuntime.jsx(ArbiLogo, {}), label: "Premium" })
             },
             "tier-Premium"
           ),
@@ -27019,7 +27028,13 @@ function ConnectedModelSelector({
             {
               value: m.model_name,
               "data-testid": `model-option-${m.model_name}`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelOptionLabel, { icon: /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ModelDot, {}), label: m.model_name })
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkOBAVNGTL_cjs.ModelOptionLabel,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ModelDot, {}),
+                  label: m.display_name ? `${m.display_name} \xB7 ${m.connection_scope === "box" ? "Box" : "Personal"}` : m.model_name
+                }
+              )
             },
             m.model_name
           ))
@@ -30627,7 +30642,7 @@ function AnswerTable({
     const table = wrapperRef.current?.querySelector("table");
     if (!table || !wrapperRef.current) return;
     try {
-      const filename = await chunkPU7CEHTL_cjs.downloadTableAsCsv(table, wrapperRef.current);
+      const filename = await chunkOBAVNGTL_cjs.downloadTableAsCsv(table, wrapperRef.current);
       shell.notify.success(`Saved ${filename}`);
     } catch (error) {
       console.error("Failed to download table as CSV", error);
@@ -30925,9 +30940,9 @@ function useSlashItems(text2, builtinSkills = []) {
   const { data: listings } = react.useSkills();
   const skillsEnabled = react.useUserSettings().data?.show_skills ?? false;
   const { commands } = react.useBuiltinCommands();
-  const slashToken = chunkPU7CEHTL_cjs.parseSlashTokenInProgress(text2);
+  const slashToken = chunkOBAVNGTL_cjs.parseSlashTokenInProgress(text2);
   const slashItems = React7.useMemo(
-    () => chunkPU7CEHTL_cjs.buildSlashItems(
+    () => chunkOBAVNGTL_cjs.buildSlashItems(
       commands.map((c) => ({
         name: c.name,
         description: c.description,
@@ -30939,7 +30954,7 @@ function useSlashItems(text2, builtinSkills = []) {
     [commands, listings, skillsEnabled, builtinSkills]
   );
   const filteredItems = React7.useMemo(
-    () => slashToken !== null ? chunkPU7CEHTL_cjs.filterSlashItems(slashItems, slashToken) : [],
+    () => slashToken !== null ? chunkOBAVNGTL_cjs.filterSlashItems(slashItems, slashToken) : [],
     [slashItems, slashToken]
   );
   return {
@@ -30999,7 +31014,7 @@ var ConversationComposerComponent = function ConversationComposer({
   const suggestedQuery = react.useArbiSessionState((s) => s.suggestedQuery);
   const currentConversationId = react.useArbiSessionState((s) => s.conversationId);
   const workspaceId = react.useArbiSessionState((s) => s.workspaceId);
-  const longPaste = chunkPU7CEHTL_cjs.useLongPaste(newMessage);
+  const longPaste = chunkOBAVNGTL_cjs.useLongPaste(newMessage);
   const textareaRef = React7.useRef(null);
   const formRef = React7.useRef(null);
   React7.useLayoutEffect(() => {
@@ -31056,7 +31071,7 @@ var ConversationComposerComponent = function ConversationComposer({
   const { data: conversations } = react.useConversations(workspaceId ?? void 0);
   const isThread = conversations?.find((conversation) => conversation.external_id === currentConversationId)?.is_shared ?? false;
   const prefillsAssistant = isThread && !isBranching;
-  const recipient = chunkPU7CEHTL_cjs.useRecipientDraft({
+  const recipient = chunkOBAVNGTL_cjs.useRecipientDraft({
     value: newMessage,
     onValueChange: setNewMessage,
     contextKey: currentConversationId,
@@ -31102,7 +31117,7 @@ var ConversationComposerComponent = function ConversationComposer({
       notice: isBranching ? /* @__PURE__ */ jsxRuntime.jsx(chunkLHWKA2XI_cjs.Composer.Notice, { onCancel: onCancelBranching }) : void 0,
       children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLHWKA2XI_cjs.Composer.Frame, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkPU7CEHTL_cjs.SlashMenu,
+          chunkOBAVNGTL_cjs.SlashMenu,
           {
             open: isSlashMenuOpen,
             items: filteredItems,
@@ -31211,7 +31226,7 @@ var ConversationComposerComponent = function ConversationComposer({
             ] })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ContextUsageBar, { contextUsage, draftLength: newMessage.length })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ContextUsageBar, { contextUsage, draftLength: newMessage.length })
       ] })
     }
   ) });
@@ -31392,7 +31407,7 @@ var MessageComponent = ({
   const linkedArtifact = React7.useMemo(() => {
     if (!message.external_id) return void 0;
     if (streaming) return streaming;
-    const doc = chunkPU7CEHTL_cjs.findMessageDocument(workspaceDocs, message.external_id);
+    const doc = chunkOBAVNGTL_cjs.findMessageDocument(workspaceDocs, message.external_id);
     if (!doc) return void 0;
     const kind = artifacts.artifactKindFromFileName(doc.file_name);
     return {
@@ -31581,7 +31596,7 @@ var MessageComponent = ({
           precedingUserMessage = parentMessage.content;
         }
       }
-      await chunkPU7CEHTL_cjs.copyMessageToClipboard({
+      await chunkOBAVNGTL_cjs.copyMessageToClipboard({
         messageRef,
         responseContent,
         messageContent: message.content,
@@ -32094,7 +32109,7 @@ var ConnectedBranchControls = ({
   onPreview
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(chunkTM2D4XT4_cjs.ErrorBoundary, { testId: "branch-controls-error-boundary", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkPU7CEHTL_cjs.BranchControls,
+    chunkOBAVNGTL_cjs.BranchControls,
     {
       index: branchPoint.currentBranchIndex,
       count: branchPoint.branches.length,
@@ -32155,7 +32170,7 @@ function ThreadsPreviewDialog({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0", style: { height: "70vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkPU7CEHTL_cjs.ThreadVisualizer,
+          chunkOBAVNGTL_cjs.ThreadVisualizer,
           {
             threads: threads || [],
             switchToThread: (threadId) => {
@@ -32241,7 +32256,7 @@ function ConnectedMessageList({ messages }) {
   const session = react.useArbiSessionStore();
   const [previewOpen, setPreviewOpen] = React7.useState(false);
   const participantTints = React7.useMemo(
-    () => chunkPU7CEHTL_cjs.getParticipantTints(
+    () => chunkOBAVNGTL_cjs.getParticipantTints(
       messages.map(
         (message) => message.role === "assistant" ? "" : message.created_by_ext_id ?? ""
       )
@@ -32350,7 +32365,7 @@ function ConnectedMessageList({ messages }) {
     const target = document.querySelector(`[data-message-id="${deepLinkMessageId}"]`);
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "center" });
-    chunkPU7CEHTL_cjs.flashMessage(target);
+    chunkOBAVNGTL_cjs.flashMessage(target);
     session.setDeepLinkMessageId(null);
   }, [deepLinkMessageId, virtualItems, session]);
   const status = /* @__PURE__ */ jsxRuntime.jsx(chunkLHWKA2XI_cjs.MessageList.Status, { message: statusMessage });
@@ -32883,7 +32898,7 @@ function useThreadScroll({
         followerRef.current?.stop();
         userHasScrolledRef.current = true;
         messageEl.scrollIntoView({ behavior: "smooth", block: "center" });
-        chunkPU7CEHTL_cjs.flashMessage(messageEl);
+        chunkOBAVNGTL_cjs.flashMessage(messageEl);
         deepLinkPlacedRef.current = openKeyRef.current;
         holdDeepLinkTarget(deepLinkMessageId);
       }
@@ -33306,8 +33321,8 @@ function ConnectedConversation({
   });
   react.useAutoSendDraft(handleComposerSend, !isLoadingWorkspaceDocuments);
   const orphanedMessage = react.getOrphanedLastMessage(messageHistory, isGenerating, assistantMode);
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkPU7CEHTL_cjs.ConversationBody, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ConversationMain, { "data-testid": `conversation-${currentConversationId}`, children: threadsLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.ConversationLoading, {}) : messageHistory.length > 0 || isBranching ? /* @__PURE__ */ jsxRuntime.jsx(AskAgainContext.Provider, { value: handleAskAgain, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZOUVLJLV_cjs.TranscriptRunsContext.Provider, { value: transcriptRunInfo, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkOBAVNGTL_cjs.ConversationBody, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ConversationMain, { "data-testid": `conversation-${currentConversationId}`, children: threadsLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.ConversationLoading, {}) : messageHistory.length > 0 || isBranching ? /* @__PURE__ */ jsxRuntime.jsx(AskAgainContext.Provider, { value: handleAskAgain, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZOUVLJLV_cjs.TranscriptRunsContext.Provider, { value: transcriptRunInfo, children: [
       meetingCallExtId && transcriptLineCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
         chunkZPOUFEZI_cjs.ConversationFilter,
         {
@@ -33376,7 +33391,7 @@ function ConnectedConversation({
             }
           ) : null,
           pendingAnswer && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkPU7CEHTL_cjs.PendingAnswerBar,
+            chunkOBAVNGTL_cjs.PendingAnswerBar,
             {
               question: pendingAnswer.request.question,
               options: pendingAnswer.request.options,
@@ -33418,16 +33433,23 @@ function ConnectedConversation({
               onBrowseSkills: browseSkills,
               contextUsage: latestContextUsage,
               isConversationEmpty: messageHistory.length === 0 && !isBranching,
-              leftButton: paMode ? /* @__PURE__ */ jsxRuntime.jsx(chunkPU7CEHTL_cjs.PaModeBadge, { icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArbiBotHeadIcon, { size: 16, className: "shrink-0" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(chunkPU7CEHTL_cjs.ComposerAccessories, { children: [
+              leftButton: paMode ? /* @__PURE__ */ jsxRuntime.jsx(chunkOBAVNGTL_cjs.PaModeBadge, { icon: /* @__PURE__ */ jsxRuntime.jsx(react.ArbiBotHeadIcon, { size: 16, className: "shrink-0" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(chunkOBAVNGTL_cjs.ComposerAccessories, { children: [
                 composerAccessory,
-                draftingDocument ? /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkPU7CEHTL_cjs.DraftingDocChip,
+                threadDocument.unavailable ? /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkOBAVNGTL_cjs.DraftingDocChip,
+                  {
+                    state: "unavailable",
+                    title: "",
+                    onDetach: () => threadDocument.bind(null)
+                  }
+                ) : draftingDocument ? /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkOBAVNGTL_cjs.DraftingDocChip,
                   {
                     title: ui.getDocumentTitle(draftingDocument),
                     onDetach: threadDocument.documentId ? () => threadDocument.bind(null) : void 0
                   }
                 ) : attachableDocument && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkPU7CEHTL_cjs.DraftingDocChip,
+                  chunkOBAVNGTL_cjs.DraftingDocChip,
                   {
                     state: "attach",
                     title: ui.getDocumentTitle(attachableDocument),
@@ -33435,7 +33457,7 @@ function ConnectedConversation({
                   }
                 )
               ] }),
-              rightButton: /* @__PURE__ */ jsxRuntime.jsxs(chunkPU7CEHTL_cjs.ComposerTools, { children: [
+              rightButton: /* @__PURE__ */ jsxRuntime.jsxs(chunkOBAVNGTL_cjs.ComposerTools, { children: [
                 composerTools,
                 /* @__PURE__ */ jsxRuntime.jsx(MicButton, { inputRef }),
                 /* @__PURE__ */ jsxRuntime.jsx(