@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-YYLMZLI6.js

@@ -1,686 +0,0 @@
-"use client";
-import {
-  inertProps
-} from "./chunk-USG4XNMA.js";
-import {
-  useWindowLayerOpen
-} from "./chunk-SERRKZO4.js";
-import {
-  cn
-} from "./chunk-TXS65BB2.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/components/workspace-dock.tsx
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useId,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import {
-  ChevronsLeftRightIcon,
-  Maximize2Icon,
-  Minimize2Icon,
-  PanelRightCloseIcon,
-  XIcon
-} from "lucide-react";
-import {
-  Group,
-  Panel,
-  Separator,
-  useDefaultLayout,
-  usePanelRef
-} from "react-resizable-panels";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SERVER_LAYOUT_STORAGE = {
-  getItem: () => null,
-  setItem: () => {
-  }
-};
-function getLayoutStorage() {
-  if (typeof window === "undefined") return SERVER_LAYOUT_STORAGE;
-  try {
-    return window.localStorage;
-  } catch {
-    return SERVER_LAYOUT_STORAGE;
-  }
-}
-var useDockLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-var PanelExpandContext = createContext(null);
-function useWorkspacePanelOwnsExpand(owns) {
-  const claim = useContext(PanelExpandContext);
-  useDockLayoutEffect(() => {
-    if (!claim || !owns) return;
-    claim(true);
-    return () => claim(false);
-  }, [claim, owns]);
-}
-function PanelExpandScope({
-  tabId,
-  onClaim,
-  children
-}) {
-  const claim = useMemo(() => (claimed) => onClaim(tabId, claimed), [onClaim, tabId]);
-  return /* @__PURE__ */ jsx(PanelExpandContext.Provider, { value: claim, children });
-}
-var DOCK_OVERLAY_BREAKPOINT = 1024;
-var CLOSED_LAYOUT = { primary: 100, dock: 0 };
-function useIsNarrow(maxWidth) {
-  const [narrow, setNarrow] = useState(false);
-  useDockLayoutEffect(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-      return;
-    }
-    const mql = window.matchMedia(`(max-width: ${maxWidth - 1}px)`);
-    const update = () => setNarrow(mql.matches);
-    update();
-    if (typeof mql.addEventListener === "function") {
-      mql.addEventListener("change", update);
-      return () => mql.removeEventListener("change", update);
-    }
-    mql.addListener(update);
-    return () => mql.removeListener(update);
-  }, [maxWidth]);
-  return narrow;
-}
-function WorkspaceDock({
-  primary,
-  tabs,
-  activeTab,
-  onActiveTabChange,
-  collapsed: collapsedProp,
-  onCollapsedChange,
-  showCollapseControl = true,
-  headerAccessory,
-  mobileLeadingControl,
-  autoSaveId = "og.session.dock",
-  defaultSize = 34,
-  minSize = 22,
-  maxSize = 70,
-  className
-}) {
-  const msg = useOpenGeniText();
-  const narrow = useIsNarrow(DOCK_OVERLAY_BREAKPOINT);
-  const rootRef = useRef(null);
-  const reopenRef = useRef(null);
-  const returnFocusRef = useRef(null);
-  const initialNarrowFocusRef = useRef(false);
-  const dockPanelRef = usePanelRef();
-  const [internalCollapsed, setInternalCollapsed] = useState(false);
-  const [maximized, setMaximized] = useState(false);
-  const [internalTab, setInternalTab] = useState(tabs[0]?.id ?? "");
-  const [expandClaims, setExpandClaims] = useState({});
-  const claimExpand = useCallback((tabId, claimed) => {
-    setExpandClaims((previous) => {
-      const count = Math.max(0, (previous[tabId] ?? 0) + (claimed ? 1 : -1));
-      const next = { ...previous };
-      if (count === 0) delete next[tabId];
-      else next[tabId] = count;
-      return next;
-    });
-  }, []);
-  const collapsed = collapsedProp ?? internalCollapsed;
-  useWindowLayerOpen(maximized || narrow && !collapsed);
-  const hostControlled = collapsedProp !== void 0;
-  const previousCollapsedRef = useRef(collapsed);
-  const collapsedNowRef = useRef(collapsed);
-  collapsedNowRef.current = collapsed;
-  const { defaultLayout, onLayoutChanged } = useDefaultLayout({
-    panelIds: ["primary", "dock"],
-    storage: getLayoutStorage(),
-    id: autoSaveId
-  });
-  const expandedDefaultLayout = defaultLayout && (defaultLayout.dock ?? 0) > 1 ? defaultLayout : void 0;
-  const mountLayout = collapsed ? CLOSED_LAYOUT : expandedDefaultLayout;
-  const lastExpandedSizeRef = useRef(expandedDefaultLayout?.dock ?? defaultSize);
-  const layoutIdentityRef = useRef(autoSaveId);
-  if (layoutIdentityRef.current !== autoSaveId) {
-    layoutIdentityRef.current = autoSaveId;
-    lastExpandedSizeRef.current = expandedDefaultLayout?.dock ?? defaultSize;
-  }
-  const persistExpandedLayout = useCallback(
-    (layout, meta) => {
-      const dockSize = layout.dock ?? 0;
-      if (dockSize <= 1) return;
-      lastExpandedSizeRef.current = dockSize;
-      onLayoutChanged(layout, meta);
-    },
-    [onLayoutChanged]
-  );
-  const requestedTab = activeTab ?? internalTab;
-  const tabIds = tabs.map((tab) => tab.id);
-  const firstTabId = tabs[0]?.id ?? "";
-  const requestedTabIsValid = tabIds.includes(requestedTab);
-  const current = requestedTabIsValid ? requestedTab : firstTabId;
-  const setTab = useCallback(
-    (id) => {
-      setInternalTab(id);
-      onActiveTabChange?.(id);
-    },
-    [onActiveTabChange]
-  );
-  const setCollapsed = useCallback(
-    (next) => {
-      setInternalCollapsed((previous) => previous === next ? previous : next);
-      onCollapsedChange?.(next);
-    },
-    [onCollapsedChange]
-  );
-  useDockLayoutEffect(() => {
-    if (collapsedProp === void 0) {
-      return;
-    }
-    if (collapsedProp) {
-      dockPanelRef.current?.collapse();
-      setMaximized(false);
-    } else {
-      dockPanelRef.current?.resize(`${lastExpandedSizeRef.current}%`);
-    }
-  }, [collapsedProp, dockPanelRef]);
-  useDockLayoutEffect(() => {
-    if (!narrow && collapsedNowRef.current) dockPanelRef.current?.collapse();
-  }, [narrow, dockPanelRef]);
-  useEffect(() => {
-    const previous = previousCollapsedRef.current;
-    previousCollapsedRef.current = collapsed;
-    if (previous === collapsed) return;
-    if (!collapsed) {
-      const active = document.activeElement;
-      const workspaceSurface = rootRef.current?.querySelector(
-        narrow ? '[role="dialog"]' : "[data-workspace-surface]"
-      );
-      if (active instanceof HTMLElement && !workspaceSurface?.contains(active)) {
-        returnFocusRef.current = active;
-      }
-      if (narrow) {
-        const frame2 = requestAnimationFrame(() => {
-          rootRef.current?.querySelector('[role="dialog"] [role="tab"][aria-selected="true"]')?.focus();
-        });
-        return () => cancelAnimationFrame(frame2);
-      }
-      return;
-    }
-    const frame = requestAnimationFrame(() => {
-      if (!hostControlled) {
-        reopenRef.current?.focus();
-        return;
-      }
-      const target = returnFocusRef.current;
-      if (target?.isConnected) {
-        target.focus();
-        return;
-      }
-      rootRef.current?.querySelector(
-        '[data-workspace-primary] button:not([disabled]), [data-workspace-primary] a[href], [data-workspace-primary] input:not([disabled]), [data-workspace-primary] textarea:not([disabled]), [data-workspace-primary] select:not([disabled]), [data-workspace-primary] [tabindex]:not([tabindex="-1"])'
-      )?.focus();
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [collapsed, hostControlled, narrow]);
-  useEffect(() => {
-    if (!narrow || collapsed || initialNarrowFocusRef.current) return;
-    initialNarrowFocusRef.current = true;
-    const active = document.activeElement;
-    const workspaceSurface = rootRef.current?.querySelector('[role="dialog"]');
-    if (active instanceof HTMLElement && !workspaceSurface?.contains(active)) {
-      returnFocusRef.current = active;
-    }
-    const frame = requestAnimationFrame(() => {
-      workspaceSurface?.querySelector('[role="tab"][aria-selected="true"]')?.focus();
-    });
-    return () => cancelAnimationFrame(frame);
-  }, [collapsed, narrow]);
-  useEffect(() => {
-    if (firstTabId && !requestedTabIsValid) {
-      setTab(firstTabId);
-    }
-  }, [firstTabId, requestedTabIsValid, setTab]);
-  const collapse = useCallback(() => {
-    dockPanelRef.current?.collapse();
-    setCollapsed(true);
-  }, [dockPanelRef, setCollapsed]);
-  const expand = useCallback(() => {
-    dockPanelRef.current?.expand();
-    setCollapsed(false);
-  }, [dockPanelRef, setCollapsed]);
-  useEffect(() => {
-    const overlayOpen = maximized || narrow && !collapsed;
-    if (!overlayOpen) return;
-    const onKey = (event) => {
-      if (event.key === "Escape") {
-        if (maximized) setMaximized(false);
-        else collapse();
-        return;
-      }
-      if (event.key !== "Tab") return;
-      const surface = rootRef.current?.querySelector(
-        narrow ? '[role="dialog"]' : "[data-workspace-surface]"
-      );
-      if (!surface) return;
-      const focusable = Array.from(surface.querySelectorAll("*")).filter(
-        (element) => element.tabIndex >= 0 && !element.hasAttribute("disabled") && element.getClientRects().length > 0 && getComputedStyle(element).visibility !== "hidden"
-      );
-      const first = focusable[0];
-      const last = focusable.at(-1);
-      const active = document.activeElement;
-      if (!first || !last) {
-        event.preventDefault();
-        surface.focus();
-        return;
-      }
-      if (!surface.contains(active)) {
-        event.preventDefault();
-        (event.shiftKey ? last : first).focus();
-        return;
-      }
-      if (event.shiftKey && active === first || !event.shiftKey && active === last) {
-        event.preventDefault();
-        (event.shiftKey ? last : first).focus();
-        return;
-      }
-      requestAnimationFrame(() => {
-        const next = document.activeElement;
-        if (!surface.contains(next)) (event.shiftKey ? last : first).focus();
-      });
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [maximized, narrow, collapsed, collapse]);
-  if (narrow) {
-    return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "data-workspace-primary": true,
-          "aria-hidden": !collapsed ? true : void 0,
-          className: "min-h-0 min-w-0 flex-1",
-          ...inertProps(!collapsed),
-          children: primary
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "data-workspace-surface": true,
-          "data-window-layer": true,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": msg("workspaceDock.workspace"),
-          className: "fixed inset-0 z-40 flex flex-col bg-og-bg",
-          hidden: collapsed,
-          style: {
-            // Author utility classes can override the user-agent `[hidden]`
-            // rule (for example this surface's `flex` class). Keep an inline
-            // display guard so a collapsed mobile workspace is actually gone
-            // visually as well as from the accessibility tree.
-            display: collapsed ? "none" : void 0,
-            paddingTop: "env(safe-area-inset-top)",
-            paddingBottom: "env(safe-area-inset-bottom)"
-          },
-          children: /* @__PURE__ */ jsx(
-            DockChrome,
-            {
-              tabs,
-              current,
-              onTab: setTab,
-              onExpandClaim: claimExpand,
-              leading: mobileLeadingControl,
-              accessory: headerAccessory,
-              controls: /* @__PURE__ */ jsx(
-                ChromeButton,
-                {
-                  onClick: collapse,
-                  title: msg("workspaceDock.hideWorkspace"),
-                  label: msg("workspaceDock.hideWorkspace"),
-                  children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
-                }
-              )
-            }
-          )
-        }
-      ),
-      collapsed && !hostControlled ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref: reopenRef,
-          type: "button",
-          onClick: expand,
-          title: msg("workspaceDock.openWorkspace"),
-          "aria-label": msg("workspaceDock.openWorkspace"),
-          className: "absolute right-3 top-3 z-30 inline-flex size-11 items-center justify-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted shadow-lg transition-colors hover:border-og-border-strong hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent",
-          style: { marginTop: "env(safe-area-inset-top)" },
-          children: /* @__PURE__ */ jsx(ChevronsLeftRightIcon, { className: "size-4", "aria-hidden": true })
-        }
-      ) : null
-    ] });
-  }
-  const showMaximize = maximized || !expandClaims[current];
-  const dockChrome = /* @__PURE__ */ jsx(
-    DockChrome,
-    {
-      tabs,
-      current,
-      onTab: setTab,
-      onExpandClaim: claimExpand,
-      chromePlacement: "rail",
-      accessory: headerAccessory,
-      controls: /* @__PURE__ */ jsxs(Fragment, { children: [
-        showMaximize ? /* @__PURE__ */ jsx(
-          ChromeButton,
-          {
-            onClick: (event) => {
-              if (maximized && expandClaims[current]) {
-                const next = event.currentTarget.nextElementSibling ?? rootRef.current?.querySelector(
-                  '[role="tab"][aria-selected="true"]'
-                );
-                requestAnimationFrame(() => next?.focus());
-              }
-              setMaximized((m) => !m);
-            },
-            title: maximized ? msg("workspaceDock.restoreEsc") : msg("workspaceDock.maximize"),
-            label: maximized ? msg("workspaceDock.restoreDock") : msg("workspaceDock.maximizeDock"),
-            children: maximized ? /* @__PURE__ */ jsx(Minimize2Icon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Maximize2Icon, { className: "size-3.5" })
-          }
-        ) : null,
-        hostControlled && !showCollapseControl ? null : /* @__PURE__ */ jsx(
-          ChromeButton,
-          {
-            onClick: collapse,
-            title: msg("workspaceDock.hideWorkspace"),
-            label: msg("workspaceDock.hideWorkspace"),
-            children: /* @__PURE__ */ jsx(PanelRightCloseIcon, { className: "size-3.5" })
-          }
-        )
-      ] })
-    }
-  );
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
-    /* @__PURE__ */ jsxs(
-      Group,
-      {
-        orientation: "horizontal",
-        className: "min-h-0 flex-1",
-        ...mountLayout ? { defaultLayout: mountLayout } : {},
-        onLayoutChanged: persistExpandedLayout,
-        children: [
-          /* @__PURE__ */ jsx(Panel, { id: "primary", minSize: "30%", className: "min-h-0 min-w-0", children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              "data-workspace-primary": true,
-              "aria-hidden": maximized ? true : void 0,
-              className: "h-full min-h-0 min-w-0",
-              ...inertProps(maximized),
-              children: primary
-            }
-          ) }),
-          !collapsed && /* @__PURE__ */ jsx(Separator, { className: "group relative z-10 w-1.5 shrink-0 outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent max-[1023px]:-mx-[19px] max-[1023px]:w-11 pointer-coarse:-mx-[19px] pointer-coarse:w-11", children: /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-og-border transition-colors group-hover:bg-og-accent group-focus-visible:bg-og-accent group-data-[separator-state=dragging]:bg-og-accent" }) }),
-          /* @__PURE__ */ jsx(
-            Panel,
-            {
-              id: "dock",
-              panelRef: dockPanelRef,
-              collapsible: true,
-              collapsedSize: "0%",
-              defaultSize: `${defaultSize}%`,
-              minSize: `${minSize}%`,
-              maxSize: `${maxSize}%`,
-              onResize: (size, _id, previousSize) => {
-                const isCollapsed = size.asPercentage <= 1;
-                const canInferCollapse = collapsedProp === void 0 || previousSize !== void 0;
-                if (canInferCollapse && isCollapsed !== collapsed) {
-                  setCollapsed(isCollapsed);
-                }
-              },
-              className: "min-h-0 min-w-0",
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "data-workspace-surface": true,
-                  "data-window-layer": maximized || void 0,
-                  role: maximized ? "dialog" : void 0,
-                  "aria-modal": maximized ? true : void 0,
-                  "aria-label": maximized ? msg("workspaceDock.workspace") : void 0,
-                  "aria-hidden": collapsed ? true : void 0,
-                  className: cn(
-                    "flex h-full min-h-0 min-w-0 flex-col bg-og-bg",
-                    maximized ? "fixed inset-0 z-40" : "border-l border-og-border",
-                    collapsed && "invisible pointer-events-none"
-                  ),
-                  children: dockChrome
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    collapsed && !maximized && !hostControlled && /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref: reopenRef,
-        type: "button",
-        onClick: expand,
-        title: msg("workspaceDock.openWorkspace"),
-        className: "absolute inset-y-0 right-0 flex w-6 shrink-0 items-center justify-center border-l border-og-border bg-og-surface-1 text-og-fg-subtle hover:text-og-fg",
-        children: /* @__PURE__ */ jsx(ChevronsLeftRightIcon, { className: "size-3.5" })
-      }
-    )
-  ] });
-}
-function ChromeButton({
-  onClick,
-  title,
-  label,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      title,
-      "aria-label": label,
-      className: "inline-flex size-7 items-center justify-center rounded-og-sm p-1 transition-colors hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:size-11 pointer-coarse:size-11",
-      children
-    }
-  );
-}
-function DockChrome({
-  tabs,
-  current,
-  onTab,
-  onExpandClaim,
-  leading,
-  chromePlacement = "header",
-  accessory,
-  controls
-}) {
-  const msg = useOpenGeniText();
-  const chromeRef = useRef(null);
-  const [compact, setCompact] = useState(false);
-  const active = tabs.find((t) => t.id === current) ?? tabs[0];
-  const tabsetId = useId();
-  const tabRefs = useRef([]);
-  const [visitedTabs, setVisitedTabs] = useState(() => /* @__PURE__ */ new Set());
-  const activeId = active?.id ?? "";
-  useDockLayoutEffect(() => {
-    const node = chromeRef.current;
-    if (!node) return;
-    const update = () => {
-      const desktop = typeof window.matchMedia !== "function" || window.matchMedia("(min-width: 1024px)").matches;
-      const next = desktop && node.getBoundingClientRect().width < 440;
-      setCompact((previous) => previous === next ? previous : next);
-    };
-    update();
-    if (typeof ResizeObserver === "undefined") {
-      window.addEventListener("resize", update);
-      return () => window.removeEventListener("resize", update);
-    }
-    const observer = new ResizeObserver(update);
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, []);
-  useEffect(() => {
-    if (!activeId) return;
-    setVisitedTabs((previous) => {
-      if (previous.has(activeId)) return previous;
-      const next = new Set(previous);
-      next.add(activeId);
-      return next;
-    });
-  }, [activeId]);
-  const activateTab = (index) => {
-    const tab = tabs[index];
-    if (!tab) {
-      return;
-    }
-    onTab(tab.id);
-    tabRefs.current[index]?.focus();
-  };
-  const onTabKeyDown = (event, index) => {
-    if (tabs.length === 0) return;
-    let nextIndex = null;
-    if (event.key === "ArrowDown") nextIndex = (index + 1) % tabs.length;
-    else if (event.key === "ArrowUp") nextIndex = (index - 1 + tabs.length) % tabs.length;
-    else if (event.key === "Home") nextIndex = 0;
-    else if (event.key === "End") nextIndex = tabs.length - 1;
-    if (nextIndex === null) return;
-    event.preventDefault();
-    activateTab(nextIndex);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: chromeRef,
-      "data-dock-chrome": true,
-      "data-compact": compact ? "true" : void 0,
-      className: "flex h-full min-h-0 min-w-0 flex-col",
-      children: [
-        chromePlacement === "header" ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-10 shrink-0 items-center gap-2 border-b border-og-border px-2 max-[1023px]:min-h-12", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: leading ?? /* @__PURE__ */ jsx("span", { className: "hidden truncate text-og-sm font-semibold text-og-fg max-[1023px]:inline", children: msg("workspaceDock.workspace") }) }),
-          /* @__PURE__ */ jsx("div", { className: "min-w-0 shrink text-og-fg-muted", children: accessory }),
-          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-0.5 text-og-fg-subtle", children: controls })
-        ] }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "flex shrink-0 flex-col border-r border-og-border bg-og-surface-1/45",
-                compact ? "w-12" : "w-32 max-[1023px]:w-36"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto p-1.5",
-                    role: "tablist",
-                    "aria-label": msg("workspaceDock.workspacePanels"),
-                    "aria-orientation": "vertical",
-                    children: tabs.map((tab, index) => {
-                      const tabName = tab.ariaLabel ?? (typeof tab.label === "string" ? tab.label : tab.id);
-                      return /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          ref: (node) => {
-                            tabRefs.current[index] = node;
-                          },
-                          id: `${tabsetId}-tab-${index}`,
-                          type: "button",
-                          role: "tab",
-                          "aria-label": compact && tab.icon ? tabName : void 0,
-                          title: compact && tab.icon ? tabName : void 0,
-                          "aria-selected": tab.id === current,
-                          "aria-controls": `${tabsetId}-panel-${index}`,
-                          tabIndex: tab.id === current ? 0 : -1,
-                          onClick: () => onTab(tab.id),
-                          onKeyDown: (event) => onTabKeyDown(event, index),
-                          className: cn(
-                            "group relative flex min-h-9 w-full items-center gap-2 rounded-og-md px-2 text-left text-og-xs font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 pointer-coarse:min-h-11",
-                            compact && "justify-center px-1",
-                            tab.id === current ? "bg-og-accent-soft text-og-fg shadow-[inset_2px_0_0_var(--og-color-accent)]" : "text-og-fg-subtle hover:bg-og-surface-2 hover:text-og-fg"
-                          ),
-                          children: [
-                            tab.icon ? /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
-                                "aria-hidden": true,
-                                children: tab.icon
-                              }
-                            ) : null,
-                            !compact || !tab.icon ? /* @__PURE__ */ jsx("span", { "data-contrast-audited": true, className: "min-w-0 flex-1 truncate", children: tab.label }) : null,
-                            tab.badge ? /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                className: cn("shrink-0", compact && "absolute -right-0.5 -top-0.5 scale-90"),
-                                children: tab.badge
-                              }
-                            ) : null
-                          ]
-                        },
-                        tab.id
-                      );
-                    })
-                  }
-                ),
-                chromePlacement === "rail" ? /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    "data-dock-rail-footer": true,
-                    className: cn(
-                      "flex shrink-0 border-t border-og-border p-1.5 text-og-fg-subtle",
-                      compact ? (
-                        // Only the status dot fits; its label stays for assistive tech.
-                        "flex-col items-center gap-0.5 [&_[role=status]]:px-0 [&_[role=status]>span:last-child]:sr-only"
-                      ) : "flex-wrap items-center justify-between gap-0.5"
-                    ),
-                    children: [
-                      accessory ? /* @__PURE__ */ jsx("div", { className: "min-w-0 text-og-fg-muted", children: accessory }) : null,
-                      /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center gap-0.5", compact && "flex-col"), children: controls })
-                    ]
-                  }
-                ) : null
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: tabs.length > 0 ? tabs.map((tab, index) => {
-            const selected = tab.id === activeId;
-            const shouldMount = selected || visitedTabs.has(tab.id);
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                id: `${tabsetId}-panel-${index}`,
-                "aria-labelledby": `${tabsetId}-tab-${index}`,
-                className: "h-full min-h-0 min-w-0 overflow-hidden",
-                hidden: !selected,
-                role: "tabpanel",
-                children: shouldMount ? /* @__PURE__ */ jsx(PanelExpandScope, { tabId: tab.id, onClaim: onExpandClaim, children: tab.content }) : null
-              },
-              tab.id
-            );
-          }) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "h-full min-h-0 min-w-0",
-              "aria-label": msg("workspaceDock.workspace"),
-              role: "tabpanel"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  useWorkspacePanelOwnsExpand,
-  WorkspaceDock
-};
-//# sourceMappingURL=chunk-YYLMZLI6.js.map