@arbidocs/blocks 0.5.119 → 0.5.121

package/dist/chunk-QFXILJMJ.cjs

@@ -0,0 +1,458 @@
+"use client";
+'use strict';
+
+var chunkXJEXFEWG_cjs = require('./chunk-XJEXFEWG.cjs');
+var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
+var chunk3YZKDCWY_cjs = require('./chunk-3YZKDCWY.cjs');
+var ui = require('@arbidocs/react/ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactDom = require('react-dom');
+
+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__ */ jsxRuntime.jsx(
+    ui.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__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.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 = chunkFX3K6LNZ_cjs.useIsPhone();
+  const isTabletAndBelow = chunkFX3K6LNZ_cjs.useMediaQuery(TABLET_AND_BELOW_QUERY);
+  const closeButton = onClose && /* @__PURE__ */ jsxRuntime.jsx(
+    SwitcherButton,
+    {
+      label: "Close (Esc)",
+      onClick: (event) => {
+        event.stopPropagation();
+        onClose();
+      },
+      testId: closeTestId,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3.5 h-3.5" })
+    }
+  );
+  if (isSmallScreen) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: closeButton });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+    !disablePopout && !isTabletAndBelow && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && mode !== "docked" && /* @__PURE__ */ jsxRuntime.jsx(
+      SwitcherButton,
+      {
+        label: "Split screen",
+        onClick: () => onModeChange("docked"),
+        testId: "dock-panel-button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRight, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && mode !== "overlay" && !isTabletAndBelow && /* @__PURE__ */ jsxRuntime.jsx(
+      SwitcherButton,
+      {
+        label: "Float as overlay",
+        onClick: () => onModeChange("overlay"),
+        testId: "overlay-panel-button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PictureInPicture2, { className: "w-3.5 h-3.5" })
+      }
+    ),
+    !isPopout && closeButton
+  ] });
+}
+
+// src/shell/panel-windows.ts
+var PanelWindowManager = class {
+  constructor(defaultTitle = "Panel") {
+    this.defaultTitle = defaultTitle;
+  }
+  defaultTitle;
+  windows = /* @__PURE__ */ new Map();
+  /** Counts the windows opened, for their browser names. */
+  opened = 0;
+  createPopupWindow(panelId, onClose, title) {
+    const windowId = `panel-window-${panelId}`;
+    if (this.windows.has(windowId)) {
+      const existing = this.windows.get(windowId);
+      if (existing && !existing.window.closed) {
+        existing.window.focus();
+        return windowId;
+      } else {
+        this.windows.delete(windowId);
+      }
+    }
+    const currentWidth = window.outerWidth;
+    const currentHeight = window.outerHeight;
+    const currentLeft = window.screenX ?? window.screenLeft ?? 0;
+    const currentTop = window.screenY ?? window.screenTop ?? 0;
+    const halfWidth = Math.floor(currentWidth / 2);
+    const popupWidth = halfWidth;
+    const popupHeight = currentHeight;
+    const left = currentLeft + halfWidth;
+    const top = currentTop;
+    const popup = window.open(
+      "",
+      // A browser window name of its own: one closed a moment ago (a panel remounted, as React's
+      // StrictMode does) may still be closing, and reusing its name would hand back that window.
+      `${windowId}-${++this.opened}`,
+      `width=${popupWidth},height=${popupHeight},left=${left},top=${top},scrollbars=yes,resizable=yes,menubar=no,toolbar=no,location=no,status=no`
+    );
+    if (!popup) {
+      console.error("Failed to create popup window - popup blocked?");
+      return null;
+    }
+    const mainDocument = document;
+    const stylesheets = Array.from(
+      mainDocument.head.querySelectorAll('link[rel="stylesheet"], style')
+    ).map((el) => el.outerHTML).join("\n");
+    popup.document.write(`
+      <!DOCTYPE html>
+      <html lang="en">
+        <head>
+          <meta charset="UTF-8">
+          <meta name="viewport" content="width=device-width, initial-scale=1.0">
+          <title></title>
+          <!-- about:blank has no base, so copied @font-face / asset URLs (e.g.
+               /assets/font.woff2) would resolve against nothing and render as
+               tofu squares. Anchor relative URLs to the app origin. -->
+          <base href="${window.location.origin}/">
+          ${stylesheets}
+          <style>
+            body {
+              margin: 0;
+              padding: 0;
+              font-family: system-ui, -apple-system, sans-serif;
+            }
+            #panel-root {
+              width: 100%;
+              height: 100vh;
+              overflow: hidden;
+            }
+            * {
+              box-sizing: border-box;
+            }
+          </style>
+        </head>
+        <body>
+          <div id="panel-root"></div>
+        </body>
+      </html>
+    `);
+    popup.document.close();
+    popup.document.title = title || this.defaultTitle;
+    try {
+      mainDocument.fonts.forEach((font) => {
+        try {
+          popup.document.fonts.add(font);
+        } catch {
+        }
+      });
+    } catch {
+    }
+    const rootElement = popup.document.getElementById("panel-root");
+    const popupWindow = {
+      id: windowId,
+      window: popup,
+      panelId,
+      rootElement,
+      onClose
+    };
+    this.windows.set(windowId, popupWindow);
+    const closeCheckInterval = setInterval(() => {
+      if (popup.closed) {
+        clearInterval(closeCheckInterval);
+        const entry = this.windows.get(windowId);
+        if (entry?.window !== popup) return;
+        this.windows.delete(windowId);
+        entry.onClose?.();
+      }
+    }, 200);
+    return windowId;
+  }
+  getWindow(windowId) {
+    const popup = this.windows.get(windowId);
+    return popup && !popup.window.closed ? popup.window : null;
+  }
+  getRootElement(windowId) {
+    const popup = this.windows.get(windowId);
+    return popup && !popup.window.closed ? popup.rootElement : null;
+  }
+  /** Focus the popup window for a given panel ID. Returns true if focused. */
+  focusPanelWindow(panelId) {
+    const windowId = `panel-window-panel-${panelId}`;
+    const popup = this.windows.get(windowId);
+    if (popup && !popup.window.closed) {
+      popup.window.focus();
+      return true;
+    }
+    return false;
+  }
+  /** Remove the onClose callback so it won't fire when the window is closed programmatically. */
+  clearOnClose(windowId) {
+    const popup = this.windows.get(windowId);
+    if (popup) {
+      popup.onClose = void 0;
+    }
+  }
+  closeWindow(windowId) {
+    const popup = this.windows.get(windowId);
+    if (popup && !popup.window.closed) {
+      popup.window.close();
+    }
+    this.windows.delete(windowId);
+  }
+  closeAllWindows() {
+    for (const [, popup] of this.windows) {
+      if (!popup.window.closed) {
+        popup.window.close();
+      }
+    }
+    this.windows.clear();
+  }
+};
+function createPanelWindowManager(options = {}) {
+  return new PanelWindowManager(options.defaultTitle);
+}
+
+// src/shell/panel-host.ts
+var defaultWindows = createPanelWindowManager();
+var titleOnly = (title) => title;
+function usePanelHostSupport() {
+  const { panels } = chunk3YZKDCWY_cjs.useHost();
+  return {
+    windows: panels?.windows ?? defaultWindows,
+    popoutTitle: panels?.popoutTitle ?? titleOnly
+  };
+}
+var OVERLAY_DEFAULT_PX = 544;
+var OVERLAY_MIN_PX = 360;
+function OverlaySheet({
+  panelId,
+  isExiting,
+  onClose,
+  defaultWidth,
+  scoped,
+  children
+}) {
+  const [width, setWidth] = react.useState(defaultWidth ?? OVERLAY_DEFAULT_PX);
+  const [isResizing, setIsResizing] = react.useState(false);
+  const [dragWidth, setDragWidth] = react.useState(null);
+  const dragWidthRef = react.useRef(null);
+  const [hasEntered, setHasEntered] = react.useState(false);
+  const handleResizeStart = react.useCallback((e) => {
+    e.preventDefault();
+    setHasEntered(true);
+    setIsResizing(true);
+    setDragWidth(null);
+    dragWidthRef.current = null;
+  }, []);
+  react.useEffect(() => {
+    if (!isResizing) return;
+    const handleMouseMove = (e) => {
+      const max = window.innerWidth * 0.92;
+      const next = Math.min(Math.max(window.innerWidth - e.clientX, OVERLAY_MIN_PX), max);
+      dragWidthRef.current = next;
+      setDragWidth(next);
+    };
+    const handleMouseUp = () => {
+      if (dragWidthRef.current !== null) setWidth(dragWidthRef.current);
+      setIsResizing(false);
+      setDragWidth(null);
+      dragWidthRef.current = null;
+    };
+    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]);
+  return (
+    // Scoped: absolute within the layout's overlay zone (below the topbar).
+    // Unscoped fallback: fixed over the whole viewport, as before.
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: scoped ? "absolute inset-0 z-40" : "fixed inset-0 z-50",
+        "data-testid": `${panelId}-overlay`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `absolute inset-0 bg-black/40 dark:bg-black/20 duration-200 ${// fill-mode-forwards holds the exit end-state — without it the
+              // element snaps back fully visible for the frames between the
+              // animation finishing and React unmounting it (a flicker).
+              isExiting ? "animate-out fade-out fill-mode-forwards" : "animate-in fade-in"}`,
+              onClick: onClose,
+              "aria-hidden": "true",
+              "data-testid": `${panelId}-overlay-backdrop`
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: { width },
+              onAnimationEnd: () => !isExiting && setHasEntered(true),
+              className: `absolute right-0 top-0 bottom-0 flex max-w-[92vw] flex-col border-l max-sm:!w-full max-sm:!max-w-full max-sm:border-l-0 border-border bg-muted shadow-2xl duration-200 ${isExiting ? "animate-out slide-out-to-right fill-mode-forwards" : (
+                // Suppress the slide transform once entered so it doesn't replay.
+                hasEntered ? "" : "animate-in slide-in-from-right"
+              )}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "absolute left-0 top-0 bottom-0 z-10 w-1.5 -translate-x-1/2 cursor-col-resize hover:bg-primary/40",
+                    onMouseDown: handleResizeStart,
+                    "data-testid": `${panelId}-overlay-resize-handle`
+                  }
+                ),
+                children
+              ]
+            }
+          ),
+          isResizing && dragWidth !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute top-0 bottom-0 z-[60] w-0.5 bg-primary pointer-events-none",
+              style: { right: dragWidth }
+            }
+          ),
+          isResizing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-[55] cursor-col-resize" })
+        ]
+      }
+    )
+  );
+}
+function PanelPortal({
+  panelId,
+  mode,
+  isOpen,
+  isExiting,
+  onPopupClosed,
+  onClose,
+  popoutTitle,
+  defaultWidth,
+  children
+}) {
+  const { windows: windowManager } = usePanelHostSupport();
+  const [popupRoot, setPopupRoot] = react.useState(null);
+  const popupWindowIdRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!isOpen || mode !== "popout") {
+      if (popupWindowIdRef.current) {
+        windowManager.clearOnClose(popupWindowIdRef.current);
+        windowManager.closeWindow(popupWindowIdRef.current);
+        popupWindowIdRef.current = null;
+        setPopupRoot(null);
+      }
+      return;
+    }
+    if (popupWindowIdRef.current) return;
+    const windowId = windowManager.createPopupWindow(
+      `panel-${panelId}`,
+      () => {
+        popupWindowIdRef.current = null;
+        setPopupRoot(null);
+        onPopupClosed?.();
+      },
+      popoutTitle || panelId
+    );
+    if (windowId) {
+      const rootElement = windowManager.getRootElement(windowId);
+      if (rootElement) {
+        popupWindowIdRef.current = windowId;
+        setPopupRoot(rootElement);
+        windowManager.getWindow(windowId)?.focus();
+      }
+    }
+  }, [isOpen, mode, panelId, popoutTitle, onPopupClosed, windowManager]);
+  react.useEffect(() => {
+    return () => {
+      if (popupWindowIdRef.current) {
+        windowManager.closeWindow(popupWindowIdRef.current);
+        popupWindowIdRef.current = null;
+      }
+    };
+  }, [windowManager]);
+  if (!isOpen && !isExiting) return null;
+  if (mode === "popout" && popupRoot) {
+    return reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(ui.PortalContainerProvider, { container: popupRoot, children }),
+      popupRoot
+    );
+  }
+  if (mode === "overlay") {
+    const overlayZone = document.getElementById(chunkXJEXFEWG_cjs.DEFAULT_OVERLAY_ZONE_ID);
+    return reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        OverlaySheet,
+        {
+          panelId,
+          isExiting,
+          onClose,
+          defaultWidth,
+          scoped: overlayZone !== null,
+          children
+        }
+      ),
+      overlayZone ?? document.body
+    );
+  }
+  if (mode === "main") {
+    const mainZone = document.getElementById("main-zone");
+    if (mainZone) {
+      return reactDom.createPortal(children, mainZone);
+    }
+  }
+  const dockZone = document.getElementById("dock-zone");
+  if (dockZone) {
+    return reactDom.createPortal(children, dockZone);
+  }
+  return null;
+}
+
+exports.PanelModeSwitcher = PanelModeSwitcher;
+exports.PanelPortal = PanelPortal;
+exports.createPanelWindowManager = createPanelWindowManager;
+exports.usePanelHostSupport = usePanelHostSupport;
+//# sourceMappingURL=chunk-QFXILJMJ.cjs.map
+//# sourceMappingURL=chunk-QFXILJMJ.cjs.map

package/dist/chunk-QFXILJMJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/PanelModeSwitcher.tsx","../src/shell/panel-windows.ts","../src/shell/panel-host.ts","../src/shell/PanelPortal.tsx"],"names":["jsx","Button","Tooltip","TooltipTrigger","TooltipContent","useIsPhone","useMediaQuery","X","jsxs","ExternalLink","PanelRight","PictureInPicture2","useHost","useState","useRef","useCallback","useEffect","createPortal","PortalContainerProvider","DEFAULT_OVERLAY_ZONE_ID"],"mappings":"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","file":"chunk-QFXILJMJ.cjs","sourcesContent":["/**\n * PanelModeSwitcher Component\n *\n * User-selectable placements are: popped out, docked, or overlay. `main` is\n * NOT user-selectable — the system decides which surfaces render full-width\n * (e.g. the DM modal); the user just moves floating panels between popout /\n * docked / overlay. The switcher shows a button for each placement you're not\n * currently in (plus close):\n * - Popout/pop-in toggle (unless disablePopout).\n * - Split-screen button (when not docked).\n * - Float-as-overlay button (when not overlay).\n * - Popout mode shows just the pop-in toggle (the window has its own close).\n */\n\nimport { Button, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\nimport { ExternalLink, PanelRight, PictureInPicture2, X } from 'lucide-react'\nimport type { MouseEvent, ReactNode } from 'react'\nimport type { ArbiPanelMode as PanelMode } from '@arbidocs/react'\nimport { useIsPhone, useMediaQuery } from '../lib/use-media-query'\n\nconst btnClass = 'h-7 w-7 p-0 text-muted-foreground hover:text-foreground'\n\ninterface SwitcherButtonProps {\n  label: string\n  /** True when rendered inside a popout window (see note below). */\n  inPopout?: boolean\n  onClick: (event: MouseEvent) => void\n  testId: string\n  children: ReactNode\n}\n\n// Icon-only buttons get a visible tooltip with their label, so the icon's meaning\n// is readable on hover and on keyboard focus. Radix tooltips portal into the main\n// window, which would misplace them inside a popout window, so there we fall back\n// to a native title.\nfunction SwitcherButton({\n  label,\n  inPopout = false,\n  onClick,\n  testId,\n  children,\n}: SwitcherButtonProps) {\n  const button = (\n    <Button\n      variant=\"ghost\"\n      size=\"sm\"\n      className={btnClass}\n      aria-label={label}\n      title={inPopout ? label : undefined}\n      onClick={onClick}\n      data-testid={testId}\n    >\n      {children}\n    </Button>\n  )\n  if (inPopout) return button\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\n\n// \"Open in new window\" (popout) and \"Float as overlay\" are desktop-only\n// window-management concepts — a tablet has no multi-window/overlay chrome to\n// pop into. 1024px mirrors the common tablet/small-laptop cutoff (Tailwind's\n// `lg`), the usual convention for viewport-driven chrome (as opposed to\n// DocumentViewer's container-width ResizeObserver, which fits ITS OWN toolbar buttons reflowing inside a panel\n// that can be split narrow on a wide desktop — PanelModeSwitcher instead needs\n// to know the actual device class, since popping into \"a new window\" or\n// \"floating overlay\" is meaningless on a touch tablet regardless of how the\n// panel happens to be sized in that moment). Deliberately separate from\n// `useIsPhone` (640px, phones only): this only needs to hide these two\n// buttons, not collapse the whole switcher, at tablet widths.\nconst TABLET_AND_BELOW_QUERY = '(max-width: 1024px)'\n\ninterface PanelModeSwitcherProps {\n  mode: PanelMode\n  onModeChange: (mode: PanelMode) => void\n  onClose?: () => void\n  /** When true, hides the popout button (e.g. for panels whose content breaks in a popup window) */\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 (e.g.\n   * `close-viewer-button`) when there are multiple PanelModeSwitchers in the\n   * DOM at once and tests need to disambiguate.\n   */\n  closeTestId?: string\n}\n\nexport function PanelModeSwitcher({\n  mode,\n  onModeChange,\n  onClose,\n  disablePopout,\n  closeTestId = 'dialog-close-button',\n}: PanelModeSwitcherProps) {\n  const isPopout = mode === 'popout'\n  const isSmallScreen = useIsPhone()\n  const isTabletAndBelow = useMediaQuery(TABLET_AND_BELOW_QUERY)\n\n  // Closing is not a click into the panel: the panel's own click handler would focus the panel\n  // that just closed, and the page's nav would lose its active row.\n  const closeButton = onClose && (\n    <SwitcherButton\n      label=\"Close (Esc)\"\n      onClick={(event) => {\n        event.stopPropagation()\n        onClose()\n      }}\n      testId={closeTestId}\n    >\n      <X className=\"w-3.5 h-3.5\" />\n    </SwitcherButton>\n  )\n\n  // Phones: every panel is an overlay and mode-switching is disabled, so only\n  // the close ✕ is meaningful.\n  if (isSmallScreen) {\n    return <div className=\"flex items-center gap-0.5 flex-shrink-0\">{closeButton}</div>\n  }\n\n  return (\n    <div className=\"flex items-center gap-0.5 flex-shrink-0\">\n      {/* Popout / pop-in toggle — hidden when disablePopout is set, or on\n          tablet-and-below where \"a new window\" isn't a real concept. */}\n      {!disablePopout && !isTabletAndBelow && (\n        <SwitcherButton\n          label={isPopout ? 'Pop back in' : 'Open in new window'}\n          inPopout={isPopout}\n          onClick={() => onModeChange(isPopout ? 'docked' : 'popout')}\n          testId={isPopout ? 'pop-into-main-window-button' : 'open-in-new-window-button'}\n        >\n          <ExternalLink className=\"w-3.5 h-3.5\" />\n        </SwitcherButton>\n      )}\n\n      {/* Split-screen (docked to the side) — shown when not already in it */}\n      {!isPopout && mode !== 'docked' && (\n        <SwitcherButton\n          label=\"Split screen\"\n          onClick={() => onModeChange('docked')}\n          testId=\"dock-panel-button\"\n        >\n          <PanelRight className=\"w-3.5 h-3.5\" />\n        </SwitcherButton>\n      )}\n\n      {/* Float as an overlay sheet — shown when not already an overlay, and\n          not on tablet-and-below (no floating-window chrome to speak of). */}\n      {!isPopout && mode !== 'overlay' && !isTabletAndBelow && (\n        <SwitcherButton\n          label=\"Float as overlay\"\n          onClick={() => onModeChange('overlay')}\n          testId=\"overlay-panel-button\"\n        >\n          <PictureInPicture2 className=\"w-3.5 h-3.5\" />\n        </SwitcherButton>\n      )}\n\n      {/* All non-popout modes: ✕ to close */}\n      {!isPopout && closeButton}\n    </div>\n  )\n}\n","/**\n * Window Manager for Pop-out Panels\n *\n * Handles creating, managing, and communicating with popup windows\n */\n\ninterface PopupWindow {\n  id: string\n  window: Window\n  panelId: string\n  rootElement: HTMLElement | null\n  onClose?: () => void\n}\n\n/** Window lifecycle port; hosts may share or replace the browser implementation. */\nexport interface PanelWindows {\n  createPopupWindow(panelId: string, onClose?: () => void, title?: string): string | null\n  getWindow(windowId: string): Window | null\n  getRootElement(windowId: string): HTMLElement | null\n  focusPanelWindow(panelId: string): boolean\n  clearOnClose(windowId: string): void\n  closeWindow(windowId: string): void\n  closeAllWindows(): void\n}\n\nclass PanelWindowManager implements PanelWindows {\n  constructor(private readonly defaultTitle = 'Panel') {}\n  private windows = new Map<string, PopupWindow>()\n  /** Counts the windows opened, for their browser names. */\n  private opened = 0\n\n  createPopupWindow(panelId: string, onClose?: () => void, title?: string): string | null {\n    const windowId = `panel-window-${panelId}`\n\n    // Check if window already exists\n    if (this.windows.has(windowId)) {\n      const existing = this.windows.get(windowId)\n      if (existing && !existing.window.closed) {\n        existing.window.focus()\n        return windowId\n      } else {\n        // Clean up closed window\n        this.windows.delete(windowId)\n      }\n    }\n\n    // Position popup in the right half of the screen\n    const currentWidth = window.outerWidth\n    const currentHeight = window.outerHeight\n    const currentLeft = window.screenX ?? window.screenLeft ?? 0\n    const currentTop = window.screenY ?? window.screenTop ?? 0\n\n    // Calculate popup position (right half)\n    const halfWidth = Math.floor(currentWidth / 2)\n    const popupWidth = halfWidth\n    const popupHeight = currentHeight\n    const left = currentLeft + halfWidth\n    const top = currentTop\n\n    const popup = window.open(\n      '',\n      // A browser window name of its own: one closed a moment ago (a panel remounted, as React's\n      // StrictMode does) may still be closing, and reusing its name would hand back that window.\n      `${windowId}-${++this.opened}`,\n      `width=${popupWidth},height=${popupHeight},left=${left},top=${top},scrollbars=yes,resizable=yes,menubar=no,toolbar=no,location=no,status=no`\n    )\n\n    if (!popup) {\n      console.error('Failed to create popup window - popup blocked?')\n      return null\n    }\n\n    // Set up the popup window HTML with proper CSS links\n    const mainDocument = document\n    const stylesheets = Array.from(\n      mainDocument.head.querySelectorAll('link[rel=\"stylesheet\"], style')\n    )\n      .map((el) => el.outerHTML)\n      .join('\\n')\n\n    popup.document.write(`\n      <!DOCTYPE html>\n      <html lang=\"en\">\n        <head>\n          <meta charset=\"UTF-8\">\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n          <title></title>\n          <!-- about:blank has no base, so copied @font-face / asset URLs (e.g.\n               /assets/font.woff2) would resolve against nothing and render as\n               tofu squares. Anchor relative URLs to the app origin. -->\n          <base href=\"${window.location.origin}/\">\n          ${stylesheets}\n          <style>\n            body {\n              margin: 0;\n              padding: 0;\n              font-family: system-ui, -apple-system, sans-serif;\n            }\n            #panel-root {\n              width: 100%;\n              height: 100vh;\n              overflow: hidden;\n            }\n            * {\n              box-sizing: border-box;\n            }\n          </style>\n        </head>\n        <body>\n          <div id=\"panel-root\"></div>\n        </body>\n      </html>\n    `)\n    popup.document.close()\n    // A host title is text, even when it contains HTML delimiters.\n    popup.document.title = title || this.defaultTitle\n\n    // Belt-and-suspenders: re-register the parent's already-loaded web fonts in\n    // the popup's FontFaceSet, so glyphs render even if a copied @font-face\n    // doesn't re-fetch. Best-effort — engines that reject a cross-document add\n    // just fall back to the <base>-anchored @font-face rules above.\n    try {\n      mainDocument.fonts.forEach((font) => {\n        try {\n          popup.document.fonts.add(font)\n        } catch {\n          /* ignore per-font failures */\n        }\n      })\n    } catch {\n      /* FontFaceSet unavailable — ignore */\n    }\n\n    // Get root element after DOM is ready\n    const rootElement = popup.document.getElementById('panel-root')\n\n    // Store window reference\n    const popupWindow: PopupWindow = {\n      id: windowId,\n      window: popup,\n      panelId,\n      rootElement,\n      onClose,\n    }\n    this.windows.set(windowId, popupWindow)\n\n    // Handle window close — read onClose from the map entry so clearOnClose() works\n    const closeCheckInterval = setInterval(() => {\n      if (popup.closed) {\n        clearInterval(closeCheckInterval)\n        const entry = this.windows.get(windowId)\n        // The panel may have a newer window by now (closed and reopened): leave that one be.\n        if (entry?.window !== popup) return\n        this.windows.delete(windowId)\n        entry.onClose?.()\n      }\n    }, 200)\n\n    return windowId\n  }\n\n  getWindow(windowId: string): Window | null {\n    const popup = this.windows.get(windowId)\n    return popup && !popup.window.closed ? popup.window : null\n  }\n\n  getRootElement(windowId: string): HTMLElement | null {\n    const popup = this.windows.get(windowId)\n    return popup && !popup.window.closed ? popup.rootElement : null\n  }\n\n  /** Focus the popup window for a given panel ID. Returns true if focused. */\n  focusPanelWindow(panelId: string): boolean {\n    const windowId = `panel-window-panel-${panelId}`\n    const popup = this.windows.get(windowId)\n    if (popup && !popup.window.closed) {\n      popup.window.focus()\n      return true\n    }\n    return false\n  }\n\n  /** Remove the onClose callback so it won't fire when the window is closed programmatically. */\n  clearOnClose(windowId: string): void {\n    const popup = this.windows.get(windowId)\n    if (popup) {\n      popup.onClose = undefined\n    }\n  }\n\n  closeWindow(windowId: string): void {\n    const popup = this.windows.get(windowId)\n    if (popup && !popup.window.closed) {\n      popup.window.close()\n    }\n    this.windows.delete(windowId)\n  }\n\n  closeAllWindows(): void {\n    for (const [, popup] of this.windows) {\n      if (!popup.window.closed) {\n        popup.window.close()\n      }\n    }\n    this.windows.clear()\n  }\n}\n\n/** A window registry shared by the host's panel controls and portal layer. */\nexport function createPanelWindowManager(options: { defaultTitle?: string } = {}) {\n  return new PanelWindowManager(options.defaultTitle)\n}\n","import { useHost } from '../provider/host'\nimport { createPanelWindowManager, type PanelWindows } from './panel-windows'\n\n/** Browser windows and site-specific titles shared by a host's panel controls. */\nexport interface PanelHostSupport {\n  windows?: PanelWindows\n  popoutTitle?: (title: string) => string\n}\n\nconst defaultWindows = createPanelWindowManager()\nconst titleOnly = (title: string) => title\n\n/** Panel support from the existing ArbiHost; standalone panels share the browser defaults. */\nexport function usePanelHostSupport(): Required<PanelHostSupport> {\n  const { panels } = useHost()\n  return {\n    windows: panels?.windows ?? defaultWindows,\n    popoutTitle: panels?.popoutTitle ?? titleOnly,\n  }\n}\n","/**\n * PanelPortal Component\n *\n * Thin portal layer that renders children into the right target based on panel mode:\n * - docked: portal to #dock-zone element\n * - overlay: portal to <body> as a slide-out sheet over a backdrop\n * - popout: portal to a separate browser window\n * - main: portal to #main-zone element\n *\n * Manages popup window lifecycle for popout mode.\n * Content-agnostic — just handles where things render.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { DEFAULT_OVERLAY_ZONE_ID } from './Shell'\nimport { usePanelHostSupport } from './panel-host'\nimport { PortalContainerProvider } from '@arbidocs/react/ui'\nimport type { FloatingPanelMode as PanelMode } from '../settings/FloatingPanel'\n\n// Overlay sheet sizing — defaults match the docked width (DEFAULT_DOCK_PX) so a\n// panel is the same size whether pinned or floating, and stays draggable here.\nconst OVERLAY_DEFAULT_PX = 544\nconst OVERLAY_MIN_PX = 360\n\nexport interface PanelPortalProps {\n  panelId: string\n  mode: PanelMode\n  isOpen: boolean\n  /** True while the overlay is animating out before unmounting. */\n  isExiting?: boolean\n  /** Called when popup window is closed externally (user closes the window) */\n  onPopupClosed?: () => void\n  /** Dismisses the panel — used by the overlay backdrop. */\n  onClose?: () => void\n  /** Window title for popout mode */\n  popoutTitle?: string\n  /** Initial overlay width in px (defaults to OVERLAY_DEFAULT_PX). */\n  defaultWidth?: number\n  children: React.ReactNode\n}\n\n/**\n * Overlay sheet — a slide-out panel over the still-visible page, resizable by\n * dragging its left edge. Slides in on mount and out (via isExiting) before\n * unmounting, mirroring the left sidebar's animation.\n */\nfunction OverlaySheet({\n  panelId,\n  isExiting,\n  onClose,\n  defaultWidth,\n  scoped,\n  children,\n}: {\n  panelId: string\n  isExiting?: boolean\n  onClose?: () => void\n  defaultWidth?: number\n  /** Rendered inside the layout's overlay zone (below the topbar) rather than\n   *  over the whole viewport. */\n  scoped?: boolean\n  children: React.ReactNode\n}) {\n  const [width, setWidth] = useState(defaultWidth ?? OVERLAY_DEFAULT_PX)\n  const [isResizing, setIsResizing] = useState(false)\n  // Live cursor position while dragging. The panel keeps its committed `width`\n  // during the drag — only this thin preview line moves — so the heavy panel\n  // content never reflows mid-drag (matching DockZone's split-screen handle).\n  // The width is committed once on mouse-up.\n  const [dragWidth, setDragWidth] = useState<number | null>(null)\n  const dragWidthRef = useRef<number | null>(null)\n  // Once the slide-in has played we drop the entry class, so later re-renders\n  // don't restart the animation.\n  const [hasEntered, setHasEntered] = useState(false)\n\n  const handleResizeStart = useCallback((e: React.MouseEvent) => {\n    e.preventDefault()\n    setHasEntered(true)\n    setIsResizing(true)\n    setDragWidth(null)\n    dragWidthRef.current = null\n  }, [])\n\n  useEffect(() => {\n    if (!isResizing) return\n    const handleMouseMove = (e: MouseEvent) => {\n      // Anchored to the right edge — width grows as the cursor moves left.\n      const max = window.innerWidth * 0.92\n      const next = Math.min(Math.max(window.innerWidth - e.clientX, OVERLAY_MIN_PX), max)\n      dragWidthRef.current = next\n      setDragWidth(next)\n    }\n    const handleMouseUp = () => {\n      if (dragWidthRef.current !== null) setWidth(dragWidthRef.current)\n      setIsResizing(false)\n      setDragWidth(null)\n      dragWidthRef.current = null\n    }\n    document.addEventListener('mousemove', handleMouseMove)\n    document.addEventListener('mouseup', handleMouseUp)\n    document.body.style.cursor = 'col-resize'\n    document.body.style.userSelect = 'none'\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove)\n      document.removeEventListener('mouseup', handleMouseUp)\n      document.body.style.cursor = ''\n      document.body.style.userSelect = ''\n    }\n  }, [isResizing])\n\n  return (\n    // Scoped: absolute within the layout's overlay zone (below the topbar).\n    // Unscoped fallback: fixed over the whole viewport, as before.\n    <div\n      className={scoped ? 'absolute inset-0 z-40' : 'fixed inset-0 z-50'}\n      data-testid={`${panelId}-overlay`}\n    >\n      {/* In dark mode a 40% black veil crushes the light page text behind the sheet to\n          mid-grey, so the veil is lighter there and the page stays readable underneath. */}\n      <div\n        className={`absolute inset-0 bg-black/40 dark:bg-black/20 duration-200 ${\n          // fill-mode-forwards holds the exit end-state — without it the\n          // element snaps back fully visible for the frames between the\n          // animation finishing and React unmounting it (a flicker).\n          isExiting ? 'animate-out fade-out fill-mode-forwards' : 'animate-in fade-in'\n        }`}\n        onClick={onClose}\n        aria-hidden=\"true\"\n        data-testid={`${panelId}-overlay-backdrop`}\n      />\n      <div\n        style={{ width }}\n        onAnimationEnd={() => !isExiting && setHasEntered(true)}\n        className={`absolute right-0 top-0 bottom-0 flex max-w-[92vw] flex-col border-l max-sm:!w-full max-sm:!max-w-full max-sm:border-l-0 border-border bg-muted shadow-2xl duration-200 ${\n          isExiting\n            ? 'animate-out slide-out-to-right fill-mode-forwards'\n            : // Suppress the slide transform once entered so it doesn't replay.\n              hasEntered\n              ? ''\n              : 'animate-in slide-in-from-right'\n        }`}\n      >\n        {/* Drag handle on the left edge to resize the sheet. */}\n        <div\n          className=\"absolute left-0 top-0 bottom-0 z-10 w-1.5 -translate-x-1/2 cursor-col-resize hover:bg-primary/40\"\n          onMouseDown={handleResizeStart}\n          data-testid={`${panelId}-overlay-resize-handle`}\n        />\n        {children}\n      </div>\n\n      {/* Preview line — tracks the cursor during the drag; the panel resizes\n          to this position only on release. */}\n      {isResizing && dragWidth !== null && (\n        <div\n          className=\"absolute top-0 bottom-0 z-[60] w-0.5 bg-primary pointer-events-none\"\n          style={{ right: dragWidth }}\n        />\n      )}\n      {/* Transparent capture layer so the drag isn't interrupted by elements\n          (iframes, the grid) swallowing pointer events. */}\n      {isResizing && <div className=\"absolute inset-0 z-[55] cursor-col-resize\" />}\n    </div>\n  )\n}\n\nexport function PanelPortal({\n  panelId,\n  mode,\n  isOpen,\n  isExiting,\n  onPopupClosed,\n  onClose,\n  popoutTitle,\n  defaultWidth,\n  children,\n}: PanelPortalProps) {\n  const { windows: windowManager } = usePanelHostSupport()\n  const [popupRoot, setPopupRoot] = useState<HTMLElement | null>(null)\n  const popupWindowIdRef = useRef<string | null>(null)\n\n  // Open popup window when switching to popout mode\n  useEffect(() => {\n    if (!isOpen || mode !== 'popout') {\n      // Close popup if we're leaving popout mode (intentional mode switch, not user closing)\n      if (popupWindowIdRef.current) {\n        // Clear the onClose callback before closing so it doesn't trigger onPopupClosed\n        windowManager.clearOnClose(popupWindowIdRef.current)\n        windowManager.closeWindow(popupWindowIdRef.current)\n        popupWindowIdRef.current = null\n        setPopupRoot(null)\n      }\n      return\n    }\n\n    // Already have a popup open\n    if (popupWindowIdRef.current) return\n\n    const windowId = windowManager.createPopupWindow(\n      `panel-${panelId}`,\n      () => {\n        popupWindowIdRef.current = null\n        setPopupRoot(null)\n        onPopupClosed?.()\n      },\n      popoutTitle || panelId\n    )\n\n    if (windowId) {\n      const rootElement = windowManager.getRootElement(windowId)\n      if (rootElement) {\n        popupWindowIdRef.current = windowId\n        setPopupRoot(rootElement)\n        windowManager.getWindow(windowId)?.focus()\n      }\n    }\n  }, [isOpen, mode, panelId, popoutTitle, onPopupClosed, windowManager])\n\n  // Clean up on unmount. The ref is cleared too: a remount (React's StrictMode replays mount\n  // effects) of a panel that mounts already popped out must open a new window, not keep\n  // pointing at the closed one.\n  useEffect(() => {\n    return () => {\n      if (popupWindowIdRef.current) {\n        windowManager.closeWindow(popupWindowIdRef.current)\n        popupWindowIdRef.current = null\n      }\n    }\n  }, [windowManager])\n\n  if (!isOpen && !isExiting) return null\n\n  // Popout: render into popup window. Its dialogs and menus open there too, not in the window\n  // behind it (where the Sign dialog used to open, out of sight).\n  if (mode === 'popout' && popupRoot) {\n    return createPortal(\n      <PortalContainerProvider container={popupRoot}>{children}</PortalContainerProvider>,\n      popupRoot\n    )\n  }\n\n  // Overlay: a slide-out sheet over the still-visible page. Rendered into the\n  // layout's #app-overlay-zone — the content region BELOW the app topbar — so\n  // the bar stays visible and interactive above every overlay. Falls back to\n  // <body> (viewport-covering) when no zone is mounted (e.g. embedded shells).\n  if (mode === 'overlay') {\n    const overlayZone = document.getElementById(DEFAULT_OVERLAY_ZONE_ID)\n    return createPortal(\n      <OverlaySheet\n        panelId={panelId}\n        isExiting={isExiting}\n        onClose={onClose}\n        defaultWidth={defaultWidth}\n        scoped={overlayZone !== null}\n      >\n        {children}\n      </OverlaySheet>,\n      overlayZone ?? document.body\n    )\n  }\n\n  // Main: render into main content zone\n  if (mode === 'main') {\n    const mainZone = document.getElementById('main-zone')\n    if (mainZone) {\n      return createPortal(children, mainZone)\n    }\n  }\n\n  // Docked: render into dock zone\n  const dockZone = document.getElementById('dock-zone')\n  if (dockZone) {\n    return createPortal(children, dockZone)\n  }\n\n  // No target zone mounted yet — render nothing\n  return null\n}\n"]}

package/dist/{chunk-R7CJEIA5.cjs → chunk-RYVZDFVO.cjs}

@@ -5,10 +5,10 @@ var chunk3YEXZX4H_cjs = require('./chunk-3YEXZX4H.cjs');
 var chunk4PA6VCCR_cjs = require('./chunk-4PA6VCCR.cjs');
 var chunkRL2HI6NP_cjs = require('./chunk-RL2HI6NP.cjs');
 var chunk6UZC4XVV_cjs = require('./chunk-6UZC4XVV.cjs');
-var chunkE7TE2WVT_cjs = require('./chunk-E7TE2WVT.cjs');
+var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
+var chunkZVEW3JBT_cjs = require('./chunk-ZVEW3JBT.cjs');
 var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
-var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
 var chunkPLIF5CUV_cjs = require('./chunk-PLIF5CUV.cjs');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
@@ -253,7 +253,7 @@ var DEFAULT_WORKFLOW_LIST_LABELS = {
   colAction: "What it does",
   colAgent: "Agent",
   colStatus: "Active",
-  colShared: "Shared",
+  colShared: "Sharing",
   colLastRun: "Last run",
   colNextRun: "Next run",
   shared: "Shared with the workspace",
@@ -432,13 +432,12 @@ function WorkflowsTable(props) {
         if (!p.onToggleShared || chunk3YEXZX4H_cjs.isSkillRow(w)) return null;
         const isCreator = w.is_owner !== false;
         return /* @__PURE__ */ jsxRuntime.jsx(
-          ui.VisibilityToggle,
+          ui.SharingEntity,
           {
-            items: { shared: w.shared ?? false },
+            shared: w.shared ?? false,
             onToggle: (share) => latest.current.props.onToggleShared?.(w, share),
             disabled: !isCreator || p.busyId === w.external_id,
             disabledTooltip: lb.sharedOwnerOnly,
-            showLabel: false,
             "data-testid": `workflow-shared-${w.external_id}`
           }
         );
@@ -624,7 +623,7 @@ function WorkflowsTable(props) {
       testId: "workflow-list-empty"
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkE7TE2WVT_cjs.GridView,
+    chunkZVEW3JBT_cjs.GridView,
     {
       testId: "workflow-grid",
       gridId: props.gridId ?? "workflows-grid-v2",
@@ -805,5 +804,5 @@ exports.WORKFLOW_COLUMN_ORDER = WORKFLOW_COLUMN_ORDER;
 exports.WorkflowCatalogueSections = WorkflowCatalogueSections;
 exports.WorkflowsTable = WorkflowsTable;
 exports.createWorkflowColumns = createWorkflowColumns;
-//# sourceMappingURL=chunk-R7CJEIA5.cjs.map
-//# sourceMappingURL=chunk-R7CJEIA5.cjs.map
+//# sourceMappingURL=chunk-RYVZDFVO.cjs.map
+//# sourceMappingURL=chunk-RYVZDFVO.cjs.map