@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/overlay/zIndex.d.ts

@@ -33,6 +33,14 @@ export declare const zIndex: {
     readonly modalStep: 10;
     /** How far above the top modal floating content sits (below the next nest). */
     readonly popoverOverModalOffset: 5;
+    /**
+     * Guided-tour dim/spotlight. Above every app overlay including a modal a step
+     * may point at, and below toasts. Floating content opened *during* a tour
+     * clears the dim via `useFloatingZIndex` (see ./modalStack).
+     */
+    readonly tour: 50000;
+    /** How far above the dim the tour's own step card sits. */
+    readonly tourCardOffset: 10;
     /** Toasts / notifications — always the topmost layer. */
     readonly toast: 100000;
 };

package/dist/overlay/zIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/overlay/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;IACjB,gDAAgD;;IAEhD,gCAAgC;;IAEhC,4EAA4E;;IAE5E,2EAA2E;;IAE3E,wEAAwE;;IAExE,6CAA6C;;IAE7C,+EAA+E;;IAE/E,yDAAyD;;CAEjD,CAAC"}
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/overlay/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;IACjB,gDAAgD;;IAEhD,gCAAgC;;IAEhC,4EAA4E;;IAE5E,2EAA2E;;IAE3E,wEAAwE;;IAExE,6CAA6C;;IAE7C,+EAA+E;;IAE/E;;;;OAIG;;IAEH,2DAA2D;;IAE3D,yDAAyD;;CAEjD,CAAC"}

package/dist/overlay/zIndex.js

@@ -13,6 +13,14 @@ const zIndex = {
   modalStep: 10,
   /** How far above the top modal floating content sits (below the next nest). */
   popoverOverModalOffset: 5,
+  /**
+   * Guided-tour dim/spotlight. Above every app overlay including a modal a step
+   * may point at, and below toasts. Floating content opened *during* a tour
+   * clears the dim via `useFloatingZIndex` (see ./modalStack).
+   */
+  tour: 5e4,
+  /** How far above the dim the tour's own step card sits. */
+  tourCardOffset: 10,
   /** Toasts / notifications — always the topmost layer. */
   toast: 1e5
 };

package/dist/overlay/zIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.js","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":"AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA,EAExB,OAAO;AACT;"}
+{"version":3,"file":"zIndex.js","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /**\n   * Guided-tour dim/spotlight. Above every app overlay including a modal a step\n   * may point at, and below toasts. Floating content opened *during* a tour\n   * clears the dim via `useFloatingZIndex` (see ./modalStack).\n   */\n  tour: 50000,\n  /** How far above the dim the tour's own step card sits. */\n  tourCardOffset: 10,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":"AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,MAAM;AAAA;AAAA,EAEN,gBAAgB;AAAA;AAAA,EAEhB,OAAO;AACT;"}

package/dist/rpc/CommandOutput.cjs

@@ -28,6 +28,8 @@ function CommandOutput({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -62,6 +64,8 @@ function CommandOutput({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {}
@@ -134,6 +138,8 @@ function OutputBody({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -157,6 +163,8 @@ function OutputBody({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {},

package/dist/rpc/CommandOutput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}
+{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport type {\n  CellFilterChange,\n  CellFilterMode,\n} from \"../data/cells/CellFilterActions\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}

package/dist/rpc/CommandOutput.d.ts

@@ -1,6 +1,7 @@
 import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { DataTablePagination } from '../data/DataTable';
 import { ClickyCommandRuntime, ClickyDownloadOptions, ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate, ClickyTableRowSelection } from '../data/Clicky';
+import { CellFilterChange, CellFilterMode } from '../data/cells/CellFilterActions';
 import { ExecutionResponse } from './types';
 export type CommandOutputProps = {
     response?: ExecutionResponse | null;
@@ -17,9 +18,11 @@ export type CommandOutputProps = {
     search?: FilterBarSearchProps;
     timeRange?: FilterBarRangeProps;
     externalFilters?: FilterBarFilter[];
+    cellFilters?: Record<string, Record<string, CellFilterMode>>;
+    onCellFilterChange?: (change: CellFilterChange) => void;
     pagination?: DataTablePagination;
     rowSelection?: ClickyTableRowSelection;
     download?: ClickyDownloadOptions;
 };
-export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, pagination, rowSelection, download, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, cellFilters, onCellFilterChange, pagination, rowSelection, download, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommandOutput.d.ts.map

package/dist/rpc/CommandOutput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAG1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA6GpB"}
+{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAG1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACf,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA+GpB"}

package/dist/rpc/CommandOutput.js

@@ -26,6 +26,8 @@ function CommandOutput({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -60,6 +62,8 @@ function CommandOutput({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {}
@@ -132,6 +136,8 @@ function OutputBody({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -155,6 +161,8 @@ function OutputBody({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {},

package/dist/rpc/CommandOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport type {\n  CellFilterChange,\n  CellFilterMode,\n} from \"../data/cells/CellFilterActions\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/EntityExplorerApp.cjs

@@ -10,7 +10,7 @@ const router = require("./router.cjs");
 const OperationCatalog = require("./OperationCatalog.cjs");
 const OperationCommandPage = require("./OperationCommandPage.cjs");
 const OperationEntityPage = require("./OperationEntityPage.cjs");
-const surfaceIconMap = require("./surfaceIconMap.cjs");
+const surfaceNav = require("./surfaceNav.cjs");
 const useOperations = require("./useOperations.cjs");
 const SIDEBAR_COLLAPSED_KEY = "clicky-ui:sidebar:collapsed";
 function EntityExplorerApp({
@@ -62,19 +62,12 @@ function EntityExplorerApp({
     []
   );
   const navSections = react.useMemo(() => {
-    const sections = surfaceGroups.map((group) => ({
-      label: group.label,
-      items: group.surfaces.map((surface) => {
-        const icon = surfaceIconMap.resolveSurfaceIcon(surface.icon);
-        return {
-          key: surface.key,
-          label: surface.title,
-          ...icon ? { icon } : {},
-          active: isSurfaceRouteActive(resolvedRoute, surface.key),
-          to: commandHref.withBasePath(basePath, `/${surface.key}`)
-        };
+    const sections = surfaceGroups.map(
+      (group) => surfaceNav.surfaceNavSection(group.label, group.surfaces, {
+        isActive: (surface) => isSurfaceRouteActive(resolvedRoute, surface.key),
+        hrefFor: (surface) => commandHref.withBasePath(basePath, `/${surface.key}`)
       })
-    }));
+    );
     if (showApiExplorer) {
       sections.push({
         items: [
@@ -103,12 +96,13 @@ function EntityExplorerApp({
       navSections,
       sidebarFooter: /* @__PURE__ */ jsxRuntime.jsx(themeSwitcher.ThemeSwitcher, {}),
       ...resolvedRoute.kind === "surface" && resolvedRoute.surface ? {
-        bodyHeader: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: resolvedRoute.surface.title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: clickyMetadata.makeSurfaceDefinition(resolvedRoute.surface).description })
+        nav: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "min-w-0 truncate text-base font-semibold tracking-tight", children: resolvedRoute.surface.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "hidden min-w-0 truncate text-sm text-muted-foreground lg:block", children: clickyMetadata.makeSurfaceDefinition(resolvedRoute.surface).description })
         ] })
       } : {},
       collapsedStorageKey: SIDEBAR_COLLAPSED_KEY,
+      contentWidth: "full",
       contentClassName: "p-6",
       children: resolvedRoute.kind === "surface" ? resolvedRoute.surface ? /* @__PURE__ */ jsxRuntime.jsx(
         OperationCatalog.OperationCatalog,

package/dist/rpc/EntityExplorerApp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EntityExplorerApp.cjs","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useEffect, useMemo, type ReactNode } from \"react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { PreExtension, PostExtension } from \"../components/json-schema-form-types\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { AppShell, type AppShellNavSection } from \"../layout/AppShell\";\nimport { getClickySurfaces, makeSurfaceDefinition } from \"./clickyMetadata\";\nimport {\n  ARG_QUERY_PREFIX,\n  AUTORUN_QUERY_PARAM,\n  buildCommandHref,\n  trimTrailingSlash,\n  withBasePath,\n} from \"./commandHref\";\nimport { useRouter } from \"./router\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport type { ResultRenderer } from \"./OperationResultView\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport {\n  OperationEntityPage,\n  type EntityDetailBodyRenderer,\n  type EntityDetailHeaderRenderer,\n} from \"./OperationEntityPage\";\nimport type { FormActionsRenderer } from \"./SchemaActionForm\";\nimport { resolveSurfaceIcon } from \"./surfaceIconMap\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type SurfaceActionLabels = Record<string, Record<string, string>>;\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  /**\n   * Custom JsonSchemaForm field extensions applied to every create/edit form the\n   * explorer renders — e.g. a SecretKeySelector widget keyed on an\n   * `x-clicky-component` schema hint. `pre` transforms a resolved control; `post`\n   * can replace the rendered value node with a custom component.\n   */\n  formExtensions?: { pre?: PreExtension[]; post?: PostExtension[] };\n  /**\n   * Optional extra footer actions added to every create/edit form (e.g. a\n   * connection \"Test\" split-button). The renderer receives the live form value\n   * and the action it submits to, so it can scope itself to a given entity.\n   */\n  formActions?: FormActionsRenderer;\n  /** Per-surface labels keyed by x-clicky verb/actionName. */\n  surfaceActionLabels?: SurfaceActionLabels;\n  /**\n   * @deprecated Superseded by per-surface icons emitted by the backend\n   * (x-clicky-icon → ClickySurface.icon). AppShell section labels are plain\n   * strings, so this group-header icon map is no longer rendered. Kept for\n   * source-compatibility only.\n   */\n  surfaceIcons?: Record<string, ReactNode>;\n  /**\n   * Optional host override for the result surface. Called where an entity's\n   * result table renders, with the current surface key, the raw response, and\n   * the default OperationResultView element. Return `defaultView` to keep the\n   * standard table, or a custom node (e.g. a LogsTable for trace/log profiles\n   * flagged via x-clicky-render). Filtering/sorting policy is the host's choice.\n   */\n  resultRenderer?: ResultRenderer;\n  /** Host override for a loaded entity's body; heading and actions remain. */\n  entityDetailBodyRenderer?: EntityDetailBodyRenderer;\n  /** Host override for a loaded entity's \"{title}: {id}\" heading. */\n  entityDetailHeaderRenderer?: EntityDetailHeaderRenderer;\n};\n\n// SIDEBAR_COLLAPSED_KEY persists the AppShell rail collapsed flag across reloads.\nconst SIDEBAR_COLLAPSED_KEY = \"clicky-ui:sidebar:collapsed\";\n\nexport function EntityExplorerApp({\n  client,\n  basePath = \"\",\n  showApiExplorer = true,\n  formExtensions,\n  formActions,\n  surfaceActionLabels,\n  resultRenderer,\n  entityDetailBodyRenderer,\n  entityDetailHeaderRenderer,\n}: EntityExplorerAppProps) {\n  const formPre = formExtensions?.pre;\n  const formPost = formExtensions?.post;\n  const { pathname, renderLink, navigate } = useRouter();\n  const { spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\n  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);\n  const defaultSurface = useMemo(\n    () => surfaces.find((surface) => !surface.admin) ?? surfaces[0],\n    [surfaces],\n  );\n  const relativePath = useMemo(() => stripBasePath(pathname, basePath), [basePath, pathname]);\n  const route = useMemo(() => parseExplorerRoute(relativePath), [relativePath]);\n  const resolvedRoute = useMemo(() => resolveRouteSurface(route, surfaces), [route, surfaces]);\n  const commandRuntime = useMemo<ClickyCommandRuntime>(\n    () => ({\n      client,\n      hrefForCommand: (resolved) => buildCommandHref(basePath, resolved),\n      onNavigate: (resolved) => {\n        const href = buildCommandHref(basePath, resolved);\n        if (!href) return;\n        navigate(href);\n      },\n    }),\n    [basePath, client, navigate],\n  );\n  const { initialValues: commandInitialValues } = useMemo(\n    () =>\n      resolvedRoute.kind === \"command\"\n        ? readCommandQueryParams()\n        : { initialValues: {}, autoRun: false },\n    [resolvedRoute.kind, pathname],\n  );\n  const explorerDefinition = useMemo(\n    () => ({\n      key: \"explorer\",\n      title: \"API Explorer\",\n      description: \"Every operation exposed by the current OpenAPI spec.\",\n    }),\n    [],\n  );\n  const navSections = useMemo<AppShellNavSection[]>(() => {\n    const sections: AppShellNavSection[] = surfaceGroups.map((group) => ({\n      label: group.label,\n      items: group.surfaces.map((surface) => {\n        const icon = resolveSurfaceIcon(surface.icon);\n        return {\n          key: surface.key,\n          label: surface.title,\n          ...(icon ? { icon } : {}),\n          active: isSurfaceRouteActive(resolvedRoute, surface.key),\n          to: withBasePath(basePath, `/${surface.key}`),\n        };\n      }),\n    }));\n    if (showApiExplorer) {\n      sections.push({\n        items: [\n          {\n            key: explorerDefinition.key,\n            label: explorerDefinition.title,\n            active: resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n            to: withBasePath(basePath, \"/explorer\"),\n          },\n        ],\n      });\n    }\n    return sections;\n  }, [surfaceGroups, basePath, resolvedRoute, showApiExplorer, explorerDefinition]);\n\n  useEffect(() => {\n    if (defaultSurface == null || relativePath !== \"/\") return;\n    navigate(withBasePath(basePath, `/${defaultSurface.key}`), { replace: true });\n  }, [basePath, defaultSurface, relativePath, navigate]);\n\n  const content = (\n    <AppShell\n      brand={\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">\n            {spec?.info.title ?? \"Clicky Explorer\"}\n          </div>\n          <div className=\"truncate text-xs text-sidebar-foreground/60\">\n            Metadata-driven entity explorer\n          </div>\n        </div>\n      }\n      navSections={navSections}\n      sidebarFooter={<ThemeSwitcher />}\n      // The page header belongs to the host, not to OperationCatalog — the\n      // catalog renders only its results. OperationEntityPage still titles\n      // itself, so this covers the collection route only.\n      {...(resolvedRoute.kind === \"surface\" && resolvedRoute.surface\n        ? {\n            bodyHeader: (\n              <div className=\"min-w-0\">\n                <h1 className=\"truncate text-2xl font-semibold tracking-tight\">\n                  {resolvedRoute.surface.title}\n                </h1>\n                <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n                  {makeSurfaceDefinition(resolvedRoute.surface).description}\n                </p>\n              </div>\n            ),\n          }\n        : {})}\n      collapsedStorageKey={SIDEBAR_COLLAPSED_KEY}\n      contentClassName=\"p-6\"\n    >\n      {resolvedRoute.kind === \"surface\" ? (\n          resolvedRoute.surface ? (\n            <OperationCatalog\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(resultRenderer ? { resultRenderer } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"entity\" ? (\n          resolvedRoute.surface ? (\n            <OperationEntityPage\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              backHref={withBasePath(basePath, `/${resolvedRoute.surface.key}`)}\n              backLabel={`Back to ${resolvedRoute.surface.title}`}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(entityDetailBodyRenderer ? { entityDetailBodyRenderer } : {})}\n            {...(entityDetailHeaderRenderer ? { entityDetailHeaderRenderer } : {})}\n            {...(resolvedRoute.id ? { id: resolvedRoute.id } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"command\" ? (\n          <OperationCommandPage\n            client={client}\n            backHref={withBasePath(basePath, \"/explorer\")}\n            backLabel=\"Back to API Explorer\"\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n            initialValues={commandInitialValues}\n            autoRun={true}\n            {...(resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {})}\n          />\n        ) : resolvedRoute.kind === \"explorer\" ? (\n          <OperationCatalog\n            definition={explorerDefinition}\n            entities={[]}\n            allOperations\n            client={client}\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n          />\n        ) : defaultSurface == null ? (\n          <div className=\"text-sm text-muted-foreground\">Loading surfaces…</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Redirecting…</div>\n        )}\n    </AppShell>\n  );\n\n  return content;\n}\n\ntype ExplorerRoute =\n  | { kind: \"root\" }\n  | { kind: \"explorer\" }\n  | { kind: \"command\"; operationId?: string }\n  | { kind: \"surface\"; surfaceKey: string; surface?: ClickySurface }\n  | {\n      kind: \"entity\";\n      surfaceKey: string;\n      surface?: ClickySurface;\n      id?: string;\n    };\n\nfunction parseExplorerRoute(pathname: string): ExplorerRoute {\n  const normalized = trimTrailingSlash(pathname) || \"/\";\n  if (normalized === \"/\") {\n    return { kind: \"root\" };\n  }\n\n  const segments = normalized.replace(/^\\/+/, \"\").split(\"/\");\n  if (segments[0] === \"explorer\") {\n    return { kind: \"explorer\" };\n  }\n  if (segments[0] === \"commands\") {\n    return segments[1] ? { kind: \"command\", operationId: segments[1] } : { kind: \"command\" };\n  }\n  const surfaceKey = segments[0] ?? \"\";\n  if (segments[1]) {\n    return {\n      kind: \"entity\",\n      surfaceKey,\n      id: decodeURIComponent(segments[1]),\n    };\n  }\n  return { kind: \"surface\", surfaceKey };\n}\n\nfunction resolveRouteSurface(route: ExplorerRoute, surfaces: ClickySurface[]): ExplorerRoute {\n  if (route.kind !== \"surface\" && route.kind !== \"entity\") {\n    return route;\n  }\n  const surface = surfaces.find((item) => item.key === route.surfaceKey);\n  return surface ? { ...route, surface } : route;\n}\n\nfunction isSurfaceRouteActive(route: ExplorerRoute, surfaceKey: string) {\n  return (\n    (route.kind === \"surface\" && route.surfaceKey === surfaceKey) ||\n    (route.kind === \"entity\" && route.surfaceKey === surfaceKey)\n  );\n}\n\nfunction stripBasePath(pathname: string, basePath: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return trimTrailingSlash(pathname) || \"/\";\n  }\n  if (pathname === base) {\n    return \"/\";\n  }\n  if (pathname.startsWith(`${base}/`)) {\n    return trimTrailingSlash(pathname.slice(base.length)) || \"/\";\n  }\n  return trimTrailingSlash(pathname) || \"/\";\n}\n\nfunction UnknownSurface({ surfaceKey }: { surfaceKey: string }) {\n  return (\n    <div className=\"p-6 text-sm text-muted-foreground\">\n      Unknown surface: <code>{surfaceKey}</code>\n    </div>\n  );\n}\n\nconst LEGACY_AUTORUN_QUERY_PARAM = \"__autoRun\";\n\ntype SurfaceGroup = {\n  parent: string; // the slug; \"\" for surfaces that declared no parent\n  label: string; // display name in the sidebar\n  surfaces: ClickySurface[];\n};\n\n// groupSurfacesByParent buckets surfaces by their ClickySurface.parent slug,\n// preserving the order surfaces appeared in the spec. Surfaces with no parent\n// fall into a trailing \"\" bucket labelled \"Other\".\nfunction groupSurfacesByParent(surfaces: ClickySurface[]): SurfaceGroup[] {\n  const order: string[] = [];\n  const buckets = new Map<string, ClickySurface[]>();\n  for (const surface of surfaces) {\n    const parent = surface.parent ?? \"\";\n    if (!buckets.has(parent)) {\n      buckets.set(parent, []);\n      order.push(parent);\n    }\n    buckets.get(parent)!.push(surface);\n  }\n  return order.map((parent) => ({\n    parent,\n    label: parent === \"\" ? \"Other\" : titleCase(parent),\n    surfaces: buckets.get(parent)!,\n  }));\n}\n\nfunction titleCase(value: string): string {\n  if (!value) return value;\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction readCommandQueryParams(): { initialValues: Record<string, string>; autoRun: boolean } {\n  if (typeof window === \"undefined\") {\n    return { initialValues: {}, autoRun: false };\n  }\n  const search = new URLSearchParams(window.location.search);\n  const initialValues: Record<string, string> = {};\n  let autoRun = false;\n  const positional: string[] = [];\n\n  for (const [key, value] of search.entries()) {\n    if (key === AUTORUN_QUERY_PARAM || key === LEGACY_AUTORUN_QUERY_PARAM) {\n      autoRun = value === \"1\" || value === \"true\";\n      continue;\n    }\n    if (key.startsWith(ARG_QUERY_PREFIX)) {\n      const index = Number.parseInt(key.slice(ARG_QUERY_PREFIX.length), 10);\n      if (Number.isFinite(index) && index >= 0) {\n        positional[index] = value;\n      }\n      continue;\n    }\n    initialValues[key] = value;\n  }\n\n  const packedArgs = positional.filter((value) => value !== undefined).join(\" \");\n  if (packedArgs !== \"\") {\n    initialValues.args = packedArgs;\n  }\n\n  return { initialValues, autoRun };\n}\n"],"names":["useRouter","useOperations","useMemo","getClickySurfaces","buildCommandHref","resolveSurfaceIcon","withBasePath","useEffect","jsx","AppShell","jsxs","ThemeSwitcher","OperationCatalog","makeSurfaceDefinition","OperationEntityPage","OperationCommandPage","trimTrailingSlash","AUTORUN_QUERY_PARAM","ARG_QUERY_PREFIX"],"mappings":";;;;;;;;;;;;;;AAuEA,MAAM,wBAAwB;AAEvB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,UAAU,iDAAgB;AAChC,QAAM,WAAW,iDAAgB;AACjC,QAAM,EAAE,UAAU,YAAY,SAAA,IAAaA,OAAAA,UAAA;AAC3C,QAAM,EAAE,KAAA,IAASC,cAAAA,cAAc,MAAM;AACrC,QAAM,WAAWC,MAAAA,QAAQ,MAAMC,eAAAA,kBAAkB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC9D,QAAM,gBAAgBD,MAAAA,QAAQ,MAAM,sBAAsB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC/E,QAAM,iBAAiBA,MAAAA;AAAAA,IACrB,MAAM,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,KAAK,KAAK,SAAS,CAAC;AAAA,IAC9D,CAAC,QAAQ;AAAA,EAAA;AAEX,QAAM,eAAeA,cAAQ,MAAM,cAAc,UAAU,QAAQ,GAAG,CAAC,UAAU,QAAQ,CAAC;AAC1F,QAAM,QAAQA,MAAAA,QAAQ,MAAM,mBAAmB,YAAY,GAAG,CAAC,YAAY,CAAC;AAC5E,QAAM,gBAAgBA,cAAQ,MAAM,oBAAoB,OAAO,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAC3F,QAAM,iBAAiBA,MAAAA;AAAAA,IACrB,OAAO;AAAA,MACL;AAAA,MACA,gBAAgB,CAAC,aAAaE,6BAAiB,UAAU,QAAQ;AAAA,MACjE,YAAY,CAAC,aAAa;AACxB,cAAM,OAAOA,YAAAA,iBAAiB,UAAU,QAAQ;AAChD,YAAI,CAAC,KAAM;AACX,iBAAS,IAAI;AAAA,MACf;AAAA,IAAA;AAAA,IAEF,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAE7B,QAAM,EAAE,eAAe,qBAAA,IAAyBF,MAAAA;AAAAA,IAC9C,MACE,cAAc,SAAS,YACnB,uBAAA,IACA,EAAE,eAAe,CAAA,GAAI,SAAS,MAAA;AAAA,IACpC,CAAC,cAAc,MAAM,QAAQ;AAAA,EAAA;AAE/B,QAAM,qBAAqBA,MAAAA;AAAAA,IACzB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,CAAA;AAAA,EAAC;AAEH,QAAM,cAAcA,MAAAA,QAA8B,MAAM;AACtD,UAAM,WAAiC,cAAc,IAAI,CAAC,WAAW;AAAA,MACnE,OAAO,MAAM;AAAA,MACb,OAAO,MAAM,SAAS,IAAI,CAAC,YAAY;AACrC,cAAM,OAAOG,eAAAA,mBAAmB,QAAQ,IAAI;AAC5C,eAAO;AAAA,UACL,KAAK,QAAQ;AAAA,UACb,OAAO,QAAQ;AAAA,UACf,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,UACtB,QAAQ,qBAAqB,eAAe,QAAQ,GAAG;AAAA,UACvD,IAAIC,YAAAA,aAAa,UAAU,IAAI,QAAQ,GAAG,EAAE;AAAA,QAAA;AAAA,MAEhD,CAAC;AAAA,IAAA,EACD;AACF,QAAI,iBAAiB;AACnB,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,YACE,KAAK,mBAAmB;AAAA,YACxB,OAAO,mBAAmB;AAAA,YAC1B,QAAQ,cAAc,SAAS,cAAc,cAAc,SAAS;AAAA,YACpE,IAAIA,YAAAA,aAAa,UAAU,WAAW;AAAA,UAAA;AAAA,QACxC;AAAA,MACF,CACD;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,UAAU,eAAe,iBAAiB,kBAAkB,CAAC;AAEhFC,QAAAA,UAAU,MAAM;AACd,QAAI,kBAAkB,QAAQ,iBAAiB,IAAK;AACpD,aAASD,YAAAA,aAAa,UAAU,IAAI,eAAe,GAAG,EAAE,GAAG,EAAE,SAAS,KAAA,CAAM;AAAA,EAC9E,GAAG,CAAC,UAAU,gBAAgB,cAAc,QAAQ,CAAC;AAErD,QAAM,UACJE,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,OACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAAF,+BAAC,SAAI,WAAU,kCACZ,WAAA,6BAAM,KAAK,UAAS,mBACvB;AAAA,QACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA,kCAAA,CAE7D;AAAA,MAAA,GACF;AAAA,MAEF;AAAA,MACA,8CAAgBG,cAAAA,eAAA,EAAc;AAAA,MAI7B,GAAI,cAAc,SAAS,aAAa,cAAc,UACnD;AAAA,QACE,YACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAAF,+BAAC,MAAA,EAAG,WAAU,kDACX,UAAA,cAAc,QAAQ,OACzB;AAAA,UACAA,+BAAC,OAAE,WAAU,gDACV,+CAAsB,cAAc,OAAO,EAAE,YAAA,CAChD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,IAGJ,CAAA;AAAA,MACJ,qBAAqB;AAAA,MACrB,kBAAiB;AAAA,MAEhB,UAAA,cAAc,SAAS,YACpB,cAAc,UACZA,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,YAAYC,eAAAA,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,QAAC;AAAA,MAAA,IAG5CL,2BAAAA,IAAC,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,WACzB,cAAc,UACZA,2BAAAA;AAAAA,QAACM,oBAAAA;AAAAA,QAAA;AAAA,UACC,YAAYD,eAAAA,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC,UAAUP,YAAAA,aAAa,UAAU,IAAI,cAAc,QAAQ,GAAG,EAAE;AAAA,UAChE,WAAW,WAAW,cAAc,QAAQ,KAAK;AAAA,UACjD;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,2BAA2B,EAAE,yBAAA,IAA6B,CAAA;AAAA,UAC9D,GAAI,6BAA6B,EAAE,2BAAA,IAA+B,CAAA;AAAA,UAClE,GAAI,cAAc,KAAK,EAAE,IAAI,cAAc,GAAA,IAAO,CAAA;AAAA,QAAC;AAAA,MAAA,mCAGnD,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,YACzBE,2BAAAA;AAAAA,QAACO,qBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAUT,YAAAA,aAAa,UAAU,WAAW;AAAA,UAC5C,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,eAAe;AAAA,UACf,SAAS;AAAA,UACR,GAAI,cAAc,cAAc,EAAE,aAAa,cAAc,YAAA,IAAgB,CAAA;AAAA,QAAC;AAAA,MAAA,IAE/E,cAAc,SAAS,aACzBE,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,UAAU,CAAA;AAAA,UACV,eAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA,IAEA,kBAAkB,OACpBJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,oBAAA,CAAiB,IAEhEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,eAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAKnE,SAAO;AACT;AAcA,SAAS,mBAAmB,UAAiC;AAC3D,QAAM,aAAaQ,YAAAA,kBAAkB,QAAQ,KAAK;AAClD,MAAI,eAAe,KAAK;AACtB,WAAO,EAAE,MAAM,OAAA;AAAA,EACjB;AAEA,QAAM,WAAW,WAAW,QAAQ,QAAQ,EAAE,EAAE,MAAM,GAAG;AACzD,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,EAAE,MAAM,WAAA;AAAA,EACjB;AACA,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,aAAa,SAAS,CAAC,EAAA,IAAM,EAAE,MAAM,UAAA;AAAA,EAC/E;AACA,QAAM,aAAa,SAAS,CAAC,KAAK;AAClC,MAAI,SAAS,CAAC,GAAG;AACf,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA,IAAI,mBAAmB,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAEtC;AACA,SAAO,EAAE,MAAM,WAAW,WAAA;AAC5B;AAEA,SAAS,oBAAoB,OAAsB,UAA0C;AAC3F,MAAI,MAAM,SAAS,aAAa,MAAM,SAAS,UAAU;AACvD,WAAO;AAAA,EACT;AACA,QAAM,UAAU,SAAS,KAAK,CAAC,SAAS,KAAK,QAAQ,MAAM,UAAU;AACrE,SAAO,UAAU,EAAE,GAAG,OAAO,YAAY;AAC3C;AAEA,SAAS,qBAAqB,OAAsB,YAAoB;AACtE,SACG,MAAM,SAAS,aAAa,MAAM,eAAe,cACjD,MAAM,SAAS,YAAY,MAAM,eAAe;AAErD;AAEA,SAAS,cAAc,UAAkB,UAAkB;AACzD,QAAM,OAAOA,YAAAA,kBAAkB,QAAQ;AACvC,MAAI,CAAC,QAAQ,SAAS,KAAK;AACzB,WAAOA,YAAAA,kBAAkB,QAAQ,KAAK;AAAA,EACxC;AACA,MAAI,aAAa,MAAM;AACrB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,WAAW,GAAG,IAAI,GAAG,GAAG;AACnC,WAAOA,YAAAA,kBAAkB,SAAS,MAAM,KAAK,MAAM,CAAC,KAAK;AAAA,EAC3D;AACA,SAAOA,YAAAA,kBAAkB,QAAQ,KAAK;AACxC;AAEA,SAAS,eAAe,EAAE,cAAsC;AAC9D,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA;AAAA,IAAA;AAAA,IAChCF,2BAAAA,IAAC,UAAM,UAAA,WAAA,CAAW;AAAA,EAAA,GACrC;AAEJ;AAEA,MAAM,6BAA6B;AAWnC,SAAS,sBAAsB,UAA2C;AACxE,QAAM,QAAkB,CAAA;AACxB,QAAM,8BAAc,IAAA;AACpB,aAAW,WAAW,UAAU;AAC9B,UAAM,SAAS,QAAQ,UAAU;AACjC,QAAI,CAAC,QAAQ,IAAI,MAAM,GAAG;AACxB,cAAQ,IAAI,QAAQ,EAAE;AACtB,YAAM,KAAK,MAAM;AAAA,IACnB;AACA,YAAQ,IAAI,MAAM,EAAG,KAAK,OAAO;AAAA,EACnC;AACA,SAAO,MAAM,IAAI,CAAC,YAAY;AAAA,IAC5B;AAAA,IACA,OAAO,WAAW,KAAK,UAAU,UAAU,MAAM;AAAA,IACjD,UAAU,QAAQ,IAAI,MAAM;AAAA,EAAA,EAC5B;AACJ;AAEA,SAAS,UAAU,OAAuB;AACxC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM,OAAO,CAAC,EAAE,gBAAgB,MAAM,MAAM,CAAC;AACtD;AAEA,SAAS,yBAAsF;AAC7F,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,EAAE,eAAe,IAAI,SAAS,MAAA;AAAA,EACvC;AACA,QAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACzD,QAAM,gBAAwC,CAAA;AAC9C,MAAI,UAAU;AACd,QAAM,aAAuB,CAAA;AAE7B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,WAAW;AAC3C,QAAI,QAAQS,YAAAA,uBAAuB,QAAQ,4BAA4B;AACrE,gBAAU,UAAU,OAAO,UAAU;AACrC;AAAA,IACF;AACA,QAAI,IAAI,WAAWC,YAAAA,gBAAgB,GAAG;AACpC,YAAM,QAAQ,OAAO,SAAS,IAAI,MAAMA,YAAAA,iBAAiB,MAAM,GAAG,EAAE;AACpE,UAAI,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;AACxC,mBAAW,KAAK,IAAI;AAAA,MACtB;AACA;AAAA,IACF;AACA,kBAAc,GAAG,IAAI;AAAA,EACvB;AAEA,QAAM,aAAa,WAAW,OAAO,CAAC,UAAU,UAAU,MAAS,EAAE,KAAK,GAAG;AAC7E,MAAI,eAAe,IAAI;AACrB,kBAAc,OAAO;AAAA,EACvB;AAEA,SAAO,EAAE,eAAe,QAAA;AAC1B;;"}
+{"version":3,"file":"EntityExplorerApp.cjs","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useEffect, useMemo, type ReactNode } from \"react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { PreExtension, PostExtension } from \"../components/json-schema-form-types\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { AppShell, type AppShellNavSection } from \"../layout/AppShell\";\nimport { getClickySurfaces, makeSurfaceDefinition } from \"./clickyMetadata\";\nimport {\n  ARG_QUERY_PREFIX,\n  AUTORUN_QUERY_PARAM,\n  buildCommandHref,\n  trimTrailingSlash,\n  withBasePath,\n} from \"./commandHref\";\nimport { useRouter } from \"./router\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport type { ResultRenderer } from \"./OperationResultView\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport {\n  OperationEntityPage,\n  type EntityDetailBodyRenderer,\n  type EntityDetailHeaderRenderer,\n} from \"./OperationEntityPage\";\nimport type { FormActionsRenderer } from \"./SchemaActionForm\";\nimport { surfaceNavSection } from \"./surfaceNav\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type SurfaceActionLabels = Record<string, Record<string, string>>;\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  /**\n   * Custom JsonSchemaForm field extensions applied to every create/edit form the\n   * explorer renders — e.g. a SecretKeySelector widget keyed on an\n   * `x-clicky-component` schema hint. `pre` transforms a resolved control; `post`\n   * can replace the rendered value node with a custom component.\n   */\n  formExtensions?: { pre?: PreExtension[]; post?: PostExtension[] };\n  /**\n   * Optional extra footer actions added to every create/edit form (e.g. a\n   * connection \"Test\" split-button). The renderer receives the live form value\n   * and the action it submits to, so it can scope itself to a given entity.\n   */\n  formActions?: FormActionsRenderer;\n  /** Per-surface labels keyed by x-clicky verb/actionName. */\n  surfaceActionLabels?: SurfaceActionLabels;\n  /**\n   * @deprecated Superseded by per-surface icons emitted by the backend\n   * (x-clicky-icon → ClickySurface.icon). AppShell section labels are plain\n   * strings, so this group-header icon map is no longer rendered. Kept for\n   * source-compatibility only.\n   */\n  surfaceIcons?: Record<string, ReactNode>;\n  /**\n   * Optional host override for the result surface. Called where an entity's\n   * result table renders, with the current surface key, the raw response, and\n   * the default OperationResultView element. Return `defaultView` to keep the\n   * standard table, or a custom node (e.g. a LogsTable for trace/log profiles\n   * flagged via x-clicky-render). Filtering/sorting policy is the host's choice.\n   */\n  resultRenderer?: ResultRenderer;\n  /** Host override for a loaded entity's body; heading and actions remain. */\n  entityDetailBodyRenderer?: EntityDetailBodyRenderer;\n  /** Host override for a loaded entity's \"{title}: {id}\" heading. */\n  entityDetailHeaderRenderer?: EntityDetailHeaderRenderer;\n};\n\n// SIDEBAR_COLLAPSED_KEY persists the AppShell rail collapsed flag across reloads.\nconst SIDEBAR_COLLAPSED_KEY = \"clicky-ui:sidebar:collapsed\";\n\nexport function EntityExplorerApp({\n  client,\n  basePath = \"\",\n  showApiExplorer = true,\n  formExtensions,\n  formActions,\n  surfaceActionLabels,\n  resultRenderer,\n  entityDetailBodyRenderer,\n  entityDetailHeaderRenderer,\n}: EntityExplorerAppProps) {\n  const formPre = formExtensions?.pre;\n  const formPost = formExtensions?.post;\n  const { pathname, renderLink, navigate } = useRouter();\n  const { spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\n  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);\n  const defaultSurface = useMemo(\n    () => surfaces.find((surface) => !surface.admin) ?? surfaces[0],\n    [surfaces],\n  );\n  const relativePath = useMemo(() => stripBasePath(pathname, basePath), [basePath, pathname]);\n  const route = useMemo(() => parseExplorerRoute(relativePath), [relativePath]);\n  const resolvedRoute = useMemo(() => resolveRouteSurface(route, surfaces), [route, surfaces]);\n  const commandRuntime = useMemo<ClickyCommandRuntime>(\n    () => ({\n      client,\n      hrefForCommand: (resolved) => buildCommandHref(basePath, resolved),\n      onNavigate: (resolved) => {\n        const href = buildCommandHref(basePath, resolved);\n        if (!href) return;\n        navigate(href);\n      },\n    }),\n    [basePath, client, navigate],\n  );\n  const { initialValues: commandInitialValues } = useMemo(\n    () =>\n      resolvedRoute.kind === \"command\"\n        ? readCommandQueryParams()\n        : { initialValues: {}, autoRun: false },\n    [resolvedRoute.kind, pathname],\n  );\n  const explorerDefinition = useMemo(\n    () => ({\n      key: \"explorer\",\n      title: \"API Explorer\",\n      description: \"Every operation exposed by the current OpenAPI spec.\",\n    }),\n    [],\n  );\n  const navSections = useMemo<AppShellNavSection[]>(() => {\n    const sections: AppShellNavSection[] = surfaceGroups.map((group) =>\n      surfaceNavSection(group.label, group.surfaces, {\n        isActive: (surface) => isSurfaceRouteActive(resolvedRoute, surface.key),\n        hrefFor: (surface) => withBasePath(basePath, `/${surface.key}`),\n      }),\n    );\n    if (showApiExplorer) {\n      sections.push({\n        items: [\n          {\n            key: explorerDefinition.key,\n            label: explorerDefinition.title,\n            active: resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n            to: withBasePath(basePath, \"/explorer\"),\n          },\n        ],\n      });\n    }\n    return sections;\n  }, [surfaceGroups, basePath, resolvedRoute, showApiExplorer, explorerDefinition]);\n\n  useEffect(() => {\n    if (defaultSurface == null || relativePath !== \"/\") return;\n    navigate(withBasePath(basePath, `/${defaultSurface.key}`), { replace: true });\n  }, [basePath, defaultSurface, relativePath, navigate]);\n\n  const content = (\n    <AppShell\n      brand={\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">\n            {spec?.info.title ?? \"Clicky Explorer\"}\n          </div>\n          <div className=\"truncate text-xs text-sidebar-foreground/60\">\n            Metadata-driven entity explorer\n          </div>\n        </div>\n      }\n      navSections={navSections}\n      sidebarFooter={<ThemeSwitcher />}\n      // The page header belongs to the host, not to OperationCatalog — the\n      // catalog renders only its results. OperationEntityPage still titles\n      // itself, so this covers the collection route only.\n      //\n      // It rides in the top bar rather than a bodyHeader row: next to the rail\n      // that bar is otherwise empty, and the row it replaces cost the result\n      // table ~72px of the viewport it needs to keep its sticky head and\n      // pagination footer on screen without the page itself scrolling.\n      {...(resolvedRoute.kind === \"surface\" && resolvedRoute.surface\n        ? {\n            nav: (\n              <div className=\"flex min-w-0 flex-1 items-baseline gap-density-2\">\n                <h1 className=\"min-w-0 truncate text-base font-semibold tracking-tight\">\n                  {resolvedRoute.surface.title}\n                </h1>\n                <p className=\"hidden min-w-0 truncate text-sm text-muted-foreground lg:block\">\n                  {makeSurfaceDefinition(resolvedRoute.surface).description}\n                </p>\n              </div>\n            ),\n          }\n        : {})}\n      collapsedStorageKey={SIDEBAR_COLLAPSED_KEY}\n      // Results are wide tables, not prose — let them use the whole workspace\n      // instead of the centred reading column.\n      contentWidth=\"full\"\n      contentClassName=\"p-6\"\n    >\n      {resolvedRoute.kind === \"surface\" ? (\n          resolvedRoute.surface ? (\n            <OperationCatalog\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(resultRenderer ? { resultRenderer } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"entity\" ? (\n          resolvedRoute.surface ? (\n            <OperationEntityPage\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              backHref={withBasePath(basePath, `/${resolvedRoute.surface.key}`)}\n              backLabel={`Back to ${resolvedRoute.surface.title}`}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(entityDetailBodyRenderer ? { entityDetailBodyRenderer } : {})}\n            {...(entityDetailHeaderRenderer ? { entityDetailHeaderRenderer } : {})}\n            {...(resolvedRoute.id ? { id: resolvedRoute.id } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"command\" ? (\n          <OperationCommandPage\n            client={client}\n            backHref={withBasePath(basePath, \"/explorer\")}\n            backLabel=\"Back to API Explorer\"\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n            initialValues={commandInitialValues}\n            autoRun={true}\n            {...(resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {})}\n          />\n        ) : resolvedRoute.kind === \"explorer\" ? (\n          <OperationCatalog\n            definition={explorerDefinition}\n            entities={[]}\n            allOperations\n            client={client}\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n          />\n        ) : defaultSurface == null ? (\n          <div className=\"text-sm text-muted-foreground\">Loading surfaces…</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Redirecting…</div>\n        )}\n    </AppShell>\n  );\n\n  return content;\n}\n\ntype ExplorerRoute =\n  | { kind: \"root\" }\n  | { kind: \"explorer\" }\n  | { kind: \"command\"; operationId?: string }\n  | { kind: \"surface\"; surfaceKey: string; surface?: ClickySurface }\n  | {\n      kind: \"entity\";\n      surfaceKey: string;\n      surface?: ClickySurface;\n      id?: string;\n    };\n\nfunction parseExplorerRoute(pathname: string): ExplorerRoute {\n  const normalized = trimTrailingSlash(pathname) || \"/\";\n  if (normalized === \"/\") {\n    return { kind: \"root\" };\n  }\n\n  const segments = normalized.replace(/^\\/+/, \"\").split(\"/\");\n  if (segments[0] === \"explorer\") {\n    return { kind: \"explorer\" };\n  }\n  if (segments[0] === \"commands\") {\n    return segments[1] ? { kind: \"command\", operationId: segments[1] } : { kind: \"command\" };\n  }\n  const surfaceKey = segments[0] ?? \"\";\n  if (segments[1]) {\n    return {\n      kind: \"entity\",\n      surfaceKey,\n      id: decodeURIComponent(segments[1]),\n    };\n  }\n  return { kind: \"surface\", surfaceKey };\n}\n\nfunction resolveRouteSurface(route: ExplorerRoute, surfaces: ClickySurface[]): ExplorerRoute {\n  if (route.kind !== \"surface\" && route.kind !== \"entity\") {\n    return route;\n  }\n  const surface = surfaces.find((item) => item.key === route.surfaceKey);\n  return surface ? { ...route, surface } : route;\n}\n\nfunction isSurfaceRouteActive(route: ExplorerRoute, surfaceKey: string) {\n  return (\n    (route.kind === \"surface\" && route.surfaceKey === surfaceKey) ||\n    (route.kind === \"entity\" && route.surfaceKey === surfaceKey)\n  );\n}\n\nfunction stripBasePath(pathname: string, basePath: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return trimTrailingSlash(pathname) || \"/\";\n  }\n  if (pathname === base) {\n    return \"/\";\n  }\n  if (pathname.startsWith(`${base}/`)) {\n    return trimTrailingSlash(pathname.slice(base.length)) || \"/\";\n  }\n  return trimTrailingSlash(pathname) || \"/\";\n}\n\nfunction UnknownSurface({ surfaceKey }: { surfaceKey: string }) {\n  return (\n    <div className=\"p-6 text-sm text-muted-foreground\">\n      Unknown surface: <code>{surfaceKey}</code>\n    </div>\n  );\n}\n\nconst LEGACY_AUTORUN_QUERY_PARAM = \"__autoRun\";\n\ntype SurfaceGroup = {\n  parent: string; // the slug; \"\" for surfaces that declared no parent\n  label: string; // display name in the sidebar\n  surfaces: ClickySurface[];\n};\n\n// groupSurfacesByParent buckets surfaces by their ClickySurface.parent slug,\n// preserving the order surfaces appeared in the spec. Surfaces with no parent\n// fall into a trailing \"\" bucket labelled \"Other\".\nfunction groupSurfacesByParent(surfaces: ClickySurface[]): SurfaceGroup[] {\n  const order: string[] = [];\n  const buckets = new Map<string, ClickySurface[]>();\n  for (const surface of surfaces) {\n    const parent = surface.parent ?? \"\";\n    if (!buckets.has(parent)) {\n      buckets.set(parent, []);\n      order.push(parent);\n    }\n    buckets.get(parent)!.push(surface);\n  }\n  return order.map((parent) => ({\n    parent,\n    label: parent === \"\" ? \"Other\" : titleCase(parent),\n    surfaces: buckets.get(parent)!,\n  }));\n}\n\nfunction titleCase(value: string): string {\n  if (!value) return value;\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction readCommandQueryParams(): { initialValues: Record<string, string>; autoRun: boolean } {\n  if (typeof window === \"undefined\") {\n    return { initialValues: {}, autoRun: false };\n  }\n  const search = new URLSearchParams(window.location.search);\n  const initialValues: Record<string, string> = {};\n  let autoRun = false;\n  const positional: string[] = [];\n\n  for (const [key, value] of search.entries()) {\n    if (key === AUTORUN_QUERY_PARAM || key === LEGACY_AUTORUN_QUERY_PARAM) {\n      autoRun = value === \"1\" || value === \"true\";\n      continue;\n    }\n    if (key.startsWith(ARG_QUERY_PREFIX)) {\n      const index = Number.parseInt(key.slice(ARG_QUERY_PREFIX.length), 10);\n      if (Number.isFinite(index) && index >= 0) {\n        positional[index] = value;\n      }\n      continue;\n    }\n    initialValues[key] = value;\n  }\n\n  const packedArgs = positional.filter((value) => value !== undefined).join(\" \");\n  if (packedArgs !== \"\") {\n    initialValues.args = packedArgs;\n  }\n\n  return { initialValues, autoRun };\n}\n"],"names":["useRouter","useOperations","useMemo","getClickySurfaces","buildCommandHref","surfaceNavSection","withBasePath","useEffect","jsx","AppShell","jsxs","ThemeSwitcher","OperationCatalog","makeSurfaceDefinition","OperationEntityPage","OperationCommandPage","trimTrailingSlash","AUTORUN_QUERY_PARAM","ARG_QUERY_PREFIX"],"mappings":";;;;;;;;;;;;;;AAuEA,MAAM,wBAAwB;AAEvB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,UAAU,iDAAgB;AAChC,QAAM,WAAW,iDAAgB;AACjC,QAAM,EAAE,UAAU,YAAY,SAAA,IAAaA,OAAAA,UAAA;AAC3C,QAAM,EAAE,KAAA,IAASC,cAAAA,cAAc,MAAM;AACrC,QAAM,WAAWC,MAAAA,QAAQ,MAAMC,eAAAA,kBAAkB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC9D,QAAM,gBAAgBD,MAAAA,QAAQ,MAAM,sBAAsB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC/E,QAAM,iBAAiBA,MAAAA;AAAAA,IACrB,MAAM,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,KAAK,KAAK,SAAS,CAAC;AAAA,IAC9D,CAAC,QAAQ;AAAA,EAAA;AAEX,QAAM,eAAeA,cAAQ,MAAM,cAAc,UAAU,QAAQ,GAAG,CAAC,UAAU,QAAQ,CAAC;AAC1F,QAAM,QAAQA,MAAAA,QAAQ,MAAM,mBAAmB,YAAY,GAAG,CAAC,YAAY,CAAC;AAC5E,QAAM,gBAAgBA,cAAQ,MAAM,oBAAoB,OAAO,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAC3F,QAAM,iBAAiBA,MAAAA;AAAAA,IACrB,OAAO;AAAA,MACL;AAAA,MACA,gBAAgB,CAAC,aAAaE,6BAAiB,UAAU,QAAQ;AAAA,MACjE,YAAY,CAAC,aAAa;AACxB,cAAM,OAAOA,YAAAA,iBAAiB,UAAU,QAAQ;AAChD,YAAI,CAAC,KAAM;AACX,iBAAS,IAAI;AAAA,MACf;AAAA,IAAA;AAAA,IAEF,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAE7B,QAAM,EAAE,eAAe,qBAAA,IAAyBF,MAAAA;AAAAA,IAC9C,MACE,cAAc,SAAS,YACnB,uBAAA,IACA,EAAE,eAAe,CAAA,GAAI,SAAS,MAAA;AAAA,IACpC,CAAC,cAAc,MAAM,QAAQ;AAAA,EAAA;AAE/B,QAAM,qBAAqBA,MAAAA;AAAAA,IACzB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,CAAA;AAAA,EAAC;AAEH,QAAM,cAAcA,MAAAA,QAA8B,MAAM;AACtD,UAAM,WAAiC,cAAc;AAAA,MAAI,CAAC,UACxDG,WAAAA,kBAAkB,MAAM,OAAO,MAAM,UAAU;AAAA,QAC7C,UAAU,CAAC,YAAY,qBAAqB,eAAe,QAAQ,GAAG;AAAA,QACtE,SAAS,CAAC,YAAYC,yBAAa,UAAU,IAAI,QAAQ,GAAG,EAAE;AAAA,MAAA,CAC/D;AAAA,IAAA;AAEH,QAAI,iBAAiB;AACnB,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,YACE,KAAK,mBAAmB;AAAA,YACxB,OAAO,mBAAmB;AAAA,YAC1B,QAAQ,cAAc,SAAS,cAAc,cAAc,SAAS;AAAA,YACpE,IAAIA,YAAAA,aAAa,UAAU,WAAW;AAAA,UAAA;AAAA,QACxC;AAAA,MACF,CACD;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,UAAU,eAAe,iBAAiB,kBAAkB,CAAC;AAEhFC,QAAAA,UAAU,MAAM;AACd,QAAI,kBAAkB,QAAQ,iBAAiB,IAAK;AACpD,aAASD,YAAAA,aAAa,UAAU,IAAI,eAAe,GAAG,EAAE,GAAG,EAAE,SAAS,KAAA,CAAM;AAAA,EAC9E,GAAG,CAAC,UAAU,gBAAgB,cAAc,QAAQ,CAAC;AAErD,QAAM,UACJE,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,OACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAAF,+BAAC,SAAI,WAAU,kCACZ,WAAA,6BAAM,KAAK,UAAS,mBACvB;AAAA,QACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA,kCAAA,CAE7D;AAAA,MAAA,GACF;AAAA,MAEF;AAAA,MACA,8CAAgBG,cAAAA,eAAA,EAAc;AAAA,MAS7B,GAAI,cAAc,SAAS,aAAa,cAAc,UACnD;AAAA,QACE,KACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,UAAAF,+BAAC,MAAA,EAAG,WAAU,2DACX,UAAA,cAAc,QAAQ,OACzB;AAAA,UACAA,+BAAC,OAAE,WAAU,kEACV,+CAAsB,cAAc,OAAO,EAAE,YAAA,CAChD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,IAGJ,CAAA;AAAA,MACJ,qBAAqB;AAAA,MAGrB,cAAa;AAAA,MACb,kBAAiB;AAAA,MAEhB,UAAA,cAAc,SAAS,YACpB,cAAc,UACZA,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,YAAYC,eAAAA,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,QAAC;AAAA,MAAA,IAG5CL,2BAAAA,IAAC,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,WACzB,cAAc,UACZA,2BAAAA;AAAAA,QAACM,oBAAAA;AAAAA,QAAA;AAAA,UACC,YAAYD,eAAAA,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC,UAAUP,YAAAA,aAAa,UAAU,IAAI,cAAc,QAAQ,GAAG,EAAE;AAAA,UAChE,WAAW,WAAW,cAAc,QAAQ,KAAK;AAAA,UACjD;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,2BAA2B,EAAE,yBAAA,IAA6B,CAAA;AAAA,UAC9D,GAAI,6BAA6B,EAAE,2BAAA,IAA+B,CAAA;AAAA,UAClE,GAAI,cAAc,KAAK,EAAE,IAAI,cAAc,GAAA,IAAO,CAAA;AAAA,QAAC;AAAA,MAAA,mCAGnD,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,YACzBE,2BAAAA;AAAAA,QAACO,qBAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAUT,YAAAA,aAAa,UAAU,WAAW;AAAA,UAC5C,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,eAAe;AAAA,UACf,SAAS;AAAA,UACR,GAAI,cAAc,cAAc,EAAE,aAAa,cAAc,YAAA,IAAgB,CAAA;AAAA,QAAC;AAAA,MAAA,IAE/E,cAAc,SAAS,aACzBE,2BAAAA;AAAAA,QAACI,iBAAAA;AAAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,UAAU,CAAA;AAAA,UACV,eAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA,IAEA,kBAAkB,OACpBJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,oBAAA,CAAiB,IAEhEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,eAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAKnE,SAAO;AACT;AAcA,SAAS,mBAAmB,UAAiC;AAC3D,QAAM,aAAaQ,YAAAA,kBAAkB,QAAQ,KAAK;AAClD,MAAI,eAAe,KAAK;AACtB,WAAO,EAAE,MAAM,OAAA;AAAA,EACjB;AAEA,QAAM,WAAW,WAAW,QAAQ,QAAQ,EAAE,EAAE,MAAM,GAAG;AACzD,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,EAAE,MAAM,WAAA;AAAA,EACjB;AACA,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,aAAa,SAAS,CAAC,EAAA,IAAM,EAAE,MAAM,UAAA;AAAA,EAC/E;AACA,QAAM,aAAa,SAAS,CAAC,KAAK;AAClC,MAAI,SAAS,CAAC,GAAG;AACf,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA,IAAI,mBAAmB,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAEtC;AACA,SAAO,EAAE,MAAM,WAAW,WAAA;AAC5B;AAEA,SAAS,oBAAoB,OAAsB,UAA0C;AAC3F,MAAI,MAAM,SAAS,aAAa,MAAM,SAAS,UAAU;AACvD,WAAO;AAAA,EACT;AACA,QAAM,UAAU,SAAS,KAAK,CAAC,SAAS,KAAK,QAAQ,MAAM,UAAU;AACrE,SAAO,UAAU,EAAE,GAAG,OAAO,YAAY;AAC3C;AAEA,SAAS,qBAAqB,OAAsB,YAAoB;AACtE,SACG,MAAM,SAAS,aAAa,MAAM,eAAe,cACjD,MAAM,SAAS,YAAY,MAAM,eAAe;AAErD;AAEA,SAAS,cAAc,UAAkB,UAAkB;AACzD,QAAM,OAAOA,YAAAA,kBAAkB,QAAQ;AACvC,MAAI,CAAC,QAAQ,SAAS,KAAK;AACzB,WAAOA,YAAAA,kBAAkB,QAAQ,KAAK;AAAA,EACxC;AACA,MAAI,aAAa,MAAM;AACrB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,WAAW,GAAG,IAAI,GAAG,GAAG;AACnC,WAAOA,YAAAA,kBAAkB,SAAS,MAAM,KAAK,MAAM,CAAC,KAAK;AAAA,EAC3D;AACA,SAAOA,YAAAA,kBAAkB,QAAQ,KAAK;AACxC;AAEA,SAAS,eAAe,EAAE,cAAsC;AAC9D,SACEN,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA;AAAA,IAAA;AAAA,IAChCF,2BAAAA,IAAC,UAAM,UAAA,WAAA,CAAW;AAAA,EAAA,GACrC;AAEJ;AAEA,MAAM,6BAA6B;AAWnC,SAAS,sBAAsB,UAA2C;AACxE,QAAM,QAAkB,CAAA;AACxB,QAAM,8BAAc,IAAA;AACpB,aAAW,WAAW,UAAU;AAC9B,UAAM,SAAS,QAAQ,UAAU;AACjC,QAAI,CAAC,QAAQ,IAAI,MAAM,GAAG;AACxB,cAAQ,IAAI,QAAQ,EAAE;AACtB,YAAM,KAAK,MAAM;AAAA,IACnB;AACA,YAAQ,IAAI,MAAM,EAAG,KAAK,OAAO;AAAA,EACnC;AACA,SAAO,MAAM,IAAI,CAAC,YAAY;AAAA,IAC5B;AAAA,IACA,OAAO,WAAW,KAAK,UAAU,UAAU,MAAM;AAAA,IACjD,UAAU,QAAQ,IAAI,MAAM;AAAA,EAAA,EAC5B;AACJ;AAEA,SAAS,UAAU,OAAuB;AACxC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM,OAAO,CAAC,EAAE,gBAAgB,MAAM,MAAM,CAAC;AACtD;AAEA,SAAS,yBAAsF;AAC7F,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,EAAE,eAAe,IAAI,SAAS,MAAA;AAAA,EACvC;AACA,QAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACzD,QAAM,gBAAwC,CAAA;AAC9C,MAAI,UAAU;AACd,QAAM,aAAuB,CAAA;AAE7B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,WAAW;AAC3C,QAAI,QAAQS,YAAAA,uBAAuB,QAAQ,4BAA4B;AACrE,gBAAU,UAAU,OAAO,UAAU;AACrC;AAAA,IACF;AACA,QAAI,IAAI,WAAWC,YAAAA,gBAAgB,GAAG;AACpC,YAAM,QAAQ,OAAO,SAAS,IAAI,MAAMA,YAAAA,iBAAiB,MAAM,GAAG,EAAE;AACpE,UAAI,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;AACxC,mBAAW,KAAK,IAAI;AAAA,MACtB;AACA;AAAA,IACF;AACA,kBAAc,GAAG,IAAI;AAAA,EACvB;AAEA,QAAM,aAAa,WAAW,OAAO,CAAC,UAAU,UAAU,MAAS,EAAE,KAAK,GAAG;AAC7E,MAAI,eAAe,IAAI;AACrB,kBAAc,OAAO;AAAA,EACvB;AAEA,SAAO,EAAE,eAAe,QAAA;AAC1B;;"}

package/dist/rpc/EntityExplorerApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityExplorerApp.d.ts","sourceRoot":"","sources":["../../src/rpc/EntityExplorerApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAaxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC;IAClE;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACzC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,4EAA4E;IAC5E,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,mEAAmE;IACnE,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CACzD,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAa,EACb,eAAsB,EACtB,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,wBAAwB,EACxB,0BAA0B,GAC3B,EAAE,sBAAsB,2CAsLxB"}
+{"version":3,"file":"EntityExplorerApp.d.ts","sourceRoot":"","sources":["../../src/rpc/EntityExplorerApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAaxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEzE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC;IAClE;;;;OAIG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACzC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,4EAA4E;IAC5E,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,mEAAmE;IACnE,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CACzD,CAAC;AAKF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAa,EACb,eAAsB,EACtB,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,wBAAwB,EACxB,0BAA0B,GAC3B,EAAE,sBAAsB,2CAuLxB"}

package/dist/rpc/EntityExplorerApp.js

@@ -8,7 +8,7 @@ import { useRouter } from "./router.js";
 import { OperationCatalog } from "./OperationCatalog.js";
 import { OperationCommandPage } from "./OperationCommandPage.js";
 import { OperationEntityPage } from "./OperationEntityPage.js";
-import { resolveSurfaceIcon } from "./surfaceIconMap.js";
+import { surfaceNavSection } from "./surfaceNav.js";
 import { useOperations } from "./useOperations.js";
 const SIDEBAR_COLLAPSED_KEY = "clicky-ui:sidebar:collapsed";
 function EntityExplorerApp({
@@ -60,19 +60,12 @@ function EntityExplorerApp({
     []
   );
   const navSections = useMemo(() => {
-    const sections = surfaceGroups.map((group) => ({
-      label: group.label,
-      items: group.surfaces.map((surface) => {
-        const icon = resolveSurfaceIcon(surface.icon);
-        return {
-          key: surface.key,
-          label: surface.title,
-          ...icon ? { icon } : {},
-          active: isSurfaceRouteActive(resolvedRoute, surface.key),
-          to: withBasePath(basePath, `/${surface.key}`)
-        };
+    const sections = surfaceGroups.map(
+      (group) => surfaceNavSection(group.label, group.surfaces, {
+        isActive: (surface) => isSurfaceRouteActive(resolvedRoute, surface.key),
+        hrefFor: (surface) => withBasePath(basePath, `/${surface.key}`)
       })
-    }));
+    );
     if (showApiExplorer) {
       sections.push({
         items: [
@@ -101,12 +94,13 @@ function EntityExplorerApp({
       navSections,
       sidebarFooter: /* @__PURE__ */ jsx(ThemeSwitcher, {}),
       ...resolvedRoute.kind === "surface" && resolvedRoute.surface ? {
-        bodyHeader: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: resolvedRoute.surface.title }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: makeSurfaceDefinition(resolvedRoute.surface).description })
+        nav: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-density-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "min-w-0 truncate text-base font-semibold tracking-tight", children: resolvedRoute.surface.title }),
+          /* @__PURE__ */ jsx("p", { className: "hidden min-w-0 truncate text-sm text-muted-foreground lg:block", children: makeSurfaceDefinition(resolvedRoute.surface).description })
         ] })
       } : {},
       collapsedStorageKey: SIDEBAR_COLLAPSED_KEY,
+      contentWidth: "full",
       contentClassName: "p-6",
       children: resolvedRoute.kind === "surface" ? resolvedRoute.surface ? /* @__PURE__ */ jsx(
         OperationCatalog,