@arbidocs/blocks 0.5.5 → 0.5.7

package/dist/connect/index.js

@@ -72,7 +72,7 @@ import { TabHeader } from '../chunk-ABEKUV6L.js';
 import '../chunk-P6GHJSLR.js';
 import { useBlocksEnvironment, useRequestedSettingsSection } from '../chunk-PKB4LBPC.js';
 import { ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
-import { useLongPaste, useRecipientDraft, SlashMenu, ContextUsageBar, findMessageDocument, getParticipantTints, flashMessage, parseSlashTokenInProgress, buildSlashItems, filterSlashItems, copyMessageToClipboard, BranchControls, ThreadVisualizer, downloadTableAsCsv, ModelAutoIcon, ModelTierIcon, ModelDot, ModelPricingTip, ModelPickerPopover, ModelOption, ModelMenuDivider, ModelTierOption, ModelConfigureButton, ModelMenuMessage, ModelPickerTrigger, ModelTriggerContent, ModelOptionLabel, ConversationBody, ConversationMain, ConversationLoading, PendingAnswerBar, ComposerTools, PaModeBadge, ComposerAccessories, DraftingDocChip } from '../chunk-3FKM4G2T.js';
+import { useLongPaste, useRecipientDraft, SlashMenu, ContextUsageBar, findMessageDocument, getParticipantTints, flashMessage, parseSlashTokenInProgress, buildSlashItems, filterSlashItems, copyMessageToClipboard, BranchControls, ThreadVisualizer, downloadTableAsCsv, ModelAutoIcon, ModelTierIcon, ModelDot, ModelPricingTip, ModelPickerPopover, ModelOption, ModelMenuDivider, ModelTierOption, ModelConfigureButton, ModelMenuMessage, ModelPickerTrigger, ModelTriggerContent, ModelOptionLabel, ConversationBody, ConversationMain, ConversationLoading, PendingAnswerBar, ComposerTools, PaModeBadge, ComposerAccessories, DraftingDocChip } from '../chunk-VDXVTQOF.js';
 import { ComposerSend, ComposerVoiceButton, Composer, MessageActionMenu, MessageActionButton, MessageFooter, MessageRoot, MessageContent, MessageAuthor, MessageBubble, MessageByline, MessageSubagentBadge, MessageBody, MessageNarration, useStreamAnnouncement, MessageList, WorkflowStepChip, MessageSources, ChatPage, ConversationEmpty, MessageAlert, ComposerDock, ComposerContainer, ScrollToBottom } from '../chunk-BKNHCORH.js';
 import { workspaceDocIdFromHref } from '../chunk-DDCMLHXF.js';
 import '../chunk-7XF5SFJ2.js';
@@ -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) || AUTO_CHAT_MODEL;
   const selectedModelInfo = useMemo(
@@ -26865,7 +26868,7 @@ function ConnectedModelSelector({
   };
   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__ */ jsx(ModelAutoIcon, {}) : isSelectedPremium ? premiumDisabled ? /* @__PURE__ */ jsx(ModelTierIcon, { tier: "premium", isGreyed: true }) : /* @__PURE__ */ jsx(
     ProviderIcon,
@@ -26884,7 +26887,7 @@ function ConnectedModelSelector({
       outputPrice: pricing.outputPrice
     }
   ) : null;
-  const hasTiers = !!(standardTier || premiumTier);
+  const hasTiers = !!(standardTier || premiumTier || developerModels.length);
   if (variant === "compact") {
     const choose = (name) => {
       handleModelChange(name);
@@ -26917,7 +26920,7 @@ function ConnectedModelSelector({
               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}`,
@@ -26969,7 +26972,7 @@ function ConnectedModelSelector({
                   ModelOption,
                   {
                     icon: tag && TAG_TIER[tag] ? /* @__PURE__ */ jsx(ModelTierIcon, { tier: TAG_TIER[tag] }) : /* @__PURE__ */ jsx(ModelDot, {}),
-                    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}`
@@ -27001,7 +27004,13 @@ function ConnectedModelSelector({
             {
               value: m.model_name,
               "data-testid": `model-option-${m.model_name}`,
-              children: /* @__PURE__ */ jsx(ModelOptionLabel, { icon: standardIcon(m), label: m.model_name })
+              children: /* @__PURE__ */ jsx(
+                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}`
           )),
@@ -27019,7 +27028,13 @@ function ConnectedModelSelector({
             {
               value: m.model_name,
               "data-testid": `model-option-${m.model_name}`,
-              children: /* @__PURE__ */ jsx(ModelOptionLabel, { icon: /* @__PURE__ */ jsx(ModelDot, {}), label: m.model_name })
+              children: /* @__PURE__ */ jsx(
+                ModelOptionLabel,
+                {
+                  icon: /* @__PURE__ */ jsx(ModelDot, {}),
+                  label: m.display_name ? `${m.display_name} \xB7 ${m.connection_scope === "box" ? "Box" : "Personal"}` : m.model_name
+                }
+              )
             },
             m.model_name
           ))
@@ -33420,7 +33435,14 @@ function ConnectedConversation({
               isConversationEmpty: messageHistory.length === 0 && !isBranching,
               leftButton: paMode ? /* @__PURE__ */ jsx(PaModeBadge, { icon: /* @__PURE__ */ jsx(ArbiBotHeadIcon, { size: 16, className: "shrink-0" }) }) : /* @__PURE__ */ jsxs(ComposerAccessories, { children: [
                 composerAccessory,
-                draftingDocument ? /* @__PURE__ */ jsx(
+                threadDocument.unavailable ? /* @__PURE__ */ jsx(
+                  DraftingDocChip,
+                  {
+                    state: "unavailable",
+                    title: "",
+                    onDetach: () => threadDocument.bind(null)
+                  }
+                ) : draftingDocument ? /* @__PURE__ */ jsx(
                   DraftingDocChip,
                   {
                     title: getDocumentTitle(draftingDocument),