@flanksource/clicky-ui 0.3.10 → 0.3.11

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/layout/Workspace.cjs

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const Workspace_model = require("./Workspace.model.cjs");
+const Workspace_regions = require("./Workspace.regions.cjs");
+const UiSidebar = require("../icons/components/UiSidebar.cjs");
+function WorkspaceTopRight({
+  hasLeft,
+  hasRight,
+  slots,
+  state,
+  update
+}) {
+  if (!hasLeft && !hasRight && !(slots == null ? void 0 : slots.topRightActions)) return null;
+  const toggleSide = (location) => update((current) => ({
+    ...current,
+    sideCollapsed: {
+      ...current.sideCollapsed,
+      [location]: !current.sideCollapsed[location]
+    }
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "workspace-top-right",
+      className: "absolute right-1 top-1 z-30 flex h-7 items-center gap-1 rounded bg-muted/90 px-1 shadow-sm backdrop-blur",
+      children: [
+        slots == null ? void 0 : slots.topRightActions,
+        hasLeft && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            "aria-expanded": !state.sideCollapsed.left,
+            "aria-label": `${state.sideCollapsed.left ? "Expand" : "Collapse"} left side`,
+            onClick: () => toggleSide("left"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(UiSidebar.UiSidebar, { className: "size-4" })
+          }
+        ),
+        hasRight && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            "aria-expanded": !state.sideCollapsed.right,
+            "aria-label": `${state.sideCollapsed.right ? "Expand" : "Collapse"} right side`,
+            onClick: () => toggleSide("right"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(UiSidebar.UiSidebar, { className: "size-4 -scale-x-100" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Workspace({
+  panes,
+  value,
+  defaultValue = {},
+  onValueChange,
+  storageKey,
+  slots,
+  className
+}) {
+  Workspace_model.validateWorkspacePanes(panes);
+  if (value !== void 0 && storageKey !== void 0) {
+    throw new Error("Workspace cannot combine value with storageKey");
+  }
+  const [internal, setInternal] = react.useState(
+    () => storageKey ? Workspace_model.readWorkspaceLayoutState(storageKey, panes, defaultValue) : Workspace_model.createWorkspaceLayoutState(panes, defaultValue)
+  );
+  const seenLocations = react.useRef(new Set(panes.map((pane) => pane.location)));
+  const seenPaneIds = react.useRef(new Set(panes.map((pane) => pane.id)));
+  const state = value ?? internal;
+  const groups = react.useMemo(
+    () => ({
+      left: panes.filter((pane) => pane.location === "left"),
+      center: panes.find(
+        (pane) => pane.location === "center"
+      ),
+      right: panes.filter((pane) => pane.location === "right"),
+      bottom: panes.find((pane) => pane.location === "bottom")
+    }),
+    [panes]
+  );
+  react.useLayoutEffect(() => {
+    const addedLocations = new Set(
+      panes.map((pane) => pane.location).filter((location) => !seenLocations.current.has(location))
+    );
+    const addedPanes = panes.filter(
+      (pane) => !seenPaneIds.current.has(pane.id)
+    );
+    panes.forEach((pane) => {
+      seenLocations.current.add(pane.location);
+      seenPaneIds.current.add(pane.id);
+    });
+    if (value !== void 0 || addedLocations.size === 0 && addedPanes.length === 0)
+      return;
+    const defaults = Workspace_model.createWorkspaceLayoutState(panes, defaultValue);
+    const addedStackHeights = addedPanes.reduce(
+      (heights, pane) => {
+        if (pane.height !== void 0) heights[pane.id] = pane.height;
+        return heights;
+      },
+      {}
+    );
+    setInternal((current) => ({
+      ...current,
+      ...addedLocations.has("left") ? { leftWidth: defaults.leftWidth } : {},
+      ...addedLocations.has("right") ? { rightWidth: defaults.rightWidth } : {},
+      ...addedLocations.has("bottom") ? { bottomHeight: defaults.bottomHeight } : {},
+      stackHeights: { ...current.stackHeights, ...addedStackHeights },
+      collapsed: {
+        ...current.collapsed,
+        ...Object.fromEntries(
+          addedPanes.map((pane) => [pane.id, pane.defaultCollapsed ?? false])
+        )
+      }
+    }));
+  }, [defaultValue, panes, value]);
+  const update = react.useCallback(
+    (change) => {
+      const next = change(state);
+      if (value === void 0) setInternal(next);
+      onValueChange == null ? void 0 : onValueChange(next);
+    },
+    [onValueChange, state, value]
+  );
+  react.useEffect(() => {
+    if (storageKey && value === void 0)
+      Workspace_model.writeWorkspaceLayoutState(storageKey, internal);
+  }, [internal, storageKey, value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "relative grid min-h-0 w-full grid-cols-1 overflow-auto bg-background md:h-full md:grid-cols-[auto_minmax(0,1fr)_auto] md:grid-rows-[minmax(0,1fr)_auto] md:overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          WorkspaceTopRight,
+          {
+            hasLeft: groups.left.length > 0,
+            hasRight: groups.right.length > 0,
+            ...slots ? { slots } : {},
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Workspace_regions.WorkspaceSideRegion,
+          {
+            location: "left",
+            panes: groups.left,
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Workspace_regions.WorkspaceSingleRegion,
+          {
+            pane: groups.center,
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Workspace_regions.WorkspaceSideRegion,
+          {
+            location: "right",
+            panes: groups.right,
+            state,
+            update
+          }
+        ),
+        groups.bottom && /* @__PURE__ */ jsxRuntime.jsx(
+          Workspace_regions.WorkspaceSingleRegion,
+          {
+            pane: groups.bottom,
+            state,
+            update
+          }
+        )
+      ]
+    }
+  );
+}
+exports.Workspace = Workspace;
+//# sourceMappingURL=Workspace.cjs.map

package/dist/layout/Workspace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.cjs","sources":["../../src/layout/Workspace.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { UiSidebar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  createWorkspaceLayoutState,\n  readWorkspaceLayoutState,\n  validateWorkspacePanes,\n  writeWorkspaceLayoutState,\n  type WorkspaceLayoutDefaults,\n  type WorkspaceLayoutState,\n  type WorkspacePaneSpec,\n} from \"./Workspace.model\";\nimport {\n  WorkspaceSideRegion,\n  WorkspaceSingleRegion,\n  type WorkspaceUpdate,\n} from \"./Workspace.regions\";\n\nexport type {\n  WorkspaceLayoutDefaults,\n  WorkspaceLayoutState,\n  WorkspacePaneLocation,\n  WorkspacePaneSlots,\n  WorkspacePaneSpec,\n  WorkspaceSideLocation,\n} from \"./Workspace.model\";\n\nexport type WorkspaceSlots = {\n  topRightActions?: ReactNode;\n};\n\nexport type WorkspaceProps = {\n  panes: WorkspacePaneSpec[];\n  value?: WorkspaceLayoutState;\n  defaultValue?: WorkspaceLayoutDefaults;\n  onValueChange?: (value: WorkspaceLayoutState) => void;\n  storageKey?: string;\n  slots?: WorkspaceSlots;\n  className?: string;\n};\n\ntype WorkspaceTopRightProps = {\n  hasLeft: boolean;\n  hasRight: boolean;\n  slots?: WorkspaceSlots;\n  state: WorkspaceLayoutState;\n  update: WorkspaceUpdate;\n};\n\nfunction WorkspaceTopRight({\n  hasLeft,\n  hasRight,\n  slots,\n  state,\n  update,\n}: WorkspaceTopRightProps) {\n  if (!hasLeft && !hasRight && !slots?.topRightActions) return null;\n  const toggleSide = (location: \"left\" | \"right\") =>\n    update((current) => ({\n      ...current,\n      sideCollapsed: {\n        ...current.sideCollapsed,\n        [location]: !current.sideCollapsed[location],\n      },\n    }));\n  return (\n    <div\n      data-testid=\"workspace-top-right\"\n      className=\"absolute right-1 top-1 z-30 flex h-7 items-center gap-1 rounded bg-muted/90 px-1 shadow-sm backdrop-blur\"\n    >\n      {slots?.topRightActions}\n      {hasLeft && (\n        <button\n          type=\"button\"\n          className=\"inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          aria-expanded={!state.sideCollapsed.left}\n          aria-label={`${state.sideCollapsed.left ? \"Expand\" : \"Collapse\"} left side`}\n          onClick={() => toggleSide(\"left\")}\n        >\n          <UiSidebar className=\"size-4\" />\n        </button>\n      )}\n      {hasRight && (\n        <button\n          type=\"button\"\n          className=\"inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          aria-expanded={!state.sideCollapsed.right}\n          aria-label={`${state.sideCollapsed.right ? \"Expand\" : \"Collapse\"} right side`}\n          onClick={() => toggleSide(\"right\")}\n        >\n          <UiSidebar className=\"size-4 -scale-x-100\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function Workspace({\n  panes,\n  value,\n  defaultValue = {},\n  onValueChange,\n  storageKey,\n  slots,\n  className,\n}: WorkspaceProps) {\n  validateWorkspacePanes(panes);\n  if (value !== undefined && storageKey !== undefined) {\n    throw new Error(\"Workspace cannot combine value with storageKey\");\n  }\n  const [internal, setInternal] = useState(() =>\n    storageKey\n      ? readWorkspaceLayoutState(storageKey, panes, defaultValue)\n      : createWorkspaceLayoutState(panes, defaultValue),\n  );\n  const seenLocations = useRef(new Set(panes.map((pane) => pane.location)));\n  const seenPaneIds = useRef(new Set(panes.map((pane) => pane.id)));\n  const state = value ?? internal;\n  const groups = useMemo(\n    () => ({\n      left: panes.filter((pane) => pane.location === \"left\"),\n      center: panes.find(\n        (pane) => pane.location === \"center\",\n      ) as WorkspacePaneSpec,\n      right: panes.filter((pane) => pane.location === \"right\"),\n      bottom: panes.find((pane) => pane.location === \"bottom\"),\n    }),\n    [panes],\n  );\n\n  useLayoutEffect(() => {\n    const addedLocations = new Set(\n      panes\n        .map((pane) => pane.location)\n        .filter((location) => !seenLocations.current.has(location)),\n    );\n    const addedPanes = panes.filter(\n      (pane) => !seenPaneIds.current.has(pane.id),\n    );\n    panes.forEach((pane) => {\n      seenLocations.current.add(pane.location);\n      seenPaneIds.current.add(pane.id);\n    });\n    if (\n      value !== undefined ||\n      (addedLocations.size === 0 && addedPanes.length === 0)\n    )\n      return;\n    const defaults = createWorkspaceLayoutState(panes, defaultValue);\n    const addedStackHeights = addedPanes.reduce<Record<string, number>>(\n      (heights, pane) => {\n        if (pane.height !== undefined) heights[pane.id] = pane.height;\n        return heights;\n      },\n      {},\n    );\n    setInternal((current) => ({\n      ...current,\n      ...(addedLocations.has(\"left\") ? { leftWidth: defaults.leftWidth } : {}),\n      ...(addedLocations.has(\"right\")\n        ? { rightWidth: defaults.rightWidth }\n        : {}),\n      ...(addedLocations.has(\"bottom\")\n        ? { bottomHeight: defaults.bottomHeight }\n        : {}),\n      stackHeights: { ...current.stackHeights, ...addedStackHeights },\n      collapsed: {\n        ...current.collapsed,\n        ...Object.fromEntries(\n          addedPanes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n        ),\n      },\n    }));\n  }, [defaultValue, panes, value]);\n\n  const update = useCallback<WorkspaceUpdate>(\n    (change) => {\n      const next = change(state);\n      if (value === undefined) setInternal(next);\n      onValueChange?.(next);\n    },\n    [onValueChange, state, value],\n  );\n\n  useEffect(() => {\n    if (storageKey && value === undefined)\n      writeWorkspaceLayoutState(storageKey, internal);\n  }, [internal, storageKey, value]);\n\n  return (\n    <div\n      className={cn(\n        \"relative grid min-h-0 w-full grid-cols-1 overflow-auto bg-background md:h-full md:grid-cols-[auto_minmax(0,1fr)_auto] md:grid-rows-[minmax(0,1fr)_auto] md:overflow-hidden\",\n        className,\n      )}\n    >\n      <WorkspaceTopRight\n        hasLeft={groups.left.length > 0}\n        hasRight={groups.right.length > 0}\n        {...(slots ? { slots } : {})}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"left\"\n        panes={groups.left}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSingleRegion\n        pane={groups.center}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"right\"\n        panes={groups.right}\n        state={state}\n        update={update}\n      />\n      {groups.bottom && (\n        <WorkspaceSingleRegion\n          pane={groups.bottom}\n          state={state}\n          update={update}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","UiSidebar","validateWorkspacePanes","useState","readWorkspaceLayoutState","createWorkspaceLayoutState","useRef","useMemo","useLayoutEffect","useCallback","useEffect","writeWorkspaceLayoutState","cn","WorkspaceSideRegion","WorkspaceSingleRegion"],"mappings":"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"}

package/dist/layout/Workspace.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneSpec } from './Workspace.model';
+export type { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneLocation, WorkspacePaneSlots, WorkspacePaneSpec, WorkspaceSideLocation, } from './Workspace.model';
+export type WorkspaceSlots = {
+    topRightActions?: ReactNode;
+};
+export type WorkspaceProps = {
+    panes: WorkspacePaneSpec[];
+    value?: WorkspaceLayoutState;
+    defaultValue?: WorkspaceLayoutDefaults;
+    onValueChange?: (value: WorkspaceLayoutState) => void;
+    storageKey?: string;
+    slots?: WorkspaceSlots;
+    className?: string;
+};
+export declare function Workspace({ panes, value, defaultValue, onValueChange, storageKey, slots, className, }: WorkspaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Workspace.d.ts.map

package/dist/layout/Workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.d.ts","sourceRoot":"","sources":["../../src/layout/Workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAO3B,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,cAAc,GAAG;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0DF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,cAAc,2CA4HhB"}

package/dist/layout/Workspace.js

@@ -0,0 +1,191 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useMemo, useLayoutEffect, useCallback, useEffect } from "react";
+import { cn } from "../lib/utils.js";
+import { validateWorkspacePanes, readWorkspaceLayoutState, createWorkspaceLayoutState, writeWorkspaceLayoutState } from "./Workspace.model.js";
+import { WorkspaceSideRegion, WorkspaceSingleRegion } from "./Workspace.regions.js";
+import { UiSidebar } from "../icons/components/UiSidebar.js";
+function WorkspaceTopRight({
+  hasLeft,
+  hasRight,
+  slots,
+  state,
+  update
+}) {
+  if (!hasLeft && !hasRight && !(slots == null ? void 0 : slots.topRightActions)) return null;
+  const toggleSide = (location) => update((current) => ({
+    ...current,
+    sideCollapsed: {
+      ...current.sideCollapsed,
+      [location]: !current.sideCollapsed[location]
+    }
+  }));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "workspace-top-right",
+      className: "absolute right-1 top-1 z-30 flex h-7 items-center gap-1 rounded bg-muted/90 px-1 shadow-sm backdrop-blur",
+      children: [
+        slots == null ? void 0 : slots.topRightActions,
+        hasLeft && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            "aria-expanded": !state.sideCollapsed.left,
+            "aria-label": `${state.sideCollapsed.left ? "Expand" : "Collapse"} left side`,
+            onClick: () => toggleSide("left"),
+            children: /* @__PURE__ */ jsx(UiSidebar, { className: "size-4" })
+          }
+        ),
+        hasRight && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            "aria-expanded": !state.sideCollapsed.right,
+            "aria-label": `${state.sideCollapsed.right ? "Expand" : "Collapse"} right side`,
+            onClick: () => toggleSide("right"),
+            children: /* @__PURE__ */ jsx(UiSidebar, { className: "size-4 -scale-x-100" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Workspace({
+  panes,
+  value,
+  defaultValue = {},
+  onValueChange,
+  storageKey,
+  slots,
+  className
+}) {
+  validateWorkspacePanes(panes);
+  if (value !== void 0 && storageKey !== void 0) {
+    throw new Error("Workspace cannot combine value with storageKey");
+  }
+  const [internal, setInternal] = useState(
+    () => storageKey ? readWorkspaceLayoutState(storageKey, panes, defaultValue) : createWorkspaceLayoutState(panes, defaultValue)
+  );
+  const seenLocations = useRef(new Set(panes.map((pane) => pane.location)));
+  const seenPaneIds = useRef(new Set(panes.map((pane) => pane.id)));
+  const state = value ?? internal;
+  const groups = useMemo(
+    () => ({
+      left: panes.filter((pane) => pane.location === "left"),
+      center: panes.find(
+        (pane) => pane.location === "center"
+      ),
+      right: panes.filter((pane) => pane.location === "right"),
+      bottom: panes.find((pane) => pane.location === "bottom")
+    }),
+    [panes]
+  );
+  useLayoutEffect(() => {
+    const addedLocations = new Set(
+      panes.map((pane) => pane.location).filter((location) => !seenLocations.current.has(location))
+    );
+    const addedPanes = panes.filter(
+      (pane) => !seenPaneIds.current.has(pane.id)
+    );
+    panes.forEach((pane) => {
+      seenLocations.current.add(pane.location);
+      seenPaneIds.current.add(pane.id);
+    });
+    if (value !== void 0 || addedLocations.size === 0 && addedPanes.length === 0)
+      return;
+    const defaults = createWorkspaceLayoutState(panes, defaultValue);
+    const addedStackHeights = addedPanes.reduce(
+      (heights, pane) => {
+        if (pane.height !== void 0) heights[pane.id] = pane.height;
+        return heights;
+      },
+      {}
+    );
+    setInternal((current) => ({
+      ...current,
+      ...addedLocations.has("left") ? { leftWidth: defaults.leftWidth } : {},
+      ...addedLocations.has("right") ? { rightWidth: defaults.rightWidth } : {},
+      ...addedLocations.has("bottom") ? { bottomHeight: defaults.bottomHeight } : {},
+      stackHeights: { ...current.stackHeights, ...addedStackHeights },
+      collapsed: {
+        ...current.collapsed,
+        ...Object.fromEntries(
+          addedPanes.map((pane) => [pane.id, pane.defaultCollapsed ?? false])
+        )
+      }
+    }));
+  }, [defaultValue, panes, value]);
+  const update = useCallback(
+    (change) => {
+      const next = change(state);
+      if (value === void 0) setInternal(next);
+      onValueChange == null ? void 0 : onValueChange(next);
+    },
+    [onValueChange, state, value]
+  );
+  useEffect(() => {
+    if (storageKey && value === void 0)
+      writeWorkspaceLayoutState(storageKey, internal);
+  }, [internal, storageKey, value]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative grid min-h-0 w-full grid-cols-1 overflow-auto bg-background md:h-full md:grid-cols-[auto_minmax(0,1fr)_auto] md:grid-rows-[minmax(0,1fr)_auto] md:overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          WorkspaceTopRight,
+          {
+            hasLeft: groups.left.length > 0,
+            hasRight: groups.right.length > 0,
+            ...slots ? { slots } : {},
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WorkspaceSideRegion,
+          {
+            location: "left",
+            panes: groups.left,
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WorkspaceSingleRegion,
+          {
+            pane: groups.center,
+            state,
+            update
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          WorkspaceSideRegion,
+          {
+            location: "right",
+            panes: groups.right,
+            state,
+            update
+          }
+        ),
+        groups.bottom && /* @__PURE__ */ jsx(
+          WorkspaceSingleRegion,
+          {
+            pane: groups.bottom,
+            state,
+            update
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Workspace
+};
+//# sourceMappingURL=Workspace.js.map

package/dist/layout/Workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sources":["../../src/layout/Workspace.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { UiSidebar } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  createWorkspaceLayoutState,\n  readWorkspaceLayoutState,\n  validateWorkspacePanes,\n  writeWorkspaceLayoutState,\n  type WorkspaceLayoutDefaults,\n  type WorkspaceLayoutState,\n  type WorkspacePaneSpec,\n} from \"./Workspace.model\";\nimport {\n  WorkspaceSideRegion,\n  WorkspaceSingleRegion,\n  type WorkspaceUpdate,\n} from \"./Workspace.regions\";\n\nexport type {\n  WorkspaceLayoutDefaults,\n  WorkspaceLayoutState,\n  WorkspacePaneLocation,\n  WorkspacePaneSlots,\n  WorkspacePaneSpec,\n  WorkspaceSideLocation,\n} from \"./Workspace.model\";\n\nexport type WorkspaceSlots = {\n  topRightActions?: ReactNode;\n};\n\nexport type WorkspaceProps = {\n  panes: WorkspacePaneSpec[];\n  value?: WorkspaceLayoutState;\n  defaultValue?: WorkspaceLayoutDefaults;\n  onValueChange?: (value: WorkspaceLayoutState) => void;\n  storageKey?: string;\n  slots?: WorkspaceSlots;\n  className?: string;\n};\n\ntype WorkspaceTopRightProps = {\n  hasLeft: boolean;\n  hasRight: boolean;\n  slots?: WorkspaceSlots;\n  state: WorkspaceLayoutState;\n  update: WorkspaceUpdate;\n};\n\nfunction WorkspaceTopRight({\n  hasLeft,\n  hasRight,\n  slots,\n  state,\n  update,\n}: WorkspaceTopRightProps) {\n  if (!hasLeft && !hasRight && !slots?.topRightActions) return null;\n  const toggleSide = (location: \"left\" | \"right\") =>\n    update((current) => ({\n      ...current,\n      sideCollapsed: {\n        ...current.sideCollapsed,\n        [location]: !current.sideCollapsed[location],\n      },\n    }));\n  return (\n    <div\n      data-testid=\"workspace-top-right\"\n      className=\"absolute right-1 top-1 z-30 flex h-7 items-center gap-1 rounded bg-muted/90 px-1 shadow-sm backdrop-blur\"\n    >\n      {slots?.topRightActions}\n      {hasLeft && (\n        <button\n          type=\"button\"\n          className=\"inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          aria-expanded={!state.sideCollapsed.left}\n          aria-label={`${state.sideCollapsed.left ? \"Expand\" : \"Collapse\"} left side`}\n          onClick={() => toggleSide(\"left\")}\n        >\n          <UiSidebar className=\"size-4\" />\n        </button>\n      )}\n      {hasRight && (\n        <button\n          type=\"button\"\n          className=\"inline-flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          aria-expanded={!state.sideCollapsed.right}\n          aria-label={`${state.sideCollapsed.right ? \"Expand\" : \"Collapse\"} right side`}\n          onClick={() => toggleSide(\"right\")}\n        >\n          <UiSidebar className=\"size-4 -scale-x-100\" />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport function Workspace({\n  panes,\n  value,\n  defaultValue = {},\n  onValueChange,\n  storageKey,\n  slots,\n  className,\n}: WorkspaceProps) {\n  validateWorkspacePanes(panes);\n  if (value !== undefined && storageKey !== undefined) {\n    throw new Error(\"Workspace cannot combine value with storageKey\");\n  }\n  const [internal, setInternal] = useState(() =>\n    storageKey\n      ? readWorkspaceLayoutState(storageKey, panes, defaultValue)\n      : createWorkspaceLayoutState(panes, defaultValue),\n  );\n  const seenLocations = useRef(new Set(panes.map((pane) => pane.location)));\n  const seenPaneIds = useRef(new Set(panes.map((pane) => pane.id)));\n  const state = value ?? internal;\n  const groups = useMemo(\n    () => ({\n      left: panes.filter((pane) => pane.location === \"left\"),\n      center: panes.find(\n        (pane) => pane.location === \"center\",\n      ) as WorkspacePaneSpec,\n      right: panes.filter((pane) => pane.location === \"right\"),\n      bottom: panes.find((pane) => pane.location === \"bottom\"),\n    }),\n    [panes],\n  );\n\n  useLayoutEffect(() => {\n    const addedLocations = new Set(\n      panes\n        .map((pane) => pane.location)\n        .filter((location) => !seenLocations.current.has(location)),\n    );\n    const addedPanes = panes.filter(\n      (pane) => !seenPaneIds.current.has(pane.id),\n    );\n    panes.forEach((pane) => {\n      seenLocations.current.add(pane.location);\n      seenPaneIds.current.add(pane.id);\n    });\n    if (\n      value !== undefined ||\n      (addedLocations.size === 0 && addedPanes.length === 0)\n    )\n      return;\n    const defaults = createWorkspaceLayoutState(panes, defaultValue);\n    const addedStackHeights = addedPanes.reduce<Record<string, number>>(\n      (heights, pane) => {\n        if (pane.height !== undefined) heights[pane.id] = pane.height;\n        return heights;\n      },\n      {},\n    );\n    setInternal((current) => ({\n      ...current,\n      ...(addedLocations.has(\"left\") ? { leftWidth: defaults.leftWidth } : {}),\n      ...(addedLocations.has(\"right\")\n        ? { rightWidth: defaults.rightWidth }\n        : {}),\n      ...(addedLocations.has(\"bottom\")\n        ? { bottomHeight: defaults.bottomHeight }\n        : {}),\n      stackHeights: { ...current.stackHeights, ...addedStackHeights },\n      collapsed: {\n        ...current.collapsed,\n        ...Object.fromEntries(\n          addedPanes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n        ),\n      },\n    }));\n  }, [defaultValue, panes, value]);\n\n  const update = useCallback<WorkspaceUpdate>(\n    (change) => {\n      const next = change(state);\n      if (value === undefined) setInternal(next);\n      onValueChange?.(next);\n    },\n    [onValueChange, state, value],\n  );\n\n  useEffect(() => {\n    if (storageKey && value === undefined)\n      writeWorkspaceLayoutState(storageKey, internal);\n  }, [internal, storageKey, value]);\n\n  return (\n    <div\n      className={cn(\n        \"relative grid min-h-0 w-full grid-cols-1 overflow-auto bg-background md:h-full md:grid-cols-[auto_minmax(0,1fr)_auto] md:grid-rows-[minmax(0,1fr)_auto] md:overflow-hidden\",\n        className,\n      )}\n    >\n      <WorkspaceTopRight\n        hasLeft={groups.left.length > 0}\n        hasRight={groups.right.length > 0}\n        {...(slots ? { slots } : {})}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"left\"\n        panes={groups.left}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSingleRegion\n        pane={groups.center}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"right\"\n        panes={groups.right}\n        state={state}\n        update={update}\n      />\n      {groups.bottom && (\n        <WorkspaceSingleRegion\n          pane={groups.bottom}\n          state={state}\n          update={update}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/Workspace.model.cjs

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;
+const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;
+const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;
+const STORAGE_VERSION = 2;
+function validateWorkspacePanes(panes) {
+  const ids = /* @__PURE__ */ new Set();
+  for (const pane of panes) {
+    if (!pane.id.trim())
+      throw new Error("Workspace pane ids must not be empty");
+    if (ids.has(pane.id))
+      throw new Error(`Workspace pane id ${pane.id} is duplicated`);
+    ids.add(pane.id);
+    validatePaneDimensions(pane);
+  }
+  if (panes.filter((pane) => pane.location === "center").length !== 1) {
+    throw new Error("Workspace requires exactly one center pane");
+  }
+  if (panes.filter((pane) => pane.location === "bottom").length > 1) {
+    throw new Error("Workspace allows at most one bottom pane");
+  }
+  validateSharedSideWidth(panes, "left");
+  validateSharedSideWidth(panes, "right");
+}
+function validatePaneDimensions(pane) {
+  const values = [
+    pane.width,
+    pane.height,
+    pane.minWidth,
+    pane.maxWidth,
+    pane.minHeight,
+    pane.maxHeight
+  ];
+  if (values.some(
+    (value) => value !== void 0 && (!Number.isFinite(value) || value <= 0)
+  )) {
+    throw new Error(
+      `Workspace pane ${pane.id} dimensions must be positive finite numbers`
+    );
+  }
+  if (pane.minWidth !== void 0 && pane.maxWidth !== void 0 && pane.minWidth > pane.maxWidth) {
+    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);
+  }
+  if (pane.minHeight !== void 0 && pane.maxHeight !== void 0 && pane.minHeight > pane.maxHeight) {
+    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);
+  }
+}
+function validateSharedSideWidth(panes, location) {
+  const widths = new Set(
+    panes.filter((pane) => pane.location === location && pane.width !== void 0).map((pane) => pane.width)
+  );
+  if (widths.size > 1) {
+    throw new Error(
+      `Workspace panes stacked on the ${location} share one width`
+    );
+  }
+}
+function createWorkspaceLayoutState(panes, defaults = {}) {
+  const left = panes.find((pane) => pane.location === "left");
+  const right = panes.find((pane) => pane.location === "right");
+  const bottom = panes.find((pane) => pane.location === "bottom");
+  const stackHeights = Object.fromEntries(
+    panes.filter(
+      (pane) => (pane.location === "left" || pane.location === "right") && pane.height !== void 0
+    ).map((pane) => [pane.id, pane.height])
+  );
+  const collapsed = Object.fromEntries(
+    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false])
+  );
+  return {
+    leftWidth: defaults.leftWidth ?? (left == null ? void 0 : left.width) ?? WORKSPACE_DEFAULT_SIDE_WIDTH,
+    rightWidth: defaults.rightWidth ?? (right == null ? void 0 : right.width) ?? WORKSPACE_DEFAULT_SIDE_WIDTH,
+    bottomHeight: defaults.bottomHeight ?? (bottom == null ? void 0 : bottom.height) ?? WORKSPACE_DEFAULT_BOTTOM_HEIGHT,
+    stackHeights: { ...stackHeights, ...defaults.stackHeights },
+    collapsed: { ...collapsed, ...defaults.collapsed },
+    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed }
+  };
+}
+function readWorkspaceLayoutState(storageKey, panes, defaults) {
+  const fallback = createWorkspaceLayoutState(panes, defaults);
+  if (typeof window === "undefined") return fallback;
+  const saved = window.localStorage.getItem(storageKey);
+  if (!saved) return fallback;
+  try {
+    const parsed = JSON.parse(saved);
+    if (!isStoredWorkspaceState(parsed))
+      throw new Error("unsupported workspace layout state");
+    const paneIds = new Set(panes.map((pane) => pane.id));
+    return createWorkspaceLayoutState(panes, {
+      leftWidth: parsed.state.leftWidth,
+      rightWidth: parsed.state.rightWidth,
+      bottomHeight: parsed.state.bottomHeight,
+      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),
+      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),
+      sideCollapsed: parsed.state.sideCollapsed
+    });
+  } catch (error) {
+    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);
+    window.localStorage.removeItem(storageKey);
+    return fallback;
+  }
+}
+function writeWorkspaceLayoutState(storageKey, state) {
+  if (typeof window === "undefined") return;
+  window.localStorage.setItem(
+    storageKey,
+    JSON.stringify({ version: STORAGE_VERSION, state })
+  );
+}
+function filterPaneRecord(record, paneIds) {
+  return Object.fromEntries(
+    Object.entries(record).filter(([id]) => paneIds.has(id))
+  );
+}
+function isStoredWorkspaceState(value) {
+  if (!value || typeof value !== "object") return false;
+  const stored = value;
+  const state = stored.state;
+  return stored.version === STORAGE_VERSION && Boolean(state) && isPositiveNumber(state == null ? void 0 : state.leftWidth) && isPositiveNumber(state == null ? void 0 : state.rightWidth) && isPositiveNumber(state == null ? void 0 : state.bottomHeight) && isRecord(state == null ? void 0 : state.stackHeights, "number") && isRecord(state == null ? void 0 : state.collapsed, "boolean") && isSideCollapsed(state == null ? void 0 : state.sideCollapsed);
+}
+function isSideCollapsed(value) {
+  if (!value || typeof value !== "object") return false;
+  const sides = value;
+  return typeof sides.left === "boolean" && typeof sides.right === "boolean";
+}
+function isPositiveNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+function isRecord(value, valueType) {
+  return Boolean(value) && typeof value === "object" && Object.values(value).every(
+    (entry) => typeof entry === valueType
+  );
+}
+exports.WORKSPACE_COLLAPSED_RAIL_WIDTH = WORKSPACE_COLLAPSED_RAIL_WIDTH;
+exports.WORKSPACE_DEFAULT_BOTTOM_HEIGHT = WORKSPACE_DEFAULT_BOTTOM_HEIGHT;
+exports.WORKSPACE_DEFAULT_SIDE_WIDTH = WORKSPACE_DEFAULT_SIDE_WIDTH;
+exports.createWorkspaceLayoutState = createWorkspaceLayoutState;
+exports.readWorkspaceLayoutState = readWorkspaceLayoutState;
+exports.validateWorkspacePanes = validateWorkspacePanes;
+exports.writeWorkspaceLayoutState = writeWorkspaceLayoutState;
+//# sourceMappingURL=Workspace.model.cjs.map

package/dist/layout/Workspace.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.model.cjs","sources":["../../src/layout/Workspace.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type WorkspacePaneLocation = \"left\" | \"center\" | \"right\" | \"bottom\";\nexport type WorkspaceSideLocation = \"left\" | \"right\";\n\nexport type WorkspacePaneSlots = {\n  headerLeading?: ReactNode;\n  headerTrailing?: ReactNode;\n};\n\nexport type WorkspacePaneSpec = {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  location: WorkspacePaneLocation;\n  content: ReactNode;\n  slots?: WorkspacePaneSlots;\n  width?: number;\n  height?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n  defaultCollapsed?: boolean;\n  className?: string;\n  contentClassName?: string;\n};\n\nexport type WorkspaceLayoutState = {\n  leftWidth: number;\n  rightWidth: number;\n  bottomHeight: number;\n  stackHeights: Record<string, number>;\n  collapsed: Record<string, boolean>;\n  sideCollapsed: Record<WorkspaceSideLocation, boolean>;\n};\n\nexport type WorkspaceLayoutDefaults = Partial<WorkspaceLayoutState>;\n\nexport const WORKSPACE_DEFAULT_SIDE_WIDTH = 320;\nexport const WORKSPACE_DEFAULT_BOTTOM_HEIGHT = 240;\nexport const WORKSPACE_COLLAPSED_RAIL_WIDTH = 40;\n\nconst STORAGE_VERSION = 2;\n\nexport function validateWorkspacePanes(panes: WorkspacePaneSpec[]) {\n  const ids = new Set<string>();\n  for (const pane of panes) {\n    if (!pane.id.trim())\n      throw new Error(\"Workspace pane ids must not be empty\");\n    if (ids.has(pane.id))\n      throw new Error(`Workspace pane id ${pane.id} is duplicated`);\n    ids.add(pane.id);\n    validatePaneDimensions(pane);\n  }\n\n  if (panes.filter((pane) => pane.location === \"center\").length !== 1) {\n    throw new Error(\"Workspace requires exactly one center pane\");\n  }\n  if (panes.filter((pane) => pane.location === \"bottom\").length > 1) {\n    throw new Error(\"Workspace allows at most one bottom pane\");\n  }\n  validateSharedSideWidth(panes, \"left\");\n  validateSharedSideWidth(panes, \"right\");\n}\n\nfunction validatePaneDimensions(pane: WorkspacePaneSpec) {\n  const values = [\n    pane.width,\n    pane.height,\n    pane.minWidth,\n    pane.maxWidth,\n    pane.minHeight,\n    pane.maxHeight,\n  ];\n  if (\n    values.some(\n      (value) => value !== undefined && (!Number.isFinite(value) || value <= 0),\n    )\n  ) {\n    throw new Error(\n      `Workspace pane ${pane.id} dimensions must be positive finite numbers`,\n    );\n  }\n  if (\n    pane.minWidth !== undefined &&\n    pane.maxWidth !== undefined &&\n    pane.minWidth > pane.maxWidth\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minWidth exceeds maxWidth`);\n  }\n  if (\n    pane.minHeight !== undefined &&\n    pane.maxHeight !== undefined &&\n    pane.minHeight > pane.maxHeight\n  ) {\n    throw new Error(`Workspace pane ${pane.id} minHeight exceeds maxHeight`);\n  }\n}\n\nfunction validateSharedSideWidth(\n  panes: WorkspacePaneSpec[],\n  location: \"left\" | \"right\",\n) {\n  const widths = new Set(\n    panes\n      .filter((pane) => pane.location === location && pane.width !== undefined)\n      .map((pane) => pane.width),\n  );\n  if (widths.size > 1) {\n    throw new Error(\n      `Workspace panes stacked on the ${location} share one width`,\n    );\n  }\n}\n\nexport function createWorkspaceLayoutState(\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults = {},\n): WorkspaceLayoutState {\n  const left = panes.find((pane) => pane.location === \"left\");\n  const right = panes.find((pane) => pane.location === \"right\");\n  const bottom = panes.find((pane) => pane.location === \"bottom\");\n  const stackHeights = Object.fromEntries(\n    panes\n      .filter(\n        (pane) =>\n          (pane.location === \"left\" || pane.location === \"right\") &&\n          pane.height !== undefined,\n      )\n      .map((pane) => [pane.id, pane.height as number]),\n  );\n  const collapsed = Object.fromEntries(\n    panes.map((pane) => [pane.id, pane.defaultCollapsed ?? false]),\n  );\n\n  return {\n    leftWidth:\n      defaults.leftWidth ?? left?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    rightWidth:\n      defaults.rightWidth ?? right?.width ?? WORKSPACE_DEFAULT_SIDE_WIDTH,\n    bottomHeight:\n      defaults.bottomHeight ??\n      bottom?.height ??\n      WORKSPACE_DEFAULT_BOTTOM_HEIGHT,\n    stackHeights: { ...stackHeights, ...defaults.stackHeights },\n    collapsed: { ...collapsed, ...defaults.collapsed },\n    sideCollapsed: { left: false, right: false, ...defaults.sideCollapsed },\n  };\n}\n\nexport function readWorkspaceLayoutState(\n  storageKey: string,\n  panes: WorkspacePaneSpec[],\n  defaults: WorkspaceLayoutDefaults,\n): WorkspaceLayoutState {\n  const fallback = createWorkspaceLayoutState(panes, defaults);\n  if (typeof window === \"undefined\") return fallback;\n  const saved = window.localStorage.getItem(storageKey);\n  if (!saved) return fallback;\n\n  try {\n    const parsed = JSON.parse(saved) as unknown;\n    if (!isStoredWorkspaceState(parsed))\n      throw new Error(\"unsupported workspace layout state\");\n    const paneIds = new Set(panes.map((pane) => pane.id));\n    return createWorkspaceLayoutState(panes, {\n      leftWidth: parsed.state.leftWidth,\n      rightWidth: parsed.state.rightWidth,\n      bottomHeight: parsed.state.bottomHeight,\n      stackHeights: filterPaneRecord(parsed.state.stackHeights, paneIds),\n      collapsed: filterPaneRecord(parsed.state.collapsed, paneIds),\n      sideCollapsed: parsed.state.sideCollapsed,\n    });\n  } catch (error) {\n    console.warn(`Resetting invalid Workspace state for ${storageKey}`, error);\n    window.localStorage.removeItem(storageKey);\n    return fallback;\n  }\n}\n\nexport function writeWorkspaceLayoutState(\n  storageKey: string,\n  state: WorkspaceLayoutState,\n) {\n  if (typeof window === \"undefined\") return;\n  window.localStorage.setItem(\n    storageKey,\n    JSON.stringify({ version: STORAGE_VERSION, state }),\n  );\n}\n\nfunction filterPaneRecord<T>(\n  record: Record<string, T>,\n  paneIds: Set<string>,\n): Record<string, T> {\n  return Object.fromEntries(\n    Object.entries(record).filter(([id]) => paneIds.has(id)),\n  );\n}\n\nfunction isStoredWorkspaceState(\n  value: unknown,\n): value is { version: 2; state: WorkspaceLayoutState } {\n  if (!value || typeof value !== \"object\") return false;\n  const stored = value as {\n    version?: unknown;\n    state?: Partial<WorkspaceLayoutState>;\n  };\n  const state = stored.state;\n  return (\n    stored.version === STORAGE_VERSION &&\n    Boolean(state) &&\n    isPositiveNumber(state?.leftWidth) &&\n    isPositiveNumber(state?.rightWidth) &&\n    isPositiveNumber(state?.bottomHeight) &&\n    isRecord(state?.stackHeights, \"number\") &&\n    isRecord(state?.collapsed, \"boolean\") &&\n    isSideCollapsed(state?.sideCollapsed)\n  );\n}\n\nfunction isSideCollapsed(\n  value: unknown,\n): value is WorkspaceLayoutState[\"sideCollapsed\"] {\n  if (!value || typeof value !== \"object\") return false;\n  const sides = value as Partial<WorkspaceLayoutState[\"sideCollapsed\"]>;\n  return typeof sides.left === \"boolean\" && typeof sides.right === \"boolean\";\n}\n\nfunction isPositiveNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value) && value > 0;\n}\n\nfunction isRecord(\n  value: unknown,\n  valueType: \"number\" | \"boolean\",\n): value is Record<string, never> {\n  return (\n    Boolean(value) &&\n    typeof value === \"object\" &&\n    Object.values(value as Record<string, unknown>).every(\n      (entry) => typeof entry === valueType,\n    )\n  );\n}\n"],"names":[],"mappings":"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"}