@flanksource/clicky-ui 0.3.44 → 0.3.45

package/dist/data.js

@@ -109,12 +109,17 @@ import { parseJavaStackTrace } from "./data/diagnostics/stacktrace-parse.js";
 import { CopyBadge, ErrorDetails, PrettyStackTrace } from "./data/diagnostics/ErrorDetails.js";
 import { compactStackPath, isApplicationStackFrame, normalizeErrorDiagnostics, parseDiagnosticsStackTrace, parseInlineJsonContextValue } from "./data/diagnostics/error-diagnostics.js";
 import { HarEntryDetails, HarPanel } from "./data/har/HarPanel.js";
+import { CALL_GRAPH_ACCESS } from "./data/call-graph/types.js";
+import { CALL_GRAPH_DATA_GLYPHS, DATA_KIND_WORDS, UIR_CALL_GRAPH_VOCABULARY, callsItself, dataNodeBacking, dataNodeStatus, interfaceMethods, isDataNode } from "./data/call-graph/call-graph-vocabulary.js";
+import { CALL_GRAPH_DEFAULT_DEPTH, CALL_GRAPH_MAX_DEPTH, mergeGraph, toggleAccess } from "./data/call-graph/call-graph-model.js";
+import { EXCLUDE_EXTERNAL, callGraphGroupFacts, formatExclude, matchesExclude, parseExclude } from "./data/call-graph/call-graph-exclude.js";
 import { CacheAdapterRegistry, createCacheRegistry, prefixAdapter } from "./data/cache-browser/adapter.js";
 import { CacheBrowser } from "./data/cache-browser/CacheBrowser.js";
 import { CacheDetailPanel } from "./data/cache-browser/CacheDetailPanel.js";
 import { CacheNodeRow, CacheTree } from "./data/cache-browser/CacheTree.js";
 import { CacheStatsOverview } from "./data/cache-browser/CacheStatsOverview.js";
 import { CacheValue } from "./data/cache-browser/CacheValue.js";
+import { CallGraph } from "./data/call-graph/CallGraph.js";
 import { ClickyExportDialog } from "./data/clicky-export/ClickyExportDialog.js";
 import { FixtureEditor } from "./data/FixtureEditor/FixtureEditor.js";
 import { GitChangedFilesSummary, GitCommitList, GitDiffPanel, GitFileList } from "./data/git/GitChangeList.js";
@@ -725,6 +730,12 @@ export {
   CALLOUT_TONES,
   CALLOUT_VARIANTS,
   CALLOUT_VARIANT_LABELS,
+  CALL_GRAPH_ACCESS,
+  CALL_GRAPH_DATA_GLYPHS,
+  DATA_KIND_WORDS as CALL_GRAPH_DATA_KIND_WORDS,
+  CALL_GRAPH_DEFAULT_DEPTH,
+  EXCLUDE_EXTERNAL as CALL_GRAPH_EXCLUDE_EXTERNAL,
+  CALL_GRAPH_MAX_DEPTH,
   CacheAdapterRegistry,
   CacheBrowser,
   CacheDetailPanel,
@@ -732,6 +743,7 @@ export {
   CacheStatsOverview,
   CacheTree,
   CacheValue,
+  CallGraph,
   Callout,
   CellFilterActions,
   ClickyExportDialog,
@@ -832,6 +844,7 @@ export {
   Tree,
   TreeGroupHeader,
   TreeNode,
+  UIR_CALL_GRAPH_VOCABULARY,
   UiAccessProtected,
   UiAccessProtectedDark,
   UiAccessPublic,
@@ -1912,7 +1925,9 @@ export {
   buildSchemaViewerTree,
   buildStepBranchTree,
   cacheQueryKeys,
+  callGraphGroupFacts,
   calloutVariantStyles,
+  callsItself,
   changeIconAliases,
   chooseTimestampFormat,
   clickyFormatForMarkdownPreview,
@@ -1933,6 +1948,8 @@ export {
   createFenceMarkdown,
   createTestRunnerRegistry,
   cycleFilterState,
+  dataNodeBacking,
+  dataNodeStatus,
   debugCaptureHeaders,
   debugConsoleAvailable,
   debugConsoleOpen,
@@ -1951,6 +1968,7 @@ export {
   fixtureFenceSchemaAliases,
   fixtureFenceSnippetInfo,
   fixtureFrontmatterState,
+  formatExclude as formatCallGraphExclude,
   formatCount,
   formatDateTimeRelative,
   formatGitCommitDateHeader,
@@ -1972,7 +1990,9 @@ export {
   humanizeName,
   iconsByConsumerName,
   inferColumns,
+  interfaceMethods,
   isApplicationStackFrame,
+  isDataNode,
   isFailedOrWarn,
   isFlatMetadata,
   isGroupCollapsedByDefault,
@@ -1983,7 +2003,9 @@ export {
   latestOf,
   logLevelColor,
   markdownDocumentStats,
+  matchesExclude as matchesCallGraphExclude,
   matchesFilterState,
+  mergeGraph as mergeCallGraph,
   mergeSeries,
   metadataEntries,
   mockMarkdownPreview,
@@ -1993,6 +2015,7 @@ export {
   normalizeStatus,
   normalizeTags,
   parseBoundsValue,
+  parseExclude as parseCallGraphExclude,
   parseDiagnosticsStackTrace,
   parseDurationBoundsValue,
   parseFixtureFrontmatter,
@@ -2060,6 +2083,7 @@ export {
   taskStatusColor,
   taskStatusIcon,
   testStatus,
+  toggleAccess as toggleCallGraphAccess,
   totalDuration,
   updateFilterSelection,
   useClickyExport,

package/dist/data.js.map

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

package/dist/index.cjs

@@ -286,13 +286,18 @@ const clickyMetadata = require("./rpc/clickyMetadata.cjs");
 const commandHref = require("./rpc/commandHref.cjs");
 const router = require("./rpc/router.cjs");
 const RouterProvider = require("./rpc/RouterProvider.cjs");
-const types$1 = require("./rpc/types.cjs");
+const types$2 = require("./rpc/types.cjs");
+const types = require("./data/call-graph/types.cjs");
+const callGraphVocabulary = require("./data/call-graph/call-graph-vocabulary.cjs");
+const callGraphModel = require("./data/call-graph/call-graph-model.cjs");
+const callGraphExclude = require("./data/call-graph/call-graph-exclude.cjs");
 const adapter = require("./data/cache-browser/adapter.cjs");
 const CacheBrowser = require("./data/cache-browser/CacheBrowser.cjs");
 const CacheDetailPanel = require("./data/cache-browser/CacheDetailPanel.cjs");
 const CacheTree = require("./data/cache-browser/CacheTree.cjs");
 const CacheStatsOverview = require("./data/cache-browser/CacheStatsOverview.cjs");
 const CacheValue = require("./data/cache-browser/CacheValue.cjs");
+const CallGraph = require("./data/call-graph/CallGraph.cjs");
 const ClickyExportDialog = require("./data/clicky-export/ClickyExportDialog.cjs");
 const FixtureEditor = require("./data/FixtureEditor/FixtureEditor.cjs");
 const GitChangeList = require("./data/git/GitChangeList.cjs");
@@ -890,7 +895,7 @@ const filterState = require("./data/test-runner/filterState.cjs");
 const verifyReport = require("./data/verification/verify-report.cjs");
 const gitDates = require("./data/git/git-dates.cjs");
 const frameworkIcon = require("./data/test-runner/frameworkIcon.cjs");
-const types = require("./data/cache-browser/types.cjs");
+const types$1 = require("./data/cache-browser/types.cjs");
 const programmingCatalog = require("./icons/programmingCatalog.cjs");
 const graphEdgeRouting = require("./data/graph-edge-routing.cjs");
 const useClickyExport = require("./data/clicky-export/useClickyExport.cjs");
@@ -1462,7 +1467,25 @@ exports.useBrowserRouter = router.useBrowserRouter;
 exports.useMemoryRouter = router.useMemoryRouter;
 exports.useRouter = router.useRouter;
 exports.RouterProvider = RouterProvider.RouterProvider;
-exports.isPositionalParam = types$1.isPositionalParam;
+exports.isPositionalParam = types$2.isPositionalParam;
+exports.CALL_GRAPH_ACCESS = types.CALL_GRAPH_ACCESS;
+exports.CALL_GRAPH_DATA_GLYPHS = callGraphVocabulary.CALL_GRAPH_DATA_GLYPHS;
+exports.CALL_GRAPH_DATA_KIND_WORDS = callGraphVocabulary.DATA_KIND_WORDS;
+exports.UIR_CALL_GRAPH_VOCABULARY = callGraphVocabulary.UIR_CALL_GRAPH_VOCABULARY;
+exports.callsItself = callGraphVocabulary.callsItself;
+exports.dataNodeBacking = callGraphVocabulary.dataNodeBacking;
+exports.dataNodeStatus = callGraphVocabulary.dataNodeStatus;
+exports.interfaceMethods = callGraphVocabulary.interfaceMethods;
+exports.isDataNode = callGraphVocabulary.isDataNode;
+exports.CALL_GRAPH_DEFAULT_DEPTH = callGraphModel.CALL_GRAPH_DEFAULT_DEPTH;
+exports.CALL_GRAPH_MAX_DEPTH = callGraphModel.CALL_GRAPH_MAX_DEPTH;
+exports.mergeCallGraph = callGraphModel.mergeGraph;
+exports.toggleCallGraphAccess = callGraphModel.toggleAccess;
+exports.CALL_GRAPH_EXCLUDE_EXTERNAL = callGraphExclude.EXCLUDE_EXTERNAL;
+exports.callGraphGroupFacts = callGraphExclude.callGraphGroupFacts;
+exports.formatCallGraphExclude = callGraphExclude.formatExclude;
+exports.matchesCallGraphExclude = callGraphExclude.matchesExclude;
+exports.parseCallGraphExclude = callGraphExclude.parseExclude;
 exports.CacheAdapterRegistry = adapter.CacheAdapterRegistry;
 exports.createCacheRegistry = adapter.createCacheRegistry;
 exports.prefixAdapter = adapter.prefixAdapter;
@@ -1472,6 +1495,7 @@ exports.CacheNodeRow = CacheTree.CacheNodeRow;
 exports.CacheTree = CacheTree.CacheTree;
 exports.CacheStatsOverview = CacheStatsOverview.CacheStatsOverview;
 exports.CacheValue = CacheValue.CacheValue;
+exports.CallGraph = CallGraph.CallGraph;
 exports.ClickyExportDialog = ClickyExportDialog.ClickyExportDialog;
 exports.FixtureEditor = FixtureEditor.FixtureEditor;
 exports.GitChangedFilesSummary = GitChangeList.GitChangedFilesSummary;
@@ -2605,7 +2629,7 @@ exports.emptyVerifySummary = verifyReport.emptyVerifySummary;
 exports.summarizeVerifyNodes = verifyReport.summarizeVerifyNodes;
 exports.formatGitCommitDateHeader = gitDates.formatGitCommitDateHeader;
 exports.frameworkIcon = frameworkIcon.frameworkIcon;
-exports.isLeaf = types.isLeaf;
+exports.isLeaf = types$1.isLeaf;
 exports.programmingIconCatalog = programmingCatalog.programmingIconCatalog;
 exports.routeEdges = graphEdgeRouting.routeEdges;
 exports.useClickyExport = useClickyExport.useClickyExport;

package/dist/index.cjs.map

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

package/dist/index.js

@@ -285,12 +285,17 @@ import { buildCommandHref, withBasePath } from "./rpc/commandHref.js";
 import { useBrowserRouter, useMemoryRouter, useRouter } from "./rpc/router.js";
 import { RouterProvider } from "./rpc/RouterProvider.js";
 import { isPositionalParam } from "./rpc/types.js";
+import { CALL_GRAPH_ACCESS } from "./data/call-graph/types.js";
+import { CALL_GRAPH_DATA_GLYPHS, DATA_KIND_WORDS, UIR_CALL_GRAPH_VOCABULARY, callsItself, dataNodeBacking, dataNodeStatus, interfaceMethods, isDataNode } from "./data/call-graph/call-graph-vocabulary.js";
+import { CALL_GRAPH_DEFAULT_DEPTH, CALL_GRAPH_MAX_DEPTH, mergeGraph, toggleAccess } from "./data/call-graph/call-graph-model.js";
+import { EXCLUDE_EXTERNAL, callGraphGroupFacts, formatExclude, matchesExclude, parseExclude } from "./data/call-graph/call-graph-exclude.js";
 import { CacheAdapterRegistry, createCacheRegistry, prefixAdapter } from "./data/cache-browser/adapter.js";
 import { CacheBrowser } from "./data/cache-browser/CacheBrowser.js";
 import { CacheDetailPanel } from "./data/cache-browser/CacheDetailPanel.js";
 import { CacheNodeRow, CacheTree } from "./data/cache-browser/CacheTree.js";
 import { CacheStatsOverview } from "./data/cache-browser/CacheStatsOverview.js";
 import { CacheValue } from "./data/cache-browser/CacheValue.js";
+import { CallGraph } from "./data/call-graph/CallGraph.js";
 import { ClickyExportDialog } from "./data/clicky-export/ClickyExportDialog.js";
 import { FixtureEditor } from "./data/FixtureEditor/FixtureEditor.js";
 import { GitChangedFilesSummary, GitCommitList, GitDiffPanel, GitFileList } from "./data/git/GitChangeList.js";
@@ -909,6 +914,12 @@ export {
   CALLOUT_TONES,
   CALLOUT_VARIANTS,
   CALLOUT_VARIANT_LABELS,
+  CALL_GRAPH_ACCESS,
+  CALL_GRAPH_DATA_GLYPHS,
+  DATA_KIND_WORDS as CALL_GRAPH_DATA_KIND_WORDS,
+  CALL_GRAPH_DEFAULT_DEPTH,
+  EXCLUDE_EXTERNAL as CALL_GRAPH_EXCLUDE_EXTERNAL,
+  CALL_GRAPH_MAX_DEPTH,
   CLICKY_COLUMN_FORMAT_OPTIONS,
   CLICKY_COLUMN_UNIT_OPTIONS,
   CLICKY_FORMAT_OPTIONS,
@@ -925,6 +936,7 @@ export {
   CacheStatsOverview,
   CacheTree,
   CacheValue,
+  CallGraph,
   Callout,
   CellActionButton,
   CellActions,
@@ -1157,6 +1169,7 @@ export {
   TreePickerField,
   TriStateMultiSelect,
   TriStateToggle,
+  UIR_CALL_GRAPH_VOCABULARY,
   UiAccessProtected,
   UiAccessProtectedDark,
   UiAccessPublic,
@@ -2257,7 +2270,9 @@ export {
   buttonVariants,
   cacheQueryKeys,
   calculateComboboxMenuPosition,
+  callGraphGroupFacts,
   calloutVariantStyles,
+  callsItself,
   changeIconAliases,
   chooseTimestampFormat,
   clickyFormatForMarkdownPreview,
@@ -2290,6 +2305,8 @@ export {
   createTestRunnerRegistry,
   createUnitFormExtensions,
   cycleFilterState,
+  dataNodeBacking,
+  dataNodeStatus,
   debugCaptureHeaders,
   debugConsoleAvailable,
   debugConsoleOpen,
@@ -2330,6 +2347,7 @@ export {
   foldersFirst,
   formatBytes,
   formatBytesPerSecond,
+  formatExclude as formatCallGraphExclude,
   formatCount,
   formatDateTimeRelative,
   formatDuration,
@@ -2364,9 +2382,11 @@ export {
   humanizeName,
   iconsByConsumerName,
   inferColumns,
+  interfaceMethods,
   isApplicationStackFrame,
   isConnectionLoggingCapability,
   isCountryCode,
+  isDataNode,
   isFailedOrWarn,
   isFlatMetadata,
   isGroupCollapsedByDefault,
@@ -2395,11 +2415,13 @@ export {
   makeSurfaceDefinition,
   markdownDocumentStats,
   matchMentionsInBody,
+  matchesExclude as matchesCallGraphExclude,
   matchesFilterState,
   matchesIf,
   matchingTools,
   mediaMatches,
   memoryTourStorage,
+  mergeGraph as mergeCallGraph,
   mergeRuntimeSpec,
   mergeSeries,
   metadataEntries,
@@ -2422,6 +2444,7 @@ export {
   onMediaChange,
   paletteClass,
   parseBoundsValue,
+  parseExclude as parseCallGraphExclude,
   parseDiagnosticsStackTrace,
   parseDurationBoundsValue,
   parseEndpointValue,
@@ -2539,6 +2562,7 @@ export {
   taskStatusIcon,
   templateValuePre,
   testStatus,
+  toggleAccess as toggleCallGraphAccess,
   toneToBadgeTone,
   toolFieldSuggestions,
   totalDuration,

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

@@ -61,6 +61,7 @@ function Workspace({
   onValueChange,
   storageKey,
   slots,
+  collapsedSides,
   className
 }) {
   Workspace_model.validateWorkspacePanes(panes);
@@ -131,6 +132,14 @@ function Workspace({
     if (storageKey && value === void 0)
       Workspace_model.writeWorkspaceLayoutState(storageKey, internal);
   }, [internal, storageKey, value]);
+  const held = (location) => (collapsedSides == null ? void 0 : collapsedSides.includes(location)) ?? false;
+  const shown = (collapsedSides == null ? void 0 : collapsedSides.length) ? {
+    ...state,
+    sideCollapsed: {
+      left: held("left") || state.sideCollapsed.left,
+      right: held("right") || state.sideCollapsed.right
+    }
+  } : state;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -142,8 +151,8 @@ function Workspace({
         /* @__PURE__ */ jsxRuntime.jsx(
           WorkspaceTopRight,
           {
-            hasLeft: groups.left.length > 0,
-            hasRight: groups.right.length > 0,
+            hasLeft: groups.left.length > 0 && !held("left"),
+            hasRight: groups.right.length > 0 && !held("right"),
             ...slots ? { slots } : {},
             state,
             update
@@ -154,7 +163,7 @@ function Workspace({
           {
             location: "left",
             panes: groups.left,
-            state,
+            state: shown,
             update
           }
         ),
@@ -171,7 +180,7 @@ function Workspace({
           {
             location: "right",
             panes: groups.right,
-            state,
+            state: shown,
             update
           }
         ),

package/dist/layout/Workspace.cjs.map

@@ -1 +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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"}
+{"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  type WorkspaceSideLocation,\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  /**\n   * Sides the host holds collapsed for now, such as while the center shows something that needs the\n   * full width: they render collapsed and lose their toggle, and the layout state keeps how they were.\n   */\n  collapsedSides?: WorkspaceSideLocation[];\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  collapsedSides,\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  const held = (location: WorkspaceSideLocation) =>\n    collapsedSides?.includes(location) ?? false;\n  const shown: WorkspaceLayoutState = collapsedSides?.length\n    ? {\n        ...state,\n        sideCollapsed: {\n          left: held(\"left\") || state.sideCollapsed.left,\n          right: held(\"right\") || state.sideCollapsed.right,\n        },\n      }\n    : state;\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 && !held(\"left\")}\n        hasRight={groups.right.length > 0 && !held(\"right\")}\n        {...(slots ? { slots } : {})}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"left\"\n        panes={groups.left}\n        state={shown}\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={shown}\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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneSpec } from './Workspace.model.js';
+import { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneSpec, WorkspaceSideLocation } from './Workspace.model.js';
 export type { WorkspaceLayoutDefaults, WorkspaceLayoutState, WorkspacePaneLocation, WorkspacePaneSlots, WorkspacePaneSpec, WorkspaceSideLocation, } from './Workspace.model.js';
 export type WorkspaceSlots = {
     topRightActions?: ReactNode;
@@ -11,7 +11,12 @@ export type WorkspaceProps = {
     onValueChange?: (value: WorkspaceLayoutState) => void;
     storageKey?: string;
     slots?: WorkspaceSlots;
+    /**
+     * Sides the host holds collapsed for now, such as while the center shows something that needs the
+     * full width: they render collapsed and lose their toggle, and the layout state keeps how they were.
+     */
+    collapsedSides?: WorkspaceSideLocation[];
     className?: string;
 };
-export declare function Workspace({ panes, value, defaultValue, onValueChange, storageKey, slots, className, }: WorkspaceProps): import("react").JSX.Element;
+export declare function Workspace({ panes, value, defaultValue, onValueChange, storageKey, slots, collapsedSides, className, }: WorkspaceProps): import("react").JSX.Element;
 //# sourceMappingURL=Workspace.d.ts.map

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

@@ -1 +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,+BA4HhB"}
+{"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,EACtB,KAAK,qBAAqB,EAC3B,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;;;OAGG;IACH,cAAc,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0DF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,UAAU,EACV,KAAK,EACL,cAAc,EACd,SAAS,GACV,EAAE,cAAc,+BAwIhB"}

package/dist/layout/Workspace.js

@@ -59,6 +59,7 @@ function Workspace({
   onValueChange,
   storageKey,
   slots,
+  collapsedSides,
   className
 }) {
   validateWorkspacePanes(panes);
@@ -129,6 +130,14 @@ function Workspace({
     if (storageKey && value === void 0)
       writeWorkspaceLayoutState(storageKey, internal);
   }, [internal, storageKey, value]);
+  const held = (location) => (collapsedSides == null ? void 0 : collapsedSides.includes(location)) ?? false;
+  const shown = (collapsedSides == null ? void 0 : collapsedSides.length) ? {
+    ...state,
+    sideCollapsed: {
+      left: held("left") || state.sideCollapsed.left,
+      right: held("right") || state.sideCollapsed.right
+    }
+  } : state;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -140,8 +149,8 @@ function Workspace({
         /* @__PURE__ */ jsx(
           WorkspaceTopRight,
           {
-            hasLeft: groups.left.length > 0,
-            hasRight: groups.right.length > 0,
+            hasLeft: groups.left.length > 0 && !held("left"),
+            hasRight: groups.right.length > 0 && !held("right"),
             ...slots ? { slots } : {},
             state,
             update
@@ -152,7 +161,7 @@ function Workspace({
           {
             location: "left",
             panes: groups.left,
-            state,
+            state: shown,
             update
           }
         ),
@@ -169,7 +178,7 @@ function Workspace({
           {
             location: "right",
             panes: groups.right,
-            state,
+            state: shown,
             update
           }
         ),

package/dist/layout/Workspace.js.map

@@ -1 +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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"}
+{"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  type WorkspaceSideLocation,\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  /**\n   * Sides the host holds collapsed for now, such as while the center shows something that needs the\n   * full width: they render collapsed and lose their toggle, and the layout state keeps how they were.\n   */\n  collapsedSides?: WorkspaceSideLocation[];\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  collapsedSides,\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  const held = (location: WorkspaceSideLocation) =>\n    collapsedSides?.includes(location) ?? false;\n  const shown: WorkspaceLayoutState = collapsedSides?.length\n    ? {\n        ...state,\n        sideCollapsed: {\n          left: held(\"left\") || state.sideCollapsed.left,\n          right: held(\"right\") || state.sideCollapsed.right,\n        },\n      }\n    : state;\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 && !held(\"left\")}\n        hasRight={groups.right.length > 0 && !held(\"right\")}\n        {...(slots ? { slots } : {})}\n        state={state}\n        update={update}\n      />\n      <WorkspaceSideRegion\n        location=\"left\"\n        panes={groups.left}\n        state={shown}\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={shown}\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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"}