@arbidocs/blocks 0.5.120 → 0.5.121

package/dist/{chunk-WAV762GP.cjs → chunk-GQXPNIRE.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkWXUU3COI_cjs = require('./chunk-WXUU3COI.cjs');
+var chunkMZ2KZXNU_cjs = require('./chunk-MZ2KZXNU.cjs');
 var chunkHQDR43JC_cjs = require('./chunk-HQDR43JC.cjs');
 var chunkJR2YSBD5_cjs = require('./chunk-JR2YSBD5.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
@@ -25,7 +25,7 @@ function toWorkflowFieldDocument(doc) {
 function useConnectedWorkflowScopeSource() {
   const { data: docs } = chunkHQDR43JC_cjs.useListedDocuments();
   const { data: tags } = chunkHQDR43JC_cjs.useConnectedTags();
-  return react.useMemo(() => chunkWXUU3COI_cjs.buildWorkflowScopeSource(docs, chunkWXUU3COI_cjs.documentScopeLabels(tags)), [docs, tags]);
+  return react.useMemo(() => chunkMZ2KZXNU_cjs.buildWorkflowScopeSource(docs, chunkMZ2KZXNU_cjs.documentScopeLabels(tags)), [docs, tags]);
 }
 function useConnectedAgentOptions() {
   const { data: agents } = react$1.useAgents();
@@ -82,7 +82,7 @@ function ConnectedWorkflowDocumentsField({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWXUU3COI_cjs.WorkflowDocumentsField,
+      chunkMZ2KZXNU_cjs.WorkflowDocumentsField,
       {
         field,
         value,
@@ -104,7 +104,7 @@ function ConnectedWorkflowLauncher({
   const scopeSource = useConnectedWorkflowScopeSource();
   const agents = useConnectedAgentOptions();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkWXUU3COI_cjs.WorkflowLauncher,
+    chunkMZ2KZXNU_cjs.WorkflowLauncher,
     {
       ...props,
       scopeSource,
@@ -126,5 +126,5 @@ exports.ConnectedWorkflowDocumentsField = ConnectedWorkflowDocumentsField;
 exports.ConnectedWorkflowLauncher = ConnectedWorkflowLauncher;
 exports.toWorkflowFieldDocument = toWorkflowFieldDocument;
 exports.useConnectedWorkflowScopeSource = useConnectedWorkflowScopeSource;
-//# sourceMappingURL=chunk-WAV762GP.cjs.map
-//# sourceMappingURL=chunk-WAV762GP.cjs.map
+//# sourceMappingURL=chunk-GQXPNIRE.cjs.map
+//# sourceMappingURL=chunk-GQXPNIRE.cjs.map

package/dist/{chunk-WAV762GP.cjs.map → chunk-GQXPNIRE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/ConnectedWorkflowLauncher.tsx"],"names":["useListedDocuments","useConnectedTags","useMemo","buildWorkflowScopeSource","documentScopeLabels","useAgents","useBlocksEnvironment","useConnectedWorkspace","useUploadDocuments","useThumbnails","useRef","useState","useCallback","jsxs","Fragment","jsx","WorkflowDocumentsField","WorkflowLauncher"],"mappings":"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","file":"chunk-WAV762GP.cjs","sourcesContent":["/**\n * The workflow launcher bound to the connection: the open workspace's folders, labels and files\n * behind its scope and `documents` fields (files can be added right there), and the user's agents\n * behind \"Run as\". The host still says what a launch does (`onLaunch`): open a chat, start a task.\n */\n\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { useAgents, useThumbnails, useUploadDocuments } from '@arbidocs/react'\nimport { WorkflowLauncher, type WorkflowLauncherProps } from '../agents/workflows/WorkflowLauncher'\nimport {\n  WorkflowDocumentsField,\n  type WorkflowDocumentsFieldLabels,\n  type WorkflowFieldDocument,\n} from '../agents/workflows/WorkflowDocumentsField'\nimport type { WorkflowScopeSource } from '../agents/workflows/WorkflowConfigDialog'\nimport { buildWorkflowScopeSource, documentScopeLabels } from '../agents/workflows/workspaceScope'\nimport type { AgentOption } from '../agents/workflows/AgentSelect'\nimport type { WorkflowField, WorkflowScope } from '../agents/workflows/types'\nimport { useBlocksEnvironment } from '../provider/environment'\nimport { useConnectedWorkspace } from './ConnectionProvider'\nimport { useConnectedTags, useListedDocuments, type ConnectedDocument } from './workspaceData'\n\nconst IMAGE_FILE_TYPES = new Set(['png', 'jpg', 'jpeg', 'gif', 'bmp', 'tiff', 'webp'])\n\n/** A workspace document as a `documents` field offers it. */\nexport function toWorkflowFieldDocument(doc: ConnectedDocument): WorkflowFieldDocument {\n  // Pages and tokens are a text-parsing concept: never meaningful for an image.\n  const isImage = IMAGE_FILE_TYPES.has((doc.file_type ?? '').toLowerCase())\n  return {\n    id: doc.external_id,\n    title: doc.doc_metadata?.title || doc.file_name || doc.external_id,\n    fileName: doc.file_name,\n    pages: isImage ? null : (doc.n_pages ?? null),\n    tokens: isImage ? null : (doc.tokens ?? null),\n    status: doc.status,\n    isImage,\n  }\n}\n\n/** The open workspace's folders and labels for a workflow's scope field. */\nexport function useConnectedWorkflowScopeSource(): WorkflowScopeSource {\n  const { data: docs } = useListedDocuments()\n  const { data: tags } = useConnectedTags()\n  return useMemo(() => buildWorkflowScopeSource(docs, documentScopeLabels(tags)), [docs, tags])\n}\n\n/** The user's agents, for \"Run as\". */\nfunction useConnectedAgentOptions(): AgentOption[] {\n  const { data: agents } = useAgents()\n  return useMemo(\n    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),\n    [agents]\n  )\n}\n\nexport interface ConnectedWorkflowDocumentsFieldProps {\n  field: WorkflowField\n  value: WorkflowScope\n  onChange: (value: WorkflowScope) => void\n  /** Add files the host's way (its upload dialog). Absent: they are uploaded here. */\n  onAddFiles?: (files?: File[]) => void\n  labels?: Partial<WorkflowDocumentsFieldLabels>\n}\n\n/**\n * A workflow `documents` field over the open workspace's files: pick, add (or drop) files, see the\n * chosen images. A launcher's or a task composer's `renderDocuments`.\n */\nexport function ConnectedWorkflowDocumentsField({\n  field,\n  value,\n  onChange,\n  onAddFiles,\n  labels,\n}: ConnectedWorkflowDocumentsFieldProps) {\n  const { notify } = useBlocksEnvironment()\n  const { ensureWorkspaceOpen } = useConnectedWorkspace()\n  const { data: docs, loaded } = useListedDocuments()\n  const uploadDocuments = useUploadDocuments()\n  const documents = useMemo(() => docs.map(toWorkflowFieldDocument), [docs])\n  const chosen = value.documents ?? []\n  const { data: thumbnails } = useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 })\n  const input = useRef<HTMLInputElement>(null)\n  const [adding, setAdding] = useState(false)\n\n  const upload = useCallback(\n    async (files: File[]) => {\n      setAdding(true)\n      try {\n        await ensureWorkspaceOpen()\n        // Each new document joins the shared list as it lands.\n        for (const file of files) await uploadDocuments.mutateAsync({ files: [file] })\n      } catch (error) {\n        notify(error instanceof Error && error.message ? error.message : String(error), 'error')\n      } finally {\n        setAdding(false)\n      }\n    },\n    [uploadDocuments, ensureWorkspaceOpen, notify]\n  )\n\n  return (\n    <>\n      {!onAddFiles && (\n        <input\n          ref={input}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          aria-label=\"Add files\"\n          data-testid=\"workflow-add-files-input\"\n          onChange={(e) => {\n            const files = Array.from(e.target.files ?? [])\n            e.target.value = ''\n            if (files.length) void upload(files)\n          }}\n        />\n      )}\n      <WorkflowDocumentsField\n        field={field}\n        value={value}\n        onChange={onChange}\n        documents={documents}\n        loaded={loaded}\n        thumbnailOf={(id) => thumbnails?.[id]}\n        onAddFiles={\n          onAddFiles ?? ((files) => (files?.length ? void upload(files) : input.current?.click()))\n        }\n        adding={adding}\n        labels={labels}\n      />\n    </>\n  )\n}\n\nexport interface ConnectedWorkflowLauncherProps extends Omit<\n  WorkflowLauncherProps,\n  'scopeSource' | 'renderDocuments' | 'agents'\n> {\n  /** Add files from a `documents` field the host's way (its upload dialog). Absent: uploaded here. */\n  onAddFiles?: (files?: File[]) => void\n}\n\nexport function ConnectedWorkflowLauncher({\n  onAddFiles,\n  ...props\n}: ConnectedWorkflowLauncherProps) {\n  const scopeSource = useConnectedWorkflowScopeSource()\n  const agents = useConnectedAgentOptions()\n  return (\n    <WorkflowLauncher\n      {...props}\n      scopeSource={scopeSource}\n      agents={agents}\n      renderDocuments={(field, value, onChange) => (\n        <ConnectedWorkflowDocumentsField\n          field={field}\n          value={value}\n          onChange={onChange}\n          onAddFiles={onAddFiles}\n        />\n      )}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/connection/ConnectedWorkflowLauncher.tsx"],"names":["useListedDocuments","useConnectedTags","useMemo","buildWorkflowScopeSource","documentScopeLabels","useAgents","useBlocksEnvironment","useConnectedWorkspace","useUploadDocuments","useThumbnails","useRef","useState","useCallback","jsxs","Fragment","jsx","WorkflowDocumentsField","WorkflowLauncher"],"mappings":"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","file":"chunk-GQXPNIRE.cjs","sourcesContent":["/**\n * The workflow launcher bound to the connection: the open workspace's folders, labels and files\n * behind its scope and `documents` fields (files can be added right there), and the user's agents\n * behind \"Run as\". The host still says what a launch does (`onLaunch`): open a chat, start a task.\n */\n\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { useAgents, useThumbnails, useUploadDocuments } from '@arbidocs/react'\nimport { WorkflowLauncher, type WorkflowLauncherProps } from '../agents/workflows/WorkflowLauncher'\nimport {\n  WorkflowDocumentsField,\n  type WorkflowDocumentsFieldLabels,\n  type WorkflowFieldDocument,\n} from '../agents/workflows/WorkflowDocumentsField'\nimport type { WorkflowScopeSource } from '../agents/workflows/WorkflowConfigDialog'\nimport { buildWorkflowScopeSource, documentScopeLabels } from '../agents/workflows/workspaceScope'\nimport type { AgentOption } from '../agents/workflows/AgentSelect'\nimport type { WorkflowField, WorkflowScope } from '../agents/workflows/types'\nimport { useBlocksEnvironment } from '../provider/environment'\nimport { useConnectedWorkspace } from './ConnectionProvider'\nimport { useConnectedTags, useListedDocuments, type ConnectedDocument } from './workspaceData'\n\nconst IMAGE_FILE_TYPES = new Set(['png', 'jpg', 'jpeg', 'gif', 'bmp', 'tiff', 'webp'])\n\n/** A workspace document as a `documents` field offers it. */\nexport function toWorkflowFieldDocument(doc: ConnectedDocument): WorkflowFieldDocument {\n  // Pages and tokens are a text-parsing concept: never meaningful for an image.\n  const isImage = IMAGE_FILE_TYPES.has((doc.file_type ?? '').toLowerCase())\n  return {\n    id: doc.external_id,\n    title: doc.doc_metadata?.title || doc.file_name || doc.external_id,\n    fileName: doc.file_name,\n    pages: isImage ? null : (doc.n_pages ?? null),\n    tokens: isImage ? null : (doc.tokens ?? null),\n    status: doc.status,\n    isImage,\n  }\n}\n\n/** The open workspace's folders and labels for a workflow's scope field. */\nexport function useConnectedWorkflowScopeSource(): WorkflowScopeSource {\n  const { data: docs } = useListedDocuments()\n  const { data: tags } = useConnectedTags()\n  return useMemo(() => buildWorkflowScopeSource(docs, documentScopeLabels(tags)), [docs, tags])\n}\n\n/** The user's agents, for \"Run as\". */\nfunction useConnectedAgentOptions(): AgentOption[] {\n  const { data: agents } = useAgents()\n  return useMemo(\n    () => (agents ?? []).map((a) => ({ id: a.external_id, label: a.given_name || a.email })),\n    [agents]\n  )\n}\n\nexport interface ConnectedWorkflowDocumentsFieldProps {\n  field: WorkflowField\n  value: WorkflowScope\n  onChange: (value: WorkflowScope) => void\n  /** Add files the host's way (its upload dialog). Absent: they are uploaded here. */\n  onAddFiles?: (files?: File[]) => void\n  labels?: Partial<WorkflowDocumentsFieldLabels>\n}\n\n/**\n * A workflow `documents` field over the open workspace's files: pick, add (or drop) files, see the\n * chosen images. A launcher's or a task composer's `renderDocuments`.\n */\nexport function ConnectedWorkflowDocumentsField({\n  field,\n  value,\n  onChange,\n  onAddFiles,\n  labels,\n}: ConnectedWorkflowDocumentsFieldProps) {\n  const { notify } = useBlocksEnvironment()\n  const { ensureWorkspaceOpen } = useConnectedWorkspace()\n  const { data: docs, loaded } = useListedDocuments()\n  const uploadDocuments = useUploadDocuments()\n  const documents = useMemo(() => docs.map(toWorkflowFieldDocument), [docs])\n  const chosen = value.documents ?? []\n  const { data: thumbnails } = useThumbnails(chosen, { enabled: (field.max ?? 1) > 1 })\n  const input = useRef<HTMLInputElement>(null)\n  const [adding, setAdding] = useState(false)\n\n  const upload = useCallback(\n    async (files: File[]) => {\n      setAdding(true)\n      try {\n        await ensureWorkspaceOpen()\n        // Each new document joins the shared list as it lands.\n        for (const file of files) await uploadDocuments.mutateAsync({ files: [file] })\n      } catch (error) {\n        notify(error instanceof Error && error.message ? error.message : String(error), 'error')\n      } finally {\n        setAdding(false)\n      }\n    },\n    [uploadDocuments, ensureWorkspaceOpen, notify]\n  )\n\n  return (\n    <>\n      {!onAddFiles && (\n        <input\n          ref={input}\n          type=\"file\"\n          multiple\n          className=\"hidden\"\n          aria-label=\"Add files\"\n          data-testid=\"workflow-add-files-input\"\n          onChange={(e) => {\n            const files = Array.from(e.target.files ?? [])\n            e.target.value = ''\n            if (files.length) void upload(files)\n          }}\n        />\n      )}\n      <WorkflowDocumentsField\n        field={field}\n        value={value}\n        onChange={onChange}\n        documents={documents}\n        loaded={loaded}\n        thumbnailOf={(id) => thumbnails?.[id]}\n        onAddFiles={\n          onAddFiles ?? ((files) => (files?.length ? void upload(files) : input.current?.click()))\n        }\n        adding={adding}\n        labels={labels}\n      />\n    </>\n  )\n}\n\nexport interface ConnectedWorkflowLauncherProps extends Omit<\n  WorkflowLauncherProps,\n  'scopeSource' | 'renderDocuments' | 'agents'\n> {\n  /** Add files from a `documents` field the host's way (its upload dialog). Absent: uploaded here. */\n  onAddFiles?: (files?: File[]) => void\n}\n\nexport function ConnectedWorkflowLauncher({\n  onAddFiles,\n  ...props\n}: ConnectedWorkflowLauncherProps) {\n  const scopeSource = useConnectedWorkflowScopeSource()\n  const agents = useConnectedAgentOptions()\n  return (\n    <WorkflowLauncher\n      {...props}\n      scopeSource={scopeSource}\n      agents={agents}\n      renderDocuments={(field, value, onChange) => (\n        <ConnectedWorkflowDocumentsField\n          field={field}\n          value={value}\n          onChange={onChange}\n          onAddFiles={onAddFiles}\n        />\n      )}\n    />\n  )\n}\n"]}

package/dist/chunk-GX2EBMJW.cjs

@@ -0,0 +1,133 @@
+"use client";
+'use strict';
+
+var chunkHYUKPHCT_cjs = require('./chunk-HYUKPHCT.cjs');
+var chunkQFXILJMJ_cjs = require('./chunk-QFXILJMJ.cjs');
+var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
+var react$1 = require('react');
+var react = require('@arbidocs/react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function useSessionPanelMode(panelId, defaultMode = "docked", isOpen = true) {
+  const panelModes = react.useArbiSessionState((s) => s.shell.panels.modes);
+  const openedPoppedOut = react.useArbiSessionState((s) => s.shell.panels.popout === panelId);
+  const setPanelModeStore = react.useArbiSessionStore().setPanelMode;
+  const isSmallScreen = chunkFX3K6LNZ_cjs.useIsPhone();
+  const prevOpenRef = react$1.useRef(false);
+  const mode = isSmallScreen ? "overlay" : panelModes[panelId] || defaultMode;
+  react$1.useEffect(() => {
+    if (isOpen && !prevOpenRef.current && !(openedPoppedOut && !isSmallScreen)) {
+      setPanelModeStore(panelId, isSmallScreen ? "overlay" : defaultMode);
+    }
+    prevOpenRef.current = isOpen;
+  }, [isOpen, panelId, defaultMode, isSmallScreen, setPanelModeStore, openedPoppedOut]);
+  react$1.useEffect(() => {
+    if (isSmallScreen && isOpen && panelModes[panelId] && panelModes[panelId] !== "overlay") {
+      setPanelModeStore(panelId, "overlay");
+    }
+  }, [isSmallScreen, isOpen, panelId, panelModes, setPanelModeStore]);
+  const setPanelMode = react$1.useCallback(
+    (newMode) => {
+      if (isSmallScreen) return;
+      setPanelModeStore(panelId, newMode);
+    },
+    [panelId, isSmallScreen, setPanelModeStore]
+  );
+  return { mode, setPanelMode };
+}
+function ConnectedPanelHost({
+  panelId,
+  isOpen,
+  onClose,
+  title,
+  subtitle,
+  children,
+  defaultMode = "docked",
+  disablePopout,
+  closeTestId,
+  defaultWidth
+}) {
+  const { mode, setPanelMode } = useSessionPanelMode(panelId, defaultMode, isOpen);
+  react$1.useEffect(() => {
+    if (disablePopout && mode === "popout") {
+      setPanelMode(defaultMode);
+    }
+  }, [disablePopout, mode, defaultMode, setPanelMode]);
+  const handlePopupClosed = react$1.useCallback(() => {
+    onClose();
+  }, [onClose]);
+  const setFocusedArea = react.useArbiSessionStore().setFocusedArea;
+  const { popoutTitle } = chunkQFXILJMJ_cjs.usePanelHostSupport();
+  const focusedArea = react.useArbiSessionState((s) => s.shell.focusedArea);
+  const handlePanelFocus = react$1.useCallback(() => {
+    setFocusedArea(panelId);
+  }, [panelId, setFocusedArea]);
+  react$1.useEffect(() => {
+    if (!isOpen || mode === "popout" || focusedArea !== panelId) return;
+    const onKeyDown = (e) => {
+      if (e.key !== "Escape" || e.defaultPrevented) return;
+      const active = document.activeElement;
+      if (active?.matches('input, textarea, select, [contenteditable="true"]')) return;
+      if (document.querySelector(
+        '[role="dialog"][data-state="open"], [data-radix-popper-content-wrapper]'
+      ))
+        return;
+      onClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [isOpen, mode, focusedArea, panelId, onClose]);
+  const [isExiting, setIsExiting] = react$1.useState(false);
+  const prevOpenRef = react$1.useRef(isOpen);
+  if (prevOpenRef.current !== isOpen) {
+    prevOpenRef.current = isOpen;
+    setIsExiting(!isOpen && mode === "overlay");
+  }
+  react$1.useEffect(() => {
+    if (!isExiting) return;
+    const timeout = setTimeout(() => setIsExiting(false), 200);
+    return () => clearTimeout(timeout);
+  }, [isExiting]);
+  if (!isOpen && !isExiting) return null;
+  const modeSwitcher = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQFXILJMJ_cjs.PanelModeSwitcher,
+    {
+      mode,
+      onModeChange: setPanelMode,
+      onClose,
+      disablePopout,
+      closeTestId
+    }
+  );
+  const panelElement = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkHYUKPHCT_cjs.FloatingPanel,
+    {
+      panelId,
+      mode,
+      title,
+      subtitle,
+      modeSwitcher,
+      onPanelClick: mode === "popout" ? void 0 : handlePanelFocus,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkQFXILJMJ_cjs.PanelPortal,
+    {
+      defaultWidth,
+      panelId,
+      mode,
+      isOpen,
+      isExiting,
+      onClose,
+      onPopupClosed: handlePopupClosed,
+      popoutTitle: popoutTitle(title),
+      children: panelElement
+    }
+  );
+}
+
+exports.ConnectedPanelHost = ConnectedPanelHost;
+exports.useSessionPanelMode = useSessionPanelMode;
+//# sourceMappingURL=chunk-GX2EBMJW.cjs.map
+//# sourceMappingURL=chunk-GX2EBMJW.cjs.map

package/dist/chunk-GX2EBMJW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/panels/useSessionPanelMode.ts","../src/connection/panels/ConnectedPanelHost.tsx"],"names":["useArbiSessionState","useArbiSessionStore","useIsPhone","useRef","useEffect","useCallback","usePanelHostSupport","useState","jsx","PanelModeSwitcher","FloatingPanel","PanelPortal"],"mappings":"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","file":"chunk-GX2EBMJW.cjs","sourcesContent":["/**\n * useSessionPanelMode Hook\n *\n * Reads and writes a panel's display mode (floating/docked/popout) from the shared session.\n *\n * defaultMode is applied every time the panel opens (isOpen transitions to true),\n * so a panel with defaultMode=\"docked\" will always dock on open — even if it was\n * previously kicked to floating by another panel docking.\n *\n * Users can still switch modes manually; the switch is respected until the panel\n * closes and reopens.\n */\n\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useIsPhone } from '../../lib/use-media-query'\nimport { useArbiSessionState, useArbiSessionStore, type ArbiPanelMode } from '@arbidocs/react'\n\nexport type PanelMode = ArbiPanelMode\n\nexport function useSessionPanelMode(\n  panelId: string,\n  defaultMode: PanelMode = 'docked',\n  isOpen = true\n) {\n  const panelModes = useArbiSessionState((s) => s.shell.panels.modes)\n  // Opened straight into a window of its own (`openPanel(id, 'popout')`, e.g. a document opened to\n  // share in a call): that is where it opens, not its default place.\n  const openedPoppedOut = useArbiSessionState((s) => s.shell.panels.popout === panelId)\n  const setPanelModeStore = useArbiSessionStore().setPanelMode\n  const isSmallScreen = useIsPhone()\n  const prevOpenRef = useRef(false)\n\n  // The right-hand panel mirrors the left sidebar: parked in the layout\n  // ('docked', which pushes content) or floating over it ('overlay', a\n  // slide-out sheet + backdrop). On phones the parked split and popout windows\n  // don't fit, so coerce to 'overlay' below the breakpoint — only the *default*\n  // changes with screen size. Driving the *stored* mode keeps every consumer\n  // consistent (slot placement + the FloatingPanel renderer all agree).\n  const mode: PanelMode = isSmallScreen ? 'overlay' : panelModes[panelId] || defaultMode\n\n  // Reset to the effective default when the panel opens (small screen always\n  // 'overlay'), so sidebar buttons reliably bring panels back to their mode.\n  useEffect(() => {\n    if (isOpen && !prevOpenRef.current && !(openedPoppedOut && !isSmallScreen)) {\n      setPanelModeStore(panelId, isSmallScreen ? 'overlay' : defaultMode)\n    }\n    prevOpenRef.current = isOpen\n  }, [isOpen, panelId, defaultMode, isSmallScreen, setPanelModeStore, openedPoppedOut])\n\n  // If the viewport shrinks past the breakpoint while a panel is open and still\n  // parked/popout, snap it to 'overlay' so the split layout never clips.\n  useEffect(() => {\n    if (isSmallScreen && isOpen && panelModes[panelId] && panelModes[panelId] !== 'overlay') {\n      setPanelModeStore(panelId, 'overlay')\n    }\n  }, [isSmallScreen, isOpen, panelId, panelModes, setPanelModeStore])\n\n  const setPanelMode = useCallback(\n    (newMode: PanelMode) => {\n      // Mode switching is a desktop affordance; on phones everything is 'main'.\n      if (isSmallScreen) return\n      setPanelModeStore(panelId, newMode)\n    },\n    [panelId, isSmallScreen, setPanelModeStore]\n  )\n\n  return { mode, setPanelMode }\n}\n","/**\n * ConnectedPanelHost Component\n *\n * Panel that supports four display modes via PanelPortal: docked, main, overlay, and popout.\n *\n * Binds panel placement (mode persistence, focus, Escape, slide-out animation, portals) to the\n * presentational `FloatingPanel` block in `@arbidocs/blocks`, which owns the header and body. For components that manage their own header (e.g., DocumentViewer), pass children as a\n * render function to receive the modeSwitcher element.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { FloatingPanel as FloatingPanelView } from '../../settings/FloatingPanel'\nimport { PanelPortal } from '../../shell/PanelPortal'\nimport { PanelModeSwitcher } from '../../shell/PanelModeSwitcher'\nimport { useSessionPanelMode } from './useSessionPanelMode'\nimport type { PanelMode } from './useSessionPanelMode'\nimport { useArbiSessionState, useArbiSessionStore } from '@arbidocs/react'\nimport { usePanelHostSupport } from '../../shell/panel-host'\n\nexport interface ConnectedPanelHostProps {\n  /** Unique ID for persisting panel mode */\n  panelId: string\n  /** Whether the panel is open */\n  isOpen: boolean\n  /** Callback when panel is closed */\n  onClose: () => void\n  /** Panel title */\n  title: string\n  /** Subtitle shown below title */\n  subtitle?: string\n  /** Panel content — can be a render function receiving the modeSwitcher element */\n  children: React.ReactNode | ((controls: { modeSwitcher: React.ReactNode }) => React.ReactNode)\n  /** Default display mode */\n  defaultMode?: PanelMode\n  /** When true, hides the popout button and resets any persisted popout mode */\n  disablePopout?: boolean\n  /**\n   * Override the close-button data-testid. Defaults to `dialog-close-button`\n   * for backwards compatibility. Use a panel-specific value when multiple\n   * floating panels can be open at once and tests need to disambiguate.\n   */\n  closeTestId?: string\n  /** Initial overlay width in px (overlay mode only). */\n  defaultWidth?: number\n}\n\nexport function ConnectedPanelHost({\n  panelId,\n  isOpen,\n  onClose,\n  title,\n  subtitle,\n  children,\n  defaultMode = 'docked',\n  disablePopout,\n  closeTestId,\n  defaultWidth,\n}: ConnectedPanelHostProps) {\n  const { mode, setPanelMode } = useSessionPanelMode(panelId, defaultMode, isOpen)\n\n  // If popout is disabled but stored mode is 'popout', reset it immediately\n  useEffect(() => {\n    if (disablePopout && mode === 'popout') {\n      setPanelMode(defaultMode)\n    }\n  }, [disablePopout, mode, defaultMode, setPanelMode])\n\n  const handlePopupClosed = useCallback(() => {\n    onClose()\n  }, [onClose])\n\n  const setFocusedArea = useArbiSessionStore().setFocusedArea\n  const { popoutTitle } = usePanelHostSupport()\n  const focusedArea = useArbiSessionState((s) => s.shell.focusedArea)\n  const handlePanelFocus = useCallback(() => {\n    setFocusedArea(panelId)\n  }, [panelId, setFocusedArea])\n\n  // Escape closes the panel you're working in. Only the focused panel responds,\n  // so stacked panels don't all collapse at once. We defer to text entry and to\n  // any open dialog/popover/menu so Escape there keeps its usual meaning. Popout\n  // panels live in their own window and close with it, so they opt out here.\n  useEffect(() => {\n    if (!isOpen || mode === 'popout' || focusedArea !== panelId) return\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape' || e.defaultPrevented) return\n      const active = document.activeElement\n      if (active?.matches('input, textarea, select, [contenteditable=\"true\"]')) return\n      if (\n        document.querySelector(\n          '[role=\"dialog\"][data-state=\"open\"], [data-radix-popper-content-wrapper]'\n        )\n      )\n        return\n      onClose()\n    }\n    window.addEventListener('keydown', onKeyDown)\n    return () => window.removeEventListener('keydown', onKeyDown)\n  }, [isOpen, mode, focusedArea, panelId, onClose])\n\n  // Slide-out animation for overlay mode: keep the sheet mounted for one\n  // animation cycle after isOpen flips false so it can animate out (mirroring\n  // the left sidebar) instead of vanishing. Docked/main/popout unmount at once.\n  //\n  // The open→closed flip is detected during render (render-phase derived\n  // state), NOT in an effect: an effect only runs after the closed render has\n  // committed, which unmounts the sheet and its full-screen backdrop for a\n  // frame and then remounts them to animate out — a visible screen flicker.\n  // Flipping the flag mid-render keeps the sheet continuously mounted from\n  // the open state straight into the exit animation.\n  const [isExiting, setIsExiting] = useState(false)\n  const prevOpenRef = useRef(isOpen)\n  if (prevOpenRef.current !== isOpen) {\n    prevOpenRef.current = isOpen\n    setIsExiting(!isOpen && mode === 'overlay')\n  }\n  useEffect(() => {\n    if (!isExiting) return\n    const timeout = setTimeout(() => setIsExiting(false), 200)\n    return () => clearTimeout(timeout)\n  }, [isExiting])\n\n  if (!isOpen && !isExiting) return null\n\n  // Mode switcher element — shared across all modes, can be injected into children\n  const modeSwitcher = (\n    <PanelModeSwitcher\n      mode={mode}\n      onModeChange={setPanelMode}\n      onClose={onClose}\n      disablePopout={disablePopout}\n      closeTestId={closeTestId}\n    />\n  )\n\n  const panelElement = (\n    <FloatingPanelView\n      panelId={panelId}\n      mode={mode}\n      title={title}\n      subtitle={subtitle}\n      modeSwitcher={modeSwitcher}\n      onPanelClick={mode === 'popout' ? undefined : handlePanelFocus}\n    >\n      {children}\n    </FloatingPanelView>\n  )\n\n  // All placements (docked / overlay / main / popout) render through PanelPortal\n  // so it stays mounted across mode switches — switching to popout from any mode\n  // then reuses the one popup-window lifecycle instead of mounting a fresh portal.\n  return (\n    <PanelPortal\n      defaultWidth={defaultWidth}\n      panelId={panelId}\n      mode={mode}\n      isOpen={isOpen}\n      isExiting={isExiting}\n      onClose={onClose}\n      onPopupClosed={handlePopupClosed}\n      popoutTitle={popoutTitle(title)}\n    >\n      {panelElement}\n    </PanelPortal>\n  )\n}\n"]}

package/dist/{chunk-7OPOPYV6.cjs → chunk-H5OLHP2U.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
 var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
+var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
 var chunkJDFBEGQO_cjs = require('./chunk-JDFBEGQO.cjs');
 var react = require('react');
 var ui = require('@arbidocs/react/ui');
@@ -3051,5 +3051,5 @@ exports.useMirrorSelfView = useMirrorSelfView;
 exports.useRingtone = useRingtone;
 exports.useRingtoneMuted = useRingtoneMuted;
 exports.useShortcutKeys = useShortcutKeys;
-//# sourceMappingURL=chunk-7OPOPYV6.cjs.map
-//# sourceMappingURL=chunk-7OPOPYV6.cjs.map
+//# sourceMappingURL=chunk-H5OLHP2U.cjs.map
+//# sourceMappingURL=chunk-H5OLHP2U.cjs.map