@arbidocs/blocks 0.5.35 → 0.5.37

package/dist/{chunk-NOKTUWTN.cjs → chunk-OJTXFIXU.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
+var chunk7W7TPWSZ_cjs = require('./chunk-7W7TPWSZ.cjs');
 var chunkJVXHVFUA_cjs = require('./chunk-JVXHVFUA.cjs');
-var chunkLNYEYR7W_cjs = require('./chunk-LNYEYR7W.cjs');
 var react$1 = require('react');
 var react = require('@arbidocs/react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -58,7 +58,7 @@ function ConnectedAssistantDock(props) {
 }
 function ScopedAssistantDock(props) {
   const chat = useConnectedChat();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkLNYEYR7W_cjs.AssistantDock, { ...props, chat });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7W7TPWSZ_cjs.AssistantDock, { ...props, chat });
 }
 
 Object.defineProperty(exports, "redlineStats", {
@@ -78,5 +78,5 @@ exports.useConnectedAiTask = useConnectedAiTask;
 exports.useConnectedChat = useConnectedChat;
 exports.useSemanticSearch = useSemanticSearch;
 exports.useWorkspaceDocs = useWorkspaceDocs;
-//# sourceMappingURL=chunk-NOKTUWTN.cjs.map
-//# sourceMappingURL=chunk-NOKTUWTN.cjs.map
+//# sourceMappingURL=chunk-OJTXFIXU.cjs.map
+//# sourceMappingURL=chunk-OJTXFIXU.cjs.map

package/dist/{chunk-NOKTUWTN.cjs.map → chunk-OJTXFIXU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/ai.tsx"],"names":["useConnection","useKitAiTask","useCallback","useKitWorkspaceDocs","useKitSemanticSearch","useWorkspaceUsers","buildMentionCandidates","useConversation","ConversationScope","jsx","AssistantDock"],"mappings":";;;;;;;;AAkCO,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIA,+BAAA,EAAc;AAC1C,EAAA,MAAM,OAAOC,eAAA,EAAa;AAC1B,EAAA,MAAM,SAAS,IAAA,CAAK,GAAA;AACpB,EAAA,MAAM,GAAA,GAAMC,mBAAA;AAAA,IACV,CAAC,QAAA,EAAkB,MAAA,EAAkB,IAAA,KACnC,OAAO,QAAA,EAAU,MAAA,EAAQ,EAAE,GAAG,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,KAAA,IAAS,iBAAiB,CAAA;AAAA,IAC7E,CAAC,QAAQ,eAAe;AAAA,GAC1B;AACA,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,GAAA,EAAI;AACxB;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,EAAE,WAAA,EAAa,mBAAA,EAAoB,GAAIF,+BAAA,EAAc;AAC3D,EAAA,OAAOG,sBAAA,CAAoB,eAAe,mBAAmB,CAAA;AAC/D;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIH,+BAAA,EAAc;AAC1C,EAAA,OAAOI,wBAAqB,EAAC,EAAG,EAAE,KAAA,EAAO,iBAAiB,CAAA;AAC5D;AAQO,SAAS,iBACd,OAAA,EAC8D;AAC9D,EAAA,MAAM,EAAE,aAAa,mBAAA,EAAqB,eAAA,EAAiB,MAAM,MAAA,EAAQ,mBAAA,KACvEJ,+BAAA,EAAc;AAChB,EAAA,MAAM,OAAO,WAAA,IAAe,mBAAA;AAC5B,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,GAAU,EAAC,EAAE,GAAIK,wBAAkB,IAAA,EAAM;AAAA,IACrD,OAAA,EAAS,MAAA,KAAW,eAAA,IAAmB,CAAC,CAAC,IAAA;AAAA,IACzC,WAAA,EAAa;AAAA,GACd,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBC,4BAAA;AAAA,IACxB,MAAA,KAAW,eAAA,GAAkB,OAAA,GAAU,EAAC;AAAA,IACxC,IAAA,EAAM;AAAA,GACR;AACA,EAAA,MAAM,OAAOC,qBAAA,CAAgB;AAAA,IAC3B,GAAG,OAAA;AAAA,IACH,WAAA,EAAa,IAAA;AAAA,IACb,KAAA,EAAO,SAAS,KAAA,IAAS;AAAA,GAC1B,CAAA;AACD,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,iBAAA;AAAA,IACA,QAAA,EAAU,IAAA,CAAK,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,MAAa;AAAA,MACxC,GAAG,OAAA;AAAA,MACH,GAAI,QAAQ,QAAA,GACR;AAAA,QACE,WAAW,CAAC,CAAC,MAAM,UAAA,IAAc,OAAA,CAAQ,aAAa,IAAA,CAAK,UAAA;AAAA,QAC3D,YACE,OAAA,CAAQ,QAAA,KAAa,IAAA,EAAM,UAAA,GACvB,MAAM,IAAA,IAAQ,IAAA,EAAM,KAAA,GACpB,iBAAA,CAAkB,KAAK,CAAC,SAAA,KAAc,UAAU,EAAA,KAAO,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAAA,UAElF;AAAC,KACP,CAAE;AAAA,GACJ;AACF;AAOO,SAAS,uBAAuB,KAAA,EAAyC;AAC9E,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAC,cAAA,CAAC,mBAAA,EAAA,EAAqB,GAAG,OAAO,CAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,oBAAoB,KAAA,EAAyC;AACpE,EAAA,MAAM,OAAO,gBAAA,EAAiB;AAC9B,EAAA,uBAAOA,cAAA,CAACC,+BAAA,EAAA,EAAe,GAAG,KAAA,EAAO,IAAA,EAAY,CAAA;AAC/C","file":"chunk-NOKTUWTN.cjs","sourcesContent":["/**\n * The connected agent hooks — thin adapters over the reusable AI kit in\n * `@arbidocs/react`. The streaming/accumulation/search plumbing lives once in\n * the SDK; these hooks only bind the *workspace source* (from the connection\n * context, falling back to the configured workspace) and inject the host's\n * default assistant *configuration* so call sites needn't know the config\n * ext_id. An explicit `opts.model` still wins.\n */\nimport { useCallback } from 'react'\nimport {\n  useAiTask as useKitAiTask,\n  useWorkspaceDocs as useKitWorkspaceDocs,\n  useSemanticSearch as useKitSemanticSearch,\n  useConversation,\n  useWorkspaceUsers,\n  buildMentionCandidates,\n  ConversationScope,\n  type ArbiConversation,\n  type UseConversationOptions,\n  type AiRunOptions,\n} from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\nimport { AssistantDock, type AssistantDockProps } from '../chat/AssistantDock'\nimport type { MentionCandidate } from '@arbidocs/react/shell'\n\nexport type { AiTaskStatus, AiRunOptions, SearchChunk, ArtifactEvent } from '@arbidocs/react'\n\n/** Client-side redlining, re-exported so a host app has one import surface. */\nexport { toRedlineMarkdown, redlineStats, textToArtifact } from '@arbidocs/react'\n\n/**\n * The kit's `useAiTask` with the host's default assistant configuration\n * injected, so call sites needn't know the config ext_id.\n */\nexport function useConnectedAiTask() {\n  const { assistantConfig } = useConnection()\n  const task = useKitAiTask()\n  const kitRun = task.run\n  const run = useCallback(\n    (question: string, docIds: string[], opts?: AiRunOptions) =>\n      kitRun(question, docIds, { ...opts, model: opts?.model ?? assistantConfig }),\n    [kitRun, assistantConfig]\n  )\n  return { ...task, run }\n}\n\n/** Resolve the active workspace + its document ids (what we ground the agent on). */\nexport function useWorkspaceDocs() {\n  const { workspaceId, fallbackWorkspaceId } = useConnection()\n  return useKitWorkspaceDocs(workspaceId ?? fallbackWorkspaceId)\n}\n\n/** Search the active workspace's documents (all of them) and return the top matching passages. */\nexport function useSemanticSearch() {\n  const { assistantConfig } = useConnection()\n  return useKitSemanticSearch([], { model: assistantConfig })\n}\n\n/**\n * The chat engine for `ChatPage` bound to the connection: the active workspace and the host's\n * default assistant configuration are injected, so a host writes\n * `<ChatPage chat={useConnectedChat()} />`. It works on the open conversation of the session in\n * scope (wrap a second chat on the page in `ConversationScope`).\n */\nexport function useConnectedChat(\n  options?: Omit<UseConversationOptions, 'workspaceId'>\n): ArbiConversation & { mentionCandidates: MentionCandidate[] } {\n  const { workspaceId, fallbackWorkspaceId, assistantConfig, user, status, ensureWorkspaceOpen } =\n    useConnection()\n  const wsId = workspaceId ?? fallbackWorkspaceId\n  const { data: members = [] } = useWorkspaceUsers(wsId, {\n    enabled: status === 'authenticated' && !!wsId,\n    beforeFetch: ensureWorkspaceOpen,\n  })\n  // The engine's own candidates: what the composer inserts is what a send routes on.\n  const mentionCandidates = buildMentionCandidates(\n    status === 'authenticated' ? members : [],\n    user?.externalId\n  )\n  const chat = useConversation({\n    ...options,\n    workspaceId: wsId,\n    model: options?.model ?? assistantConfig,\n  })\n  return {\n    ...chat,\n    mentionCandidates,\n    messages: chat.messages.map((message) => ({\n      ...message,\n      ...(message.authorId\n        ? {\n            fromOther: !!user?.externalId && message.authorId !== user.externalId,\n            senderName:\n              message.authorId === user?.externalId\n                ? user?.name || user?.email\n                : mentionCandidates.find((candidate) => candidate.id === message.authorId)?.label,\n          }\n        : {}),\n    })),\n  }\n}\n\n/**\n * The assistant dock bound to the connection: mount it once in the layout (`Shell.Root`'s `aside`)\n * and put `AssistantDockToggle` in the topbar. Its chat keeps its own open conversation (and\n * survives closing the dock).\n */\nexport function ConnectedAssistantDock(props: Omit<AssistantDockProps, 'chat'>) {\n  return (\n    <ConversationScope>\n      <ScopedAssistantDock {...props} />\n    </ConversationScope>\n  )\n}\n\nfunction ScopedAssistantDock(props: Omit<AssistantDockProps, 'chat'>) {\n  const chat = useConnectedChat()\n  return <AssistantDock {...props} chat={chat} />\n}\n"]}
+{"version":3,"sources":["../src/connection/ai.tsx"],"names":["useConnection","useKitAiTask","useCallback","useKitWorkspaceDocs","useKitSemanticSearch","useWorkspaceUsers","buildMentionCandidates","useConversation","ConversationScope","jsx","AssistantDock"],"mappings":";;;;;;;;AAkCO,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIA,+BAAA,EAAc;AAC1C,EAAA,MAAM,OAAOC,eAAA,EAAa;AAC1B,EAAA,MAAM,SAAS,IAAA,CAAK,GAAA;AACpB,EAAA,MAAM,GAAA,GAAMC,mBAAA;AAAA,IACV,CAAC,QAAA,EAAkB,MAAA,EAAkB,IAAA,KACnC,OAAO,QAAA,EAAU,MAAA,EAAQ,EAAE,GAAG,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,KAAA,IAAS,iBAAiB,CAAA;AAAA,IAC7E,CAAC,QAAQ,eAAe;AAAA,GAC1B;AACA,EAAA,OAAO,EAAE,GAAG,IAAA,EAAM,GAAA,EAAI;AACxB;AAGO,SAAS,gBAAA,GAAmB;AACjC,EAAA,MAAM,EAAE,WAAA,EAAa,mBAAA,EAAoB,GAAIF,+BAAA,EAAc;AAC3D,EAAA,OAAOG,sBAAA,CAAoB,eAAe,mBAAmB,CAAA;AAC/D;AAGO,SAAS,iBAAA,GAAoB;AAClC,EAAA,MAAM,EAAE,eAAA,EAAgB,GAAIH,+BAAA,EAAc;AAC1C,EAAA,OAAOI,wBAAqB,EAAC,EAAG,EAAE,KAAA,EAAO,iBAAiB,CAAA;AAC5D;AAQO,SAAS,iBACd,OAAA,EAC8D;AAC9D,EAAA,MAAM,EAAE,aAAa,mBAAA,EAAqB,eAAA,EAAiB,MAAM,MAAA,EAAQ,mBAAA,KACvEJ,+BAAA,EAAc;AAChB,EAAA,MAAM,OAAO,WAAA,IAAe,mBAAA;AAC5B,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,GAAU,EAAC,EAAE,GAAIK,wBAAkB,IAAA,EAAM;AAAA,IACrD,OAAA,EAAS,MAAA,KAAW,eAAA,IAAmB,CAAC,CAAC,IAAA;AAAA,IACzC,WAAA,EAAa;AAAA,GACd,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBC,4BAAA;AAAA,IACxB,MAAA,KAAW,eAAA,GAAkB,OAAA,GAAU,EAAC;AAAA,IACxC,IAAA,EAAM;AAAA,GACR;AACA,EAAA,MAAM,OAAOC,qBAAA,CAAgB;AAAA,IAC3B,GAAG,OAAA;AAAA,IACH,WAAA,EAAa,IAAA;AAAA,IACb,KAAA,EAAO,SAAS,KAAA,IAAS;AAAA,GAC1B,CAAA;AACD,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,iBAAA;AAAA,IACA,QAAA,EAAU,IAAA,CAAK,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,MAAa;AAAA,MACxC,GAAG,OAAA;AAAA,MACH,GAAI,QAAQ,QAAA,GACR;AAAA,QACE,WAAW,CAAC,CAAC,MAAM,UAAA,IAAc,OAAA,CAAQ,aAAa,IAAA,CAAK,UAAA;AAAA,QAC3D,YACE,OAAA,CAAQ,QAAA,KAAa,IAAA,EAAM,UAAA,GACvB,MAAM,IAAA,IAAQ,IAAA,EAAM,KAAA,GACpB,iBAAA,CAAkB,KAAK,CAAC,SAAA,KAAc,UAAU,EAAA,KAAO,OAAA,CAAQ,QAAQ,CAAA,EAAG;AAAA,UAElF;AAAC,KACP,CAAE;AAAA,GACJ;AACF;AAOO,SAAS,uBAAuB,KAAA,EAAyC;AAC9E,EAAA,sCACGC,uBAAA,EAAA,EACC,QAAA,kBAAAC,cAAA,CAAC,mBAAA,EAAA,EAAqB,GAAG,OAAO,CAAA,EAClC,CAAA;AAEJ;AAEA,SAAS,oBAAoB,KAAA,EAAyC;AACpE,EAAA,MAAM,OAAO,gBAAA,EAAiB;AAC9B,EAAA,uBAAOA,cAAA,CAACC,+BAAA,EAAA,EAAe,GAAG,KAAA,EAAO,IAAA,EAAY,CAAA;AAC/C","file":"chunk-OJTXFIXU.cjs","sourcesContent":["/**\n * The connected agent hooks — thin adapters over the reusable AI kit in\n * `@arbidocs/react`. The streaming/accumulation/search plumbing lives once in\n * the SDK; these hooks only bind the *workspace source* (from the connection\n * context, falling back to the configured workspace) and inject the host's\n * default assistant *configuration* so call sites needn't know the config\n * ext_id. An explicit `opts.model` still wins.\n */\nimport { useCallback } from 'react'\nimport {\n  useAiTask as useKitAiTask,\n  useWorkspaceDocs as useKitWorkspaceDocs,\n  useSemanticSearch as useKitSemanticSearch,\n  useConversation,\n  useWorkspaceUsers,\n  buildMentionCandidates,\n  ConversationScope,\n  type ArbiConversation,\n  type UseConversationOptions,\n  type AiRunOptions,\n} from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\nimport { AssistantDock, type AssistantDockProps } from '../chat/AssistantDock'\nimport type { MentionCandidate } from '@arbidocs/react/shell'\n\nexport type { AiTaskStatus, AiRunOptions, SearchChunk, ArtifactEvent } from '@arbidocs/react'\n\n/** Client-side redlining, re-exported so a host app has one import surface. */\nexport { toRedlineMarkdown, redlineStats, textToArtifact } from '@arbidocs/react'\n\n/**\n * The kit's `useAiTask` with the host's default assistant configuration\n * injected, so call sites needn't know the config ext_id.\n */\nexport function useConnectedAiTask() {\n  const { assistantConfig } = useConnection()\n  const task = useKitAiTask()\n  const kitRun = task.run\n  const run = useCallback(\n    (question: string, docIds: string[], opts?: AiRunOptions) =>\n      kitRun(question, docIds, { ...opts, model: opts?.model ?? assistantConfig }),\n    [kitRun, assistantConfig]\n  )\n  return { ...task, run }\n}\n\n/** Resolve the active workspace + its document ids (what we ground the agent on). */\nexport function useWorkspaceDocs() {\n  const { workspaceId, fallbackWorkspaceId } = useConnection()\n  return useKitWorkspaceDocs(workspaceId ?? fallbackWorkspaceId)\n}\n\n/** Search the active workspace's documents (all of them) and return the top matching passages. */\nexport function useSemanticSearch() {\n  const { assistantConfig } = useConnection()\n  return useKitSemanticSearch([], { model: assistantConfig })\n}\n\n/**\n * The chat engine for `ChatPage` bound to the connection: the active workspace and the host's\n * default assistant configuration are injected, so a host writes\n * `<ChatPage chat={useConnectedChat()} />`. It works on the open conversation of the session in\n * scope (wrap a second chat on the page in `ConversationScope`).\n */\nexport function useConnectedChat(\n  options?: Omit<UseConversationOptions, 'workspaceId'>\n): ArbiConversation & { mentionCandidates: MentionCandidate[] } {\n  const { workspaceId, fallbackWorkspaceId, assistantConfig, user, status, ensureWorkspaceOpen } =\n    useConnection()\n  const wsId = workspaceId ?? fallbackWorkspaceId\n  const { data: members = [] } = useWorkspaceUsers(wsId, {\n    enabled: status === 'authenticated' && !!wsId,\n    beforeFetch: ensureWorkspaceOpen,\n  })\n  // The engine's own candidates: what the composer inserts is what a send routes on.\n  const mentionCandidates = buildMentionCandidates(\n    status === 'authenticated' ? members : [],\n    user?.externalId\n  )\n  const chat = useConversation({\n    ...options,\n    workspaceId: wsId,\n    model: options?.model ?? assistantConfig,\n  })\n  return {\n    ...chat,\n    mentionCandidates,\n    messages: chat.messages.map((message) => ({\n      ...message,\n      ...(message.authorId\n        ? {\n            fromOther: !!user?.externalId && message.authorId !== user.externalId,\n            senderName:\n              message.authorId === user?.externalId\n                ? user?.name || user?.email\n                : mentionCandidates.find((candidate) => candidate.id === message.authorId)?.label,\n          }\n        : {}),\n    })),\n  }\n}\n\n/**\n * The assistant dock bound to the connection: mount it once in the layout (`Shell.Root`'s `aside`)\n * and put `AssistantDockToggle` in the topbar. Its chat keeps its own open conversation (and\n * survives closing the dock).\n */\nexport function ConnectedAssistantDock(props: Omit<AssistantDockProps, 'chat'>) {\n  return (\n    <ConversationScope>\n      <ScopedAssistantDock {...props} />\n    </ConversationScope>\n  )\n}\n\nfunction ScopedAssistantDock(props: Omit<AssistantDockProps, 'chat'>) {\n  const chat = useConnectedChat()\n  return <AssistantDock {...props} chat={chat} />\n}\n"]}

package/dist/{chunk-LTEDORG3.js → chunk-ORBXJ4IT.js}

@@ -1,12 +1,12 @@
 "use client";
 import { SidebarBadgeRow, DEFAULT_SIDEBAR_LABELS, SidebarContext, useSidebarContext, SidebarRowHoverContext } from './chunk-PXYP3DM5.js';
+import { useDrawerBehavior, BlocksTooltipProvider, useShellBottomInset } from './chunk-7XF5SFJ2.js';
 import { useControllableState } from './chunk-RLWIUUQ5.js';
 import { ActionLink } from './chunk-73DANGPH.js';
-import { useDrawerBehavior, BlocksTooltipProvider, useShellBottomInset } from './chunk-7XF5SFJ2.js';
-import { useIsPhone, useIsNarrow, useIsTouchScreen } from './chunk-SLSBJRWW.js';
+import { useIsPhone, useIsNarrow, useIsTouchScreen, useMediaQuery } from './chunk-SLSBJRWW.js';
 import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
 import { useEffect, useMemo, useRef, useState, useCallback, useContext } from 'react';
-import { TriangleAlert, CheckCircle2, Loader2, PanelLeftClose, PanelLeftOpen, X, Sparkles, Search, ArrowUp, Menu, Download, RefreshCw, WifiOff, MousePointerClick, Lightbulb, Pencil, ChevronLeft, ChevronRight, Info } from 'lucide-react';
+import { TriangleAlert, CheckCircle2, Loader2, PanelLeftClose, PanelLeftOpen, X, Sparkles, Search, ArrowUp, Menu, Download, RefreshCw, WifiOff, MousePointerClick, Lightbulb, Pencil, ChevronLeft, ChevronRight, Info, ExternalLink, PanelRight, PictureInPicture2 } from 'lucide-react';
 import { cn, Tooltip, TooltipTrigger, TooltipContent, Button } from '@arbidocs/react/ui';
 export { UserMenu } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1684,7 +1684,222 @@ function SplitLayout({
     }
   );
 }
+var MIN_DOCK_PX = 200;
+var MIN_MAIN_PX = 300;
+var DEFAULT_DOCK_PX = 544;
+var MOBILE_BREAKPOINT_PX = 640;
+function DockZone({ children, ...props }) {
+  const [hasDockedContent, setHasDockedContent] = useState(false);
+  const [dockWidth, setDockWidth] = useState(null);
+  const [isResizing, setIsResizing] = useState(false);
+  const [dragPosition, setDragPosition] = useState(null);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const containerRef = useRef(null);
+  const dockZoneRef = useRef(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      const width = entries[0]?.contentRect.width;
+      if (width !== void 0) setContainerWidth(width);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const isMobile = containerWidth > 0 && containerWidth < MOBILE_BREAKPOINT_PX;
+  useEffect(() => {
+    const el = dockZoneRef.current;
+    if (!el) return;
+    const update = () => {
+      const hasChildren = el.children.length > 0;
+      setHasDockedContent(hasChildren);
+      if (hasChildren) {
+        const requestedWidth = el.firstElementChild?.getAttribute("data-dock-width");
+        if (requestedWidth) {
+          setDockWidth(parseInt(requestedWidth, 10));
+        }
+      }
+    };
+    const observer = new MutationObserver(update);
+    update();
+    observer.observe(el, { childList: true });
+    return () => observer.disconnect();
+  }, []);
+  const handleMouseDown = useCallback(() => {
+    setIsResizing(true);
+    setDragPosition(null);
+  }, []);
+  const handleMouseMove = useCallback(
+    (e) => {
+      if (!isResizing || !containerRef.current) return;
+      const rect = containerRef.current.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const clamped = Math.min(Math.max(x, MIN_MAIN_PX), rect.width - MIN_DOCK_PX);
+      setDragPosition(clamped);
+    },
+    [isResizing]
+  );
+  const handleMouseUp = useCallback(() => {
+    if (dragPosition !== null && containerRef.current) {
+      const containerWidth2 = containerRef.current.getBoundingClientRect().width;
+      setDockWidth(containerWidth2 - dragPosition);
+    }
+    setIsResizing(false);
+    setDragPosition(null);
+  }, [dragPosition]);
+  useEffect(() => {
+    if (!isResizing) return;
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+  }, [isResizing, handleMouseMove, handleMouseUp]);
+  const effectiveDockWidth = hasDockedContent && containerWidth > 0 ? isMobile ? containerWidth : Math.min(
+    Math.max(dockWidth ?? DEFAULT_DOCK_PX, MIN_DOCK_PX),
+    containerWidth - MIN_MAIN_PX
+  ) : 0;
+  const mainHidden = isMobile && hasDockedContent;
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "h-full relative flex", "data-testid": props["data-testid"], children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          width: mainHidden ? 0 : `calc(100% - ${effectiveDockWidth}px)`,
+          // Reserve gutter space so the vertical scrollbar doesn't appear and
+          // disappear as streaming content crosses the viewport boundary —
+          // that toggle reflows the layout and reads as a screen-wide flicker.
+          scrollbarGutter: "stable"
+        },
+        className: cn(
+          // The CSS container for the page's @-variants (PageContainer must not be one; see there).
+          "@container h-full overflow-auto",
+          hasDockedContent && !isMobile && "border-r",
+          mainHidden && "overflow-hidden",
+          // Animate opening only. On close the portaled content has already
+          // unmounted, so animating leaves an empty strip shrinking while the
+          // page behind reflows — reads as flicker over heavy content like the
+          // documents grid. Snap closed instead. Resizing is also instant so
+          // the divider doesn't lag the cursor.
+          hasDockedContent && !isResizing && "transition-[width] duration-300 ease-in-out"
+        ),
+        "aria-hidden": mainHidden,
+        inert: mainHidden,
+        "data-scroll-container": true,
+        children
+      }
+    ),
+    hasDockedContent && !isMobile && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "group flex w-2 flex-shrink-0 cursor-col-resize items-center justify-center",
+        onMouseDown: handleMouseDown,
+        "data-testid": "dock-resize-handle",
+        children: /* @__PURE__ */ jsx("div", { className: "h-12 w-1 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-primary" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: dockZoneRef,
+        id: "dock-zone",
+        style: { width: effectiveDockWidth },
+        className: cn(
+          "h-full overflow-hidden flex-shrink-0",
+          hasDockedContent && !isResizing && "transition-[width] duration-300 ease-in-out"
+        )
+      }
+    ),
+    isResizing && dragPosition !== null && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute top-0 bottom-0 w-0.5 bg-primary z-50 pointer-events-none",
+        style: { left: dragPosition }
+      }
+    ),
+    isResizing && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-40 cursor-col-resize" })
+  ] });
+}
+var btnClass = "h-7 w-7 p-0 text-muted-foreground hover:text-foreground";
+function SwitcherButton({
+  label,
+  inPopout = false,
+  onClick,
+  testId,
+  children
+}) {
+  const button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: btnClass,
+      "aria-label": label,
+      title: inPopout ? label : void 0,
+      onClick,
+      "data-testid": testId,
+      children
+    }
+  );
+  if (inPopout) return button;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: label })
+  ] });
+}
+var TABLET_AND_BELOW_QUERY = "(max-width: 1024px)";
+function PanelModeSwitcher({
+  mode,
+  onModeChange,
+  onClose,
+  disablePopout,
+  closeTestId = "dialog-close-button"
+}) {
+  const isPopout = mode === "popout";
+  const isSmallScreen = useIsPhone();
+  const isTabletAndBelow = useMediaQuery(TABLET_AND_BELOW_QUERY);
+  const closeButton = onClose && /* @__PURE__ */ jsx(SwitcherButton, { label: "Close (Esc)", onClick: onClose, testId: closeTestId, children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" }) });
+  if (isSmallScreen) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: closeButton });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+    !disablePopout && !isTabletAndBelow && /* @__PURE__ */ jsx(
+      SwitcherButton,
+      {
+        label: isPopout ? "Pop back in" : "Open in new window",
+        inPopout: isPopout,
+        onClick: () => onModeChange(isPopout ? "docked" : "popout"),
+        testId: isPopout ? "pop-into-main-window-button" : "open-in-new-window-button",
+        children: /* @__PURE__ */ jsx(ExternalLink, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && mode !== "docked" && /* @__PURE__ */ jsx(
+      SwitcherButton,
+      {
+        label: "Split screen",
+        onClick: () => onModeChange("docked"),
+        testId: "dock-panel-button",
+        children: /* @__PURE__ */ jsx(PanelRight, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && mode !== "overlay" && !isTabletAndBelow && /* @__PURE__ */ jsx(
+      SwitcherButton,
+      {
+        label: "Float as overlay",
+        onClick: () => onModeChange("overlay"),
+        testId: "overlay-panel-button",
+        children: /* @__PURE__ */ jsx(PictureInPicture2, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && closeButton
+  ] });
+}
 
-export { AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_TIP_CARD_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, OfflinePill, RemoteControlPill, SHELL_START_INSET_VAR, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, ShellSidebar, Sidebar, SidebarRowAction, SplitLayout, StatusBadge, StatusRow, TipCard, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useCloseOnEscape, useInstallPrompt, useShellStartInset, useSidebarController, useSidebarSettle };
-//# sourceMappingURL=chunk-LTEDORG3.js.map
-//# sourceMappingURL=chunk-LTEDORG3.js.map
+export { AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_TIP_CARD_LABELS, DockZone, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, OfflinePill, PanelModeSwitcher, RemoteControlPill, SHELL_START_INSET_VAR, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, ShellSidebar, Sidebar, SidebarRowAction, SplitLayout, StatusBadge, StatusRow, TipCard, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useCloseOnEscape, useInstallPrompt, useShellStartInset, useSidebarController, useSidebarSettle };
+//# sourceMappingURL=chunk-ORBXJ4IT.js.map
+//# sourceMappingURL=chunk-ORBXJ4IT.js.map