@flanksource/clicky-ui 0.3.24 → 0.3.26

package/dist/data/debugConsoleSignal.d.ts

@@ -0,0 +1,83 @@
+/**
+ * The one thing a result table and the debug console have to agree on: "show me
+ * this".
+ *
+ * It is a bare emitter with no dependencies, and it lives here rather than in
+ * `devtools/` on purpose. Tables ship in the `data` entry point and the console
+ * ships in `devtools`; if the table imported the console to reveal it, every app
+ * with a table would carry the console's tables, HAR panel and SSE client
+ * whether or not it ever opens one. The dependency runs the other way instead:
+ * the console imports this and registers itself.
+ */
+export type DebugConsoleRequest = {
+    /** The capture to open, when the caller knows which one it produced. */
+    recordId?: string | undefined;
+    /** The tab to land on, e.g. "queries" or "network". */
+    tab?: string | undefined;
+    /**
+     * Closes an already-open console instead of re-opening it.
+     *
+     * Only the console's own trigger sets this. A "Debug" action that toggled
+     * would close the console for someone who clicked it while it was already
+     * open — the opposite of what asking to see a query means.
+     */
+    toggle?: boolean | undefined;
+};
+type Listener = (request: DebugConsoleRequest) => void;
+/**
+ * Registers a console. The returned function unregisters it, so a dock that
+ * unmounts stops claiming a console exists.
+ */
+export declare function registerDebugConsole(listener: Listener): () => void;
+/**
+ * Watches whether a console is mounted, so a menu built before the dock renders
+ * gains its "Debug" item when the dock arrives rather than staying stale.
+ */
+export declare function subscribeToDebugConsole(onChange: () => void): () => void;
+/**
+ * Whether a console is mounted to reveal.
+ *
+ * Callers use this to decide whether to offer the action at all: a "Debug" menu
+ * item that does nothing is worse than no menu item, because it reads as broken
+ * rather than as absent.
+ */
+export declare function debugConsoleAvailable(): boolean;
+/**
+ * Published by the mounted console as it opens and closes.
+ *
+ * Its trigger lives in the app's navbar, outside the console's own tree, so
+ * "am I showing an open console" is not state either side can read from the
+ * other without this.
+ */
+export declare function setDebugConsoleOpen(open: boolean): void;
+/** Whether the mounted console is currently showing. */
+export declare function debugConsoleOpen(): boolean;
+/** Asks the mounted console to open, optionally focused on one capture. */
+export declare function revealDebugConsole(request?: DebugConsoleRequest): void;
+/** The headers a request arms the server with. Named once, here. */
+export declare const DEBUG_CAPTURE_HEADER = "X-Debug-Level";
+export declare const DEBUG_REFRESH_INSPECTION_HEADER = "X-Debug-Refresh-Inspection";
+/**
+ * Published by the mounted console whenever its level picker changes.
+ *
+ * It lives beside the reveal signal for the same reason: a component that makes
+ * a bare `fetch` — the profile builder's sample call, say — has to arm it, and
+ * importing the console to read one string would drag the whole console into
+ * that bundle.
+ */
+export declare function setDebugCaptureLevel(level: string): void;
+/**
+ * Published by the console alongside the level: whether requests should also
+ * rebuild every metadata lookup instead of reading the cache.
+ */
+export declare function setDebugRefreshInspection(refresh: boolean): void;
+/**
+ * Headers that arm a request at whatever the console is currently set to, and
+ * nothing at all when no console is open.
+ *
+ * Spread into a bare `fetch`. Requests that go through a wrapped client are
+ * armed by the wrapper instead and need not call this.
+ */
+export declare function debugCaptureHeaders(): Record<string, string>;
+export {};
+//# sourceMappingURL=debugConsoleSignal.d.ts.map

package/dist/data/debugConsoleSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugConsoleSignal.d.ts","sourceRoot":"","sources":["../../src/data/debugConsoleSignal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,mBAAmB,GAAG;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAKvD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,IAAI,CAOnE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKxE;AAMD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,OAAO,CAE/C;AAID;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAIvD;AAED,wDAAwD;AACxD,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,mBAAwB,GAAG,IAAI,CAE1E;AAED,oEAAoE;AACpE,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AACpD,eAAO,MAAM,+BAA+B,+BAA+B,CAAC;AAK5E;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAExD;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAEhE;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO5D"}

package/dist/data/debugConsoleSignal.js

@@ -0,0 +1,64 @@
+const listeners = /* @__PURE__ */ new Set();
+const watchers = /* @__PURE__ */ new Set();
+function registerDebugConsole(listener) {
+  listeners.add(listener);
+  notify();
+  return () => {
+    listeners.delete(listener);
+    notify();
+  };
+}
+function subscribeToDebugConsole(onChange) {
+  watchers.add(onChange);
+  return () => {
+    watchers.delete(onChange);
+  };
+}
+function notify() {
+  for (const watcher of watchers) watcher();
+}
+function debugConsoleAvailable() {
+  return listeners.size > 0;
+}
+let consoleOpen = false;
+function setDebugConsoleOpen(open) {
+  if (consoleOpen === open) return;
+  consoleOpen = open;
+  notify();
+}
+function debugConsoleOpen() {
+  return consoleOpen && listeners.size > 0;
+}
+function revealDebugConsole(request = {}) {
+  for (const listener of listeners) listener(request);
+}
+const DEBUG_CAPTURE_HEADER = "X-Debug-Level";
+const DEBUG_REFRESH_INSPECTION_HEADER = "X-Debug-Refresh-Inspection";
+let captureLevel = "off";
+let refreshInspection = false;
+function setDebugCaptureLevel(level) {
+  captureLevel = level;
+}
+function setDebugRefreshInspection(refresh) {
+  refreshInspection = refresh;
+}
+function debugCaptureHeaders() {
+  if (captureLevel === "off" || listeners.size === 0) return {};
+  const headers = { [DEBUG_CAPTURE_HEADER]: captureLevel };
+  if (refreshInspection) headers[DEBUG_REFRESH_INSPECTION_HEADER] = "true";
+  return headers;
+}
+export {
+  DEBUG_CAPTURE_HEADER,
+  DEBUG_REFRESH_INSPECTION_HEADER,
+  debugCaptureHeaders,
+  debugConsoleAvailable,
+  debugConsoleOpen,
+  registerDebugConsole,
+  revealDebugConsole,
+  setDebugCaptureLevel,
+  setDebugConsoleOpen,
+  setDebugRefreshInspection,
+  subscribeToDebugConsole
+};
+//# sourceMappingURL=debugConsoleSignal.js.map

package/dist/data/debugConsoleSignal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugConsoleSignal.js","sources":["../../src/data/debugConsoleSignal.ts"],"sourcesContent":["/**\n * The one thing a result table and the debug console have to agree on: \"show me\n * this\".\n *\n * It is a bare emitter with no dependencies, and it lives here rather than in\n * `devtools/` on purpose. Tables ship in the `data` entry point and the console\n * ships in `devtools`; if the table imported the console to reveal it, every app\n * with a table would carry the console's tables, HAR panel and SSE client\n * whether or not it ever opens one. The dependency runs the other way instead:\n * the console imports this and registers itself.\n */\n\nexport type DebugConsoleRequest = {\n  /** The capture to open, when the caller knows which one it produced. */\n  recordId?: string | undefined;\n  /** The tab to land on, e.g. \"queries\" or \"network\". */\n  tab?: string | undefined;\n  /**\n   * Closes an already-open console instead of re-opening it.\n   *\n   * Only the console's own trigger sets this. A \"Debug\" action that toggled\n   * would close the console for someone who clicked it while it was already\n   * open — the opposite of what asking to see a query means.\n   */\n  toggle?: boolean | undefined;\n};\n\ntype Listener = (request: DebugConsoleRequest) => void;\n\nconst listeners = new Set<Listener>();\nconst watchers = new Set<() => void>();\n\n/**\n * Registers a console. The returned function unregisters it, so a dock that\n * unmounts stops claiming a console exists.\n */\nexport function registerDebugConsole(listener: Listener): () => void {\n  listeners.add(listener);\n  notify();\n  return () => {\n    listeners.delete(listener);\n    notify();\n  };\n}\n\n/**\n * Watches whether a console is mounted, so a menu built before the dock renders\n * gains its \"Debug\" item when the dock arrives rather than staying stale.\n */\nexport function subscribeToDebugConsole(onChange: () => void): () => void {\n  watchers.add(onChange);\n  return () => {\n    watchers.delete(onChange);\n  };\n}\n\nfunction notify(): void {\n  for (const watcher of watchers) watcher();\n}\n\n/**\n * Whether a console is mounted to reveal.\n *\n * Callers use this to decide whether to offer the action at all: a \"Debug\" menu\n * item that does nothing is worse than no menu item, because it reads as broken\n * rather than as absent.\n */\nexport function debugConsoleAvailable(): boolean {\n  return listeners.size > 0;\n}\n\nlet consoleOpen = false;\n\n/**\n * Published by the mounted console as it opens and closes.\n *\n * Its trigger lives in the app's navbar, outside the console's own tree, so\n * \"am I showing an open console\" is not state either side can read from the\n * other without this.\n */\nexport function setDebugConsoleOpen(open: boolean): void {\n  if (consoleOpen === open) return;\n  consoleOpen = open;\n  notify();\n}\n\n/** Whether the mounted console is currently showing. */\nexport function debugConsoleOpen(): boolean {\n  return consoleOpen && listeners.size > 0;\n}\n\n/** Asks the mounted console to open, optionally focused on one capture. */\nexport function revealDebugConsole(request: DebugConsoleRequest = {}): void {\n  for (const listener of listeners) listener(request);\n}\n\n/** The headers a request arms the server with. Named once, here. */\nexport const DEBUG_CAPTURE_HEADER = \"X-Debug-Level\";\nexport const DEBUG_REFRESH_INSPECTION_HEADER = \"X-Debug-Refresh-Inspection\";\n\nlet captureLevel = \"off\";\nlet refreshInspection = false;\n\n/**\n * Published by the mounted console whenever its level picker changes.\n *\n * It lives beside the reveal signal for the same reason: a component that makes\n * a bare `fetch` — the profile builder's sample call, say — has to arm it, and\n * importing the console to read one string would drag the whole console into\n * that bundle.\n */\nexport function setDebugCaptureLevel(level: string): void {\n  captureLevel = level;\n}\n\n/**\n * Published by the console alongside the level: whether requests should also\n * rebuild every metadata lookup instead of reading the cache.\n */\nexport function setDebugRefreshInspection(refresh: boolean): void {\n  refreshInspection = refresh;\n}\n\n/**\n * Headers that arm a request at whatever the console is currently set to, and\n * nothing at all when no console is open.\n *\n * Spread into a bare `fetch`. Requests that go through a wrapped client are\n * armed by the wrapper instead and need not call this.\n */\nexport function debugCaptureHeaders(): Record<string, string> {\n  if (captureLevel === \"off\" || listeners.size === 0) return {};\n  const headers: Record<string, string> = { [DEBUG_CAPTURE_HEADER]: captureLevel };\n  // Only present when on: a header carrying \"false\" would make every request\n  // look like it had opted out of something.\n  if (refreshInspection) headers[DEBUG_REFRESH_INSPECTION_HEADER] = \"true\";\n  return headers;\n}\n"],"names":[],"mappings":"AA6BA,MAAM,gCAAgB,IAAA;AACtB,MAAM,+BAAe,IAAA;AAMd,SAAS,qBAAqB,UAAgC;AACnE,YAAU,IAAI,QAAQ;AACtB,SAAA;AACA,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AACzB,WAAA;AAAA,EACF;AACF;AAMO,SAAS,wBAAwB,UAAkC;AACxE,WAAS,IAAI,QAAQ;AACrB,SAAO,MAAM;AACX,aAAS,OAAO,QAAQ;AAAA,EAC1B;AACF;AAEA,SAAS,SAAe;AACtB,aAAW,WAAW,SAAU,SAAA;AAClC;AASO,SAAS,wBAAiC;AAC/C,SAAO,UAAU,OAAO;AAC1B;AAEA,IAAI,cAAc;AASX,SAAS,oBAAoB,MAAqB;AACvD,MAAI,gBAAgB,KAAM;AAC1B,gBAAc;AACd,SAAA;AACF;AAGO,SAAS,mBAA4B;AAC1C,SAAO,eAAe,UAAU,OAAO;AACzC;AAGO,SAAS,mBAAmB,UAA+B,IAAU;AAC1E,aAAW,YAAY,UAAW,UAAS,OAAO;AACpD;AAGO,MAAM,uBAAuB;AAC7B,MAAM,kCAAkC;AAE/C,IAAI,eAAe;AACnB,IAAI,oBAAoB;AAUjB,SAAS,qBAAqB,OAAqB;AACxD,iBAAe;AACjB;AAMO,SAAS,0BAA0B,SAAwB;AAChE,sBAAoB;AACtB;AASO,SAAS,sBAA8C;AAC5D,MAAI,iBAAiB,SAAS,UAAU,SAAS,UAAU,CAAA;AAC3D,QAAM,UAAkC,EAAE,CAAC,oBAAoB,GAAG,aAAA;AAGlE,MAAI,kBAAmB,SAAQ,+BAA+B,IAAI;AAClE,SAAO;AACT;"}

package/dist/data/har/HarPanel.cjs

@@ -58,20 +58,26 @@ function HarPanel({
   if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-density-6 text-center text-muted-foreground text-sm", children: emptyLabel });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-full ${className ?? ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
-    DataTable.DataTable,
-    {
-      data: filteredEntries,
-      columns: COLS,
-      autoFilter: true,
-      showGlobalFilter: search === void 0,
-      globalFilterPlaceholder: "Filter URL, method, or body…",
-      defaultSort: { key: "time", dir: "asc" },
-      emptyMessage: emptyLabel,
-      getRowId: (entry, index) => `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`,
-      renderExpandedRow: (entry) => /* @__PURE__ */ jsxRuntime.jsx(HarRowDetails, { entry })
-    }
-  ) });
+  return (
+    // A flex column, not a plain block: DataTable sizes itself as `flex-1
+    // min-h-0` so its own scroll region can be bounded, and in a block parent
+    // that resolves to content height — the table grows past the panel and
+    // nothing scrolls.
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full min-h-0 flex-col ${className ?? ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable.DataTable,
+      {
+        data: filteredEntries,
+        columns: COLS,
+        autoFilter: true,
+        showGlobalFilter: search === void 0,
+        globalFilterPlaceholder: "Filter URL, method, or body…",
+        defaultSort: { key: "time", dir: "asc" },
+        emptyMessage: emptyLabel,
+        getRowId: (entry, index) => `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`,
+        renderExpandedRow: (entry) => /* @__PURE__ */ jsxRuntime.jsx(HarRowDetails, { entry })
+      }
+    ) })
+  );
 }
 function HarRowDetails({ entry }) {
   var _a, _b;

package/dist/data/har/HarPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HarPanel.cjs","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../DataTable\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n};\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value) => <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>,\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value) => (\n      <span className={statusColor(Number(value ?? 0))}>{String(value ?? \"\")}</span>\n    ),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    <div className={`h-full ${className ?? \"\"}`}>\n      <DataTable\n        data={filteredEntries}\n        columns={COLS}\n        autoFilter\n        showGlobalFilter={search === undefined}\n        globalFilterPlaceholder=\"Filter URL, method, or body…\"\n        defaultSort={{ key: \"time\", dir: \"asc\" }}\n        emptyMessage={emptyLabel}\n        getRowId={(entry, index) =>\n          `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`\n        }\n        renderExpandedRow={(entry) => <HarRowDetails entry={entry} />}\n      />\n    </div>\n  );\n}\n\nfunction HarRowDetails({ entry }: { entry: HAREntry }) {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {entry.request.postData?.text && (\n            <div className=\"mt-density-2\">\n              <div className=\"font-semibold text-foreground mb-1\">Request Body</div>\n              <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-48\">\n                <BodyView\n                  text={entry.request.postData.text}\n                  {...(entry.request.postData.mimeType\n                    ? { mimeType: entry.request.postData.mimeType }\n                    : {})}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {entry.response.content?.text && (\n        <div className=\"mt-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Response Body</div>\n          <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n            <BodyView\n              text={entry.response.content.text}\n              {...(entry.response.content.mimeType\n                ? { mimeType: entry.response.content.mimeType }\n                : {})}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":["jsx","useMemo","DataTable","jsxs","Fragment","JsonView"],"mappings":"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"}
+{"version":3,"file":"HarPanel.cjs","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../DataTable\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n};\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value) => <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>,\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value) => (\n      <span className={statusColor(Number(value ?? 0))}>{String(value ?? \"\")}</span>\n    ),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    // A flex column, not a plain block: DataTable sizes itself as `flex-1\n    // min-h-0` so its own scroll region can be bounded, and in a block parent\n    // that resolves to content height — the table grows past the panel and\n    // nothing scrolls.\n    <div className={`flex h-full min-h-0 flex-col ${className ?? \"\"}`}>\n      <DataTable\n        data={filteredEntries}\n        columns={COLS}\n        autoFilter\n        showGlobalFilter={search === undefined}\n        globalFilterPlaceholder=\"Filter URL, method, or body…\"\n        defaultSort={{ key: \"time\", dir: \"asc\" }}\n        emptyMessage={emptyLabel}\n        getRowId={(entry, index) =>\n          `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`\n        }\n        renderExpandedRow={(entry) => <HarRowDetails entry={entry} />}\n      />\n    </div>\n  );\n}\n\nfunction HarRowDetails({ entry }: { entry: HAREntry }) {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {entry.request.postData?.text && (\n            <div className=\"mt-density-2\">\n              <div className=\"font-semibold text-foreground mb-1\">Request Body</div>\n              <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-48\">\n                <BodyView\n                  text={entry.request.postData.text}\n                  {...(entry.request.postData.mimeType\n                    ? { mimeType: entry.request.postData.mimeType }\n                    : {})}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {entry.response.content?.text && (\n        <div className=\"mt-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Response Body</div>\n          <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n            <BodyView\n              text={entry.response.content.text}\n              {...(entry.response.content.mimeType\n                ? { mimeType: entry.response.content.mimeType }\n                : {})}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":["jsx","useMemo","DataTable","jsxs","Fragment","JsonView"],"mappings":"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"}

package/dist/data/har/HarPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HarPanel.d.ts","sourceRoot":"","sources":["../../../src/data/har/HarPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8CF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,UAAuC,EACvC,SAAS,GACV,EAAE,aAAa,2CA6Bf"}
+{"version":3,"file":"HarPanel.d.ts","sourceRoot":"","sources":["../../../src/data/har/HarPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8CF,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,UAAuC,EACvC,SAAS,GACV,EAAE,aAAa,2CAiCf"}

package/dist/data/har/HarPanel.js

@@ -56,20 +56,26 @@ function HarPanel({
   if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "p-density-6 text-center text-muted-foreground text-sm", children: emptyLabel });
   }
-  return /* @__PURE__ */ jsx("div", { className: `h-full ${className ?? ""}`, children: /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      data: filteredEntries,
-      columns: COLS,
-      autoFilter: true,
-      showGlobalFilter: search === void 0,
-      globalFilterPlaceholder: "Filter URL, method, or body…",
-      defaultSort: { key: "time", dir: "asc" },
-      emptyMessage: emptyLabel,
-      getRowId: (entry, index) => `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`,
-      renderExpandedRow: (entry) => /* @__PURE__ */ jsx(HarRowDetails, { entry })
-    }
-  ) });
+  return (
+    // A flex column, not a plain block: DataTable sizes itself as `flex-1
+    // min-h-0` so its own scroll region can be bounded, and in a block parent
+    // that resolves to content height — the table grows past the panel and
+    // nothing scrolls.
+    /* @__PURE__ */ jsx("div", { className: `flex h-full min-h-0 flex-col ${className ?? ""}`, children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: filteredEntries,
+        columns: COLS,
+        autoFilter: true,
+        showGlobalFilter: search === void 0,
+        globalFilterPlaceholder: "Filter URL, method, or body…",
+        defaultSort: { key: "time", dir: "asc" },
+        emptyMessage: emptyLabel,
+        getRowId: (entry, index) => `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`,
+        renderExpandedRow: (entry) => /* @__PURE__ */ jsx(HarRowDetails, { entry })
+      }
+    ) })
+  );
 }
 function HarRowDetails({ entry }) {
   var _a, _b;

package/dist/data/har/HarPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HarPanel.js","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../DataTable\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n};\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value) => <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>,\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value) => (\n      <span className={statusColor(Number(value ?? 0))}>{String(value ?? \"\")}</span>\n    ),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    <div className={`h-full ${className ?? \"\"}`}>\n      <DataTable\n        data={filteredEntries}\n        columns={COLS}\n        autoFilter\n        showGlobalFilter={search === undefined}\n        globalFilterPlaceholder=\"Filter URL, method, or body…\"\n        defaultSort={{ key: \"time\", dir: \"asc\" }}\n        emptyMessage={emptyLabel}\n        getRowId={(entry, index) =>\n          `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`\n        }\n        renderExpandedRow={(entry) => <HarRowDetails entry={entry} />}\n      />\n    </div>\n  );\n}\n\nfunction HarRowDetails({ entry }: { entry: HAREntry }) {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {entry.request.postData?.text && (\n            <div className=\"mt-density-2\">\n              <div className=\"font-semibold text-foreground mb-1\">Request Body</div>\n              <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-48\">\n                <BodyView\n                  text={entry.request.postData.text}\n                  {...(entry.request.postData.mimeType\n                    ? { mimeType: entry.request.postData.mimeType }\n                    : {})}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {entry.response.content?.text && (\n        <div className=\"mt-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Response Body</div>\n          <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n            <BodyView\n              text={entry.response.content.text}\n              {...(entry.response.content.mimeType\n                ? { mimeType: entry.response.content.mimeType }\n                : {})}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HarPanel.js","sources":["../../../src/data/har/HarPanel.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DataTable, type DataTableColumn } from \"../DataTable\";\nimport { JsonView } from \"../JsonView\";\nimport type { HAREntry } from \"./types\";\n\nexport type HarPanelProps = {\n  /** HAR entries to render. */\n  entries: HAREntry[];\n  /** Optional external search term. When omitted, the internal DataTable search is shown. */\n  search?: string;\n  /** Empty-state label for no entries or no matches. */\n  emptyLabel?: string;\n  /** Classes applied to the panel root. */\n  className?: string;\n};\n\nconst COLS: DataTableColumn<HAREntry>[] = [\n  {\n    key: \"request.method\",\n    label: \"Method\",\n    shrink: true,\n  },\n  {\n    key: \"request.url\",\n    label: \"URL\",\n    grow: true,\n    render: (value) => <span title={String(value ?? \"\")}>{String(value ?? \"\")}</span>,\n  },\n  {\n    key: \"response.status\",\n    label: \"Status\",\n    shrink: true,\n    render: (value) => (\n      <span className={statusColor(Number(value ?? 0))}>{String(value ?? \"\")}</span>\n    ),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"time\",\n    label: \"Time\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(0)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.bodySize\",\n    label: \"Size\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatBytes(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"response.content.mimeType\",\n    label: \"Type\",\n    shrink: true,\n  },\n];\n\nexport function HarPanel({\n  entries,\n  search,\n  emptyLabel = \"No HTTP traffic captured\",\n  className,\n}: HarPanelProps) {\n  const filteredEntries = useMemo(() => {\n    if (search === undefined || search.trim() === \"\") return entries;\n    return entries.filter((entry) => matchesSearch(search.trim().toLowerCase(), entry));\n  }, [entries, search]);\n\n  if (!entries || entries.length === 0) {\n    return (\n      <div className=\"p-density-6 text-center text-muted-foreground text-sm\">{emptyLabel}</div>\n    );\n  }\n\n  return (\n    // A flex column, not a plain block: DataTable sizes itself as `flex-1\n    // min-h-0` so its own scroll region can be bounded, and in a block parent\n    // that resolves to content height — the table grows past the panel and\n    // nothing scrolls.\n    <div className={`flex h-full min-h-0 flex-col ${className ?? \"\"}`}>\n      <DataTable\n        data={filteredEntries}\n        columns={COLS}\n        autoFilter\n        showGlobalFilter={search === undefined}\n        globalFilterPlaceholder=\"Filter URL, method, or body…\"\n        defaultSort={{ key: \"time\", dir: \"asc\" }}\n        emptyMessage={emptyLabel}\n        getRowId={(entry, index) =>\n          `${entry.startedDateTime ?? index}-${entry.request.method}-${entry.request.url}-${entry.time}`\n        }\n        renderExpandedRow={(entry) => <HarRowDetails entry={entry} />}\n      />\n    </div>\n  );\n}\n\nfunction HarRowDetails({ entry }: { entry: HAREntry }) {\n  return (\n    <>\n      <div className=\"grid grid-cols-2 gap-density-4\">\n        <div>\n          <HeaderList\n            title=\"Request Headers\"\n            {...(entry.request.headers ? { headers: entry.request.headers } : {})}\n          />\n          {entry.request.postData?.text && (\n            <div className=\"mt-density-2\">\n              <div className=\"font-semibold text-foreground mb-1\">Request Body</div>\n              <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-48\">\n                <BodyView\n                  text={entry.request.postData.text}\n                  {...(entry.request.postData.mimeType\n                    ? { mimeType: entry.request.postData.mimeType }\n                    : {})}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div>\n          <HeaderList\n            title=\"Response Headers\"\n            {...(entry.response.headers ? { headers: entry.response.headers } : {})}\n          />\n        </div>\n      </div>\n      {entry.response.content?.text && (\n        <div className=\"mt-density-3\">\n          <div className=\"font-semibold text-foreground mb-1\">Response Body</div>\n          <div className=\"bg-background p-density-2 rounded border border-border overflow-auto max-h-64\">\n            <BodyView\n              text={entry.response.content.text}\n              {...(entry.response.content.mimeType\n                ? { mimeType: entry.response.content.mimeType }\n                : {})}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction HeaderList({\n  title,\n  headers,\n}: {\n  title: string;\n  headers?: { name: string; value: string }[];\n}) {\n  return (\n    <>\n      <div className=\"font-semibold text-foreground mb-1\">{title}</div>\n      <div className=\"space-y-0.5\">\n        {headers?.map((h, i) => (\n          <div key={i} className=\"whitespace-nowrap\">\n            <span className=\"text-purple-600 dark:text-purple-400\">{h.name}:</span> {h.value}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction BodyView({ text, mimeType }: { text: string; mimeType?: string }) {\n  if (isJsonType(mimeType)) {\n    const parsed = tryParseJson(text);\n    if (parsed !== null) return <JsonView data={parsed} />;\n  }\n  return <pre className=\"whitespace-pre-wrap break-all\">{text}</pre>;\n}\n\nfunction tryParseJson(text: string): unknown | null {\n  try {\n    return JSON.parse(text);\n  } catch {\n    return null;\n  }\n}\n\nfunction isJsonType(mime?: string): boolean {\n  return !!mime && (mime.includes(\"json\") || mime.includes(\"javascript\"));\n}\n\nfunction matchesSearch(needle: string, entry: HAREntry): boolean {\n  return [\n    entry.request.method,\n    entry.request.url,\n    entry.request.postData?.text,\n    entry.response.content?.text,\n  ].some((value) => !!value && value.toLowerCase().includes(needle));\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 0) return \"\";\n  if (bytes < 1024) return `${bytes}B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;\n}\n\nfunction statusColor(status: number): string {\n  if (status >= 500) return \"text-red-600\";\n  if (status >= 400) return \"text-amber-600\";\n  if (status >= 300) return \"text-blue-600\";\n  if (status >= 200) return \"text-green-600\";\n  return \"text-muted-foreground\";\n}\n"],"names":[],"mappings":"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"}

package/dist/data/har/types.d.ts

@@ -44,4 +44,22 @@ export interface HAREntry extends Record<string, unknown> {
         receive?: number;
     };
 }
+export interface HARCreator {
+    name: string;
+    version: string;
+}
+export interface HARLog {
+    version: string;
+    creator: HARCreator;
+    pages?: unknown[];
+    entries: HAREntry[];
+}
+/**
+ * A whole HAR 1.2 document — the envelope `HAREntry[]` arrives in, and the shape
+ * a file has to be in for Chrome devtools to import it. Panels take entries;
+ * anything that saves or loads a capture takes this.
+ */
+export interface HARFile {
+    log: HARLog;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/data/har/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/har/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAS,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/data/har/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAS,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9D;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,EAAE,QAAQ,EAAE,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;CACb"}

package/dist/data/query-browser/QueryBrowser.cjs

@@ -15,7 +15,7 @@ const ErrorDetails = require("../diagnostics/ErrorDetails.cjs");
 const QueryBrowser_editor = require("./QueryBrowser.editor.cjs");
 const QueryBrowserDiagnosticsPanel = require("./QueryBrowserDiagnosticsPanel.cjs");
 const QueryBrowserResults = require("./QueryBrowserResults.cjs");
-const useQueryInfo = require("../query-info/useQueryInfo.cjs");
+const useDebugAction = require("../useDebugAction.cjs");
 const QueryBrowser_types = require("./QueryBrowser.types.cjs");
 const UiPlay = require("../../icons/components/UiPlay.cjs");
 function QueryBrowser({
@@ -137,42 +137,7 @@ function QueryBrowser({
     },
     [runRequest]
   );
-  const loadQueryInfo = react.useCallback(async () => {
-    var _a2;
-    const previous = lastRun.current;
-    if (!previous) {
-      throw new Error("Run a query before asking what it sends");
-    }
-    const pagination = result == null ? void 0 : result.pagination;
-    try {
-      const probe = await execute({
-        ...previous,
-        ...pagination ? {
-          pagination: {
-            limit: pagination.limit,
-            ...pagination.offset !== void 0 ? { offset: pagination.offset } : {},
-            ...pagination.cursor ? { cursor: pagination.cursor } : {}
-          }
-        } : {},
-        debug: true
-      });
-      return {
-        ...((_a2 = probe.diagnostics) == null ? void 0 : _a2.provider) ? { provider: probe.diagnostics.provider } : {},
-        ...probe.rows ? { rows: probe.rows.length } : {},
-        ...probe.durationMs !== void 0 ? { durationMs: probe.durationMs } : {},
-        ...probe.diagnostics ? { diagnostics: probe.diagnostics } : {}
-      };
-    } catch (err) {
-      if (err instanceof QueryBrowser_types.QueryBrowserExecutionError) {
-        return {
-          error: err.message,
-          ...err.diagnostics ? { diagnostics: err.diagnostics } : {}
-        };
-      }
-      throw err;
-    }
-  }, [execute, result == null ? void 0 : result.pagination]);
-  const queryInfo = useQueryInfo.useQueryInfo({ load: loadQueryInfo, title: queryLabel });
+  const debugAction = useDebugAction.useDebugAction();
   react.useEffect(() => {
     if (!lastRun.current) return;
     if (filters === executedFilters.current) return;
@@ -312,7 +277,7 @@ function QueryBrowser({
       filterConfig,
       serverFiltered,
       ...tablePagination ? { pagination: tablePagination } : {},
-      ...queryInfo.action ? { menuActions: [queryInfo.action] } : {}
+      ...debugAction ? { menuActions: [debugAction] } : {}
     }
   );
   const workspace = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card", children: [
@@ -389,10 +354,7 @@ function QueryBrowser({
       error.diagnostics && /* @__PURE__ */ jsxRuntime.jsx(QueryBrowserDiagnosticsPanel.QueryBrowserDiagnosticsPanel, { diagnostics: error.diagnostics })
     ] }) : result && renderResults ? renderResults({ result, defaultView: defaultResults }) : defaultResults })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("h-[calc(100vh-15rem)] min-h-[32rem]", className), children: [
-    navigator ? /* @__PURE__ */ jsxRuntime.jsx(SplitPane.SplitPane, { defaultSplit: 28, left: navigator, right: workspace }) : workspace,
-    queryInfo.dialog
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-[calc(100vh-15rem)] min-h-[32rem]", className), children: navigator ? /* @__PURE__ */ jsxRuntime.jsx(SplitPane.SplitPane, { defaultSplit: 28, left: navigator, right: workspace }) : workspace });
 }
 exports.QueryBrowser = QueryBrowser;
 //# sourceMappingURL=QueryBrowser.cjs.map

package/dist/data/query-browser/QueryBrowser.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.cjs","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { Compartment, EditorState } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport type { DataTablePagination } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport type { DataTableFilterSelection } from \"../data-table-filter-values\";\nimport {\n  serverColumnsToDataTableColumns,\n  serverFiltersToFilterBar,\n  type DataTableFilterLookup,\n  type DataTableServerColumn,\n} from \"../data-table-server-filters\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport type { ErrorDiagnostics } from \"../diagnostics/error-diagnostics\";\nimport {\n  queryBrowserEditorExtensions,\n  queryBrowserLanguageExtension,\n  readQueryBrowserHistory,\n  rememberQueryBrowserQuery,\n  type QueryBrowserHistoryEntry,\n} from \"./QueryBrowser.editor\";\nimport { QueryBrowserDiagnosticsPanel } from \"./QueryBrowserDiagnosticsPanel\";\nimport { QueryBrowserResults } from \"./QueryBrowserResults\";\nimport { useQueryInfo } from \"../query-info/useQueryInfo\";\nimport type { QueryExecutionInfo } from \"../query-info/queryInfo\";\nimport {\n  QueryBrowserExecutionError,\n  type QueryBrowserDiagnostics,\n  type QueryBrowserProps,\n  type QueryBrowserRequest,\n  type QueryBrowserResult,\n} from \"./QueryBrowser.types\";\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  allowEmptyQuery = false,\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  lookupFilterValues,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<{\n    message: string;\n    query: string;\n    diagnostics?: QueryBrowserDiagnostics;\n    errorDetails?: ErrorDiagnostics;\n  } | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<QueryBrowserHistoryEntry[]>(() =>\n    readQueryBrowserHistory(id),\n  );\n  const [filters, setFilters] = useState<DataTableFilterSelection>({});\n  // What the displayed result came from. A filter re-runs *this*, never the\n  // editor's current text — otherwise changing a pill would execute a\n  // half-typed edit nobody asked to run.\n  const lastRun = useRef<{\n    query: string;\n    options: Record<string, unknown>;\n    filters?: DataTableFilterSelection;\n    columns?: DataTableServerColumn[];\n  } | null>(null);\n  const executedFilters = useRef<DataTableFilterSelection>({});\n\n  // Every run goes through here so the record a filter re-runs from is refreshed\n  // in one place: the query, its options, and the columns the source described,\n  // which are what a subsequent selection binds to.\n  const runRequest = useCallback(\n    async (request: QueryBrowserRequest) => {\n      setPending(true);\n      setError(null);\n      const started = performance.now();\n      try {\n        const next = await execute(request);\n        setResult({\n          ...next,\n          durationMs: next.durationMs ?? performance.now() - started,\n        });\n        lastRun.current = {\n          query: request.query,\n          options: request.options,\n          ...(request.filters ? { filters: request.filters } : {}),\n          ...(next.columns ? { columns: next.columns } : {}),\n        };\n      } catch (err) {\n        setError({\n          message: err instanceof Error ? err.message : String(err),\n          query: request.query,\n          ...(err instanceof QueryBrowserExecutionError && err.diagnostics\n            ? { diagnostics: err.diagnostics }\n            : {}),\n          ...(err instanceof QueryBrowserExecutionError && err.errorDetails\n            ? { errorDetails: err.errorDetails }\n            : {}),\n        });\n      } finally {\n        setPending(false);\n      }\n    },\n    [execute],\n  );\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if ((!query && !allowEmptyQuery) || pending) return;\n    if (query) setEntries(rememberQueryBrowserQuery(id, query));\n    // A different statement is a different result set, so neither its filters\n    // nor the columns they bind to survive: both name columns the new query may\n    // not return.\n    const repeat = lastRun.current?.query === query ? lastRun.current : null;\n    const carried = repeat ? filters : {};\n    if (carried !== filters) setFilters(carried);\n    lastRun.current = { query, options };\n    executedFilters.current = carried;\n    await runRequest({\n      query,\n      options,\n      ...(Object.keys(carried).length > 0 ? { filters: carried } : {}),\n      ...(repeat?.columns ? { columns: repeat.columns } : {}),\n    });\n  }, [allowEmptyQuery, currentQuery, filters, id, options, pending, runRequest]);\n\n  // A filter pill is not a draft the way query text is: it commits a discrete\n  // value on selection, and the bar already debounces its free-text fields. So\n  // a change re-runs the last executed query immediately rather than waiting\n  // for Run, which is also how the profile catalog behaves.\n  const rerunWithFilters = useCallback(\n    async (selection: DataTableFilterSelection) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter changed before any query had run\",\n        );\n      }\n      await runRequest({\n        ...previous,\n        filters: selection,\n        ...(result?.pagination\n          ? { pagination: { limit: result.pagination.limit } }\n          : {}),\n      });\n    },\n    [result?.pagination, runRequest],\n  );\n\n  const rerunAt = useCallback(\n    async (pagination: NonNullable<QueryBrowserRequest[\"pagination\"]>) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: pagination changed before any query had run\",\n        );\n      }\n      await runRequest({ ...previous, pagination });\n    },\n    [runRequest],\n  );\n\n  // \"Debug\" runs the displayed query again with diagnostics on rather than\n  // reading them off the result: a debug run costs a second execution, and one\n  // paid on every query so the answer is there if asked for is the wrong trade.\n  const loadQueryInfo = useCallback(async (): Promise<QueryExecutionInfo> => {\n    const previous = lastRun.current;\n    if (!previous) {\n      throw new Error(\"Run a query before asking what it sends\");\n    }\n    const pagination = result?.pagination;\n    try {\n      const probe = await execute({\n        ...previous,\n        ...(pagination\n          ? {\n              pagination: {\n                limit: pagination.limit,\n                ...(pagination.offset !== undefined\n                  ? { offset: pagination.offset }\n                  : {}),\n                ...(pagination.cursor ? { cursor: pagination.cursor } : {}),\n              },\n            }\n          : {}),\n        debug: true,\n      });\n      return {\n        ...(probe.diagnostics?.provider\n          ? { provider: probe.diagnostics.provider }\n          : {}),\n        ...(probe.rows ? { rows: probe.rows.length } : {}),\n        ...(probe.durationMs !== undefined\n          ? { durationMs: probe.durationMs }\n          : {}),\n        ...(probe.diagnostics ? { diagnostics: probe.diagnostics } : {}),\n      };\n    } catch (err) {\n      if (err instanceof QueryBrowserExecutionError) {\n        return {\n          error: err.message,\n          ...(err.diagnostics ? { diagnostics: err.diagnostics } : {}),\n        };\n      }\n      throw err;\n    }\n  }, [execute, result?.pagination]);\n  const queryInfo = useQueryInfo({ load: loadQueryInfo, title: queryLabel });\n\n  useEffect(() => {\n    if (!lastRun.current) return;\n    if (filters === executedFilters.current) return;\n    executedFilters.current = filters;\n    void rerunWithFilters(filters);\n  }, [filters, rerunWithFilters]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: queryBrowserEditorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(\n            queryBrowserLanguageExtension(language, completion),\n          ),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        queryBrowserLanguageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readQueryBrowserHistory(id));\n    setResult(null);\n    setError(null);\n    setFilters({});\n    lastRun.current = null;\n    executedFilters.current = {};\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const described = result?.columns ?? [];\n  const columns = useMemo(\n    () =>\n      described.length > 0\n        ? serverColumnsToDataTableColumns<Record<string, unknown>>(described)\n        : inferColumns(rows, { literalKeys: true }),\n    [described, rows],\n  );\n  const lookupValues = useMemo<DataTableFilterLookup | undefined>(() => {\n    if (!lookupFilterValues) return undefined;\n    return (request) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter lookup ran before any query had\",\n        );\n      }\n      return lookupFilterValues({ ...request, ...previous, filters });\n    };\n  }, [filters, lookupFilterValues]);\n  const filterConfig = useMemo(\n    () =>\n      serverFiltersToFilterBar(\n        described,\n        filters,\n        setFilters,\n        lookupValues ? { lookupValues } : {},\n      ),\n    [described, filters, lookupValues],\n  );\n  const serverFiltered =\n    filterConfig.filters.length > 0 || filterConfig.timeRange !== undefined;\n  const tablePagination = useMemo<DataTablePagination | undefined>(() => {\n    const pagination = result?.pagination;\n    if (!pagination) return undefined;\n    const shared = {\n      pageSize: pagination.limit,\n      ...(pagination.total !== undefined ? { total: pagination.total } : {}),\n      ...(pagination.totalRelation === \"eq\" ||\n      pagination.totalRelation === \"gte\"\n        ? { totalRelation: pagination.totalRelation }\n        : {}),\n      hasMore: pagination.hasMore,\n      onPageSizeChange: (limit: number) => void rerunAt({ limit }),\n    };\n    if (pagination.mode === \"cursor\") {\n      return {\n        ...shared,\n        page: 0,\n        cursor: {\n          ...(pagination.cursor ? { current: pagination.cursor } : {}),\n          ...(pagination.nextCursor ? { next: pagination.nextCursor } : {}),\n          onCursorChange: (cursor: string | undefined) =>\n            void rerunAt({\n              limit: pagination.limit,\n              ...(cursor ? { cursor } : {}),\n            }),\n        },\n      };\n    }\n    const page = Math.floor((pagination.offset ?? 0) / pagination.limit);\n    return {\n      ...shared,\n      page,\n      onPageChange: (nextPage: number) =>\n        void rerunAt({\n          limit: pagination.limit,\n          offset: nextPage * pagination.limit,\n        }),\n    };\n  }, [rerunAt, result?.pagination]);\n  const defaultResults = (\n    <QueryBrowserResults\n      result={result}\n      pending={pending}\n      {...(title ? { title } : {})}\n      queryLabel={queryLabel}\n      columns={columns}\n      filterConfig={filterConfig}\n      serverFiltered={serverFiltered}\n      {...(tablePagination ? { pagination: tablePagination } : {})}\n      {...(queryInfo.action ? { menuActions: [queryInfo.action] } : {})}\n    />\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <div className=\"space-y-3\">\n            <ErrorDetails\n              diagnostics={{\n                ...(error.errorDetails ?? {\n                  message: error.message,\n                  context: [],\n                }),\n                context: [\n                  ...(error.errorDetails?.context ?? []),\n                  [\"Query\", error.query],\n                  [\"Language\", language],\n                ],\n              }}\n            />\n            {error.diagnostics && (\n              <QueryBrowserDiagnosticsPanel diagnostics={error.diagnostics} />\n            )}\n          </div>\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n      {queryInfo.dialog}\n    </div>\n  );\n}\n"],"names":["useRef","Compartment","useState","readQueryBrowserHistory","useCallback","QueryBrowserExecutionError","view","rememberQueryBrowserQuery","_a","useQueryInfo","useEffect","EditorView","EditorState","queryBrowserEditorExtensions","queryBrowserLanguageExtension","useMemo","serverColumnsToDataTableColumns","inferColumns","serverFiltersToFilterBar","jsx","QueryBrowserResults","jsxs","Button","Icon","UiPlay","JsonSchemaForm","ErrorDetails","QueryBrowserDiagnosticsPanel","cn","SplitPane"],"mappings":"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"}
+{"version":3,"file":"QueryBrowser.cjs","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"sourcesContent":["import { Compartment, EditorState } from \"@codemirror/state\";\nimport { EditorView } from \"@codemirror/view\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { cn } from \"../../lib/utils\";\nimport { SplitPane } from \"../../layout/SplitPane\";\nimport { Icon } from \"../Icon\";\nimport { UiPlay } from \"../../icons\";\nimport type { DataTablePagination } from \"../DataTable\";\nimport { inferColumns } from \"../data-table-utils\";\nimport type { DataTableFilterSelection } from \"../data-table-filter-values\";\nimport {\n  serverColumnsToDataTableColumns,\n  serverFiltersToFilterBar,\n  type DataTableFilterLookup,\n  type DataTableServerColumn,\n} from \"../data-table-server-filters\";\nimport { ErrorDetails } from \"../diagnostics/ErrorDetails\";\nimport type { ErrorDiagnostics } from \"../diagnostics/error-diagnostics\";\nimport {\n  queryBrowserEditorExtensions,\n  queryBrowserLanguageExtension,\n  readQueryBrowserHistory,\n  rememberQueryBrowserQuery,\n  type QueryBrowserHistoryEntry,\n} from \"./QueryBrowser.editor\";\nimport { QueryBrowserDiagnosticsPanel } from \"./QueryBrowserDiagnosticsPanel\";\nimport { QueryBrowserResults } from \"./QueryBrowserResults\";\nimport { useDebugAction } from \"../useDebugAction\";\nimport {\n  QueryBrowserExecutionError,\n  type QueryBrowserDiagnostics,\n  type QueryBrowserProps,\n  type QueryBrowserRequest,\n  type QueryBrowserResult,\n} from \"./QueryBrowser.types\";\n\nexport function QueryBrowser({\n  id,\n  title,\n  language = \"text\",\n  initialQuery = \"\",\n  queryLabel = \"Query\",\n  allowEmptyQuery = false,\n  optionsSchema,\n  initialOptions,\n  completion,\n  onQueryChange,\n  onOptionsChange,\n  navigator,\n  execute,\n  lookupFilterValues,\n  renderResults,\n  className,\n}: QueryBrowserProps) {\n  const editorHost = useRef<HTMLDivElement | null>(null);\n  const editor = useRef<EditorView | null>(null);\n  const languageConfig = useRef(new Compartment());\n  const executeRef = useRef<() => void>(() => undefined);\n  const onQueryChangeRef = useRef(onQueryChange);\n  const [options, setOptions] = useState<Record<string, unknown>>(\n    initialOptions ?? {},\n  );\n  const [result, setResult] = useState<QueryBrowserResult | null>(null);\n  const [error, setError] = useState<{\n    message: string;\n    query: string;\n    diagnostics?: QueryBrowserDiagnostics;\n    errorDetails?: ErrorDiagnostics;\n  } | null>(null);\n  const [pending, setPending] = useState(false);\n  const [entries, setEntries] = useState<QueryBrowserHistoryEntry[]>(() =>\n    readQueryBrowserHistory(id),\n  );\n  const [filters, setFilters] = useState<DataTableFilterSelection>({});\n  // What the displayed result came from. A filter re-runs *this*, never the\n  // editor's current text — otherwise changing a pill would execute a\n  // half-typed edit nobody asked to run.\n  const lastRun = useRef<{\n    query: string;\n    options: Record<string, unknown>;\n    filters?: DataTableFilterSelection;\n    columns?: DataTableServerColumn[];\n  } | null>(null);\n  const executedFilters = useRef<DataTableFilterSelection>({});\n\n  // Every run goes through here so the record a filter re-runs from is refreshed\n  // in one place: the query, its options, and the columns the source described,\n  // which are what a subsequent selection binds to.\n  const runRequest = useCallback(\n    async (request: QueryBrowserRequest) => {\n      setPending(true);\n      setError(null);\n      const started = performance.now();\n      try {\n        const next = await execute(request);\n        setResult({\n          ...next,\n          durationMs: next.durationMs ?? performance.now() - started,\n        });\n        lastRun.current = {\n          query: request.query,\n          options: request.options,\n          ...(request.filters ? { filters: request.filters } : {}),\n          ...(next.columns ? { columns: next.columns } : {}),\n        };\n      } catch (err) {\n        setError({\n          message: err instanceof Error ? err.message : String(err),\n          query: request.query,\n          ...(err instanceof QueryBrowserExecutionError && err.diagnostics\n            ? { diagnostics: err.diagnostics }\n            : {}),\n          ...(err instanceof QueryBrowserExecutionError && err.errorDetails\n            ? { errorDetails: err.errorDetails }\n            : {}),\n        });\n      } finally {\n        setPending(false);\n      }\n    },\n    [execute],\n  );\n\n  const currentQuery = useCallback(() => {\n    const view = editor.current;\n    if (!view) return initialQuery;\n    const selection = view.state.selection.main;\n    if (!selection.empty)\n      return view.state.sliceDoc(selection.from, selection.to);\n    return view.state.doc.toString();\n  }, [initialQuery]);\n\n  const run = useCallback(async () => {\n    const query = currentQuery().trim();\n    if ((!query && !allowEmptyQuery) || pending) return;\n    if (query) setEntries(rememberQueryBrowserQuery(id, query));\n    // A different statement is a different result set, so neither its filters\n    // nor the columns they bind to survive: both name columns the new query may\n    // not return.\n    const repeat = lastRun.current?.query === query ? lastRun.current : null;\n    const carried = repeat ? filters : {};\n    if (carried !== filters) setFilters(carried);\n    lastRun.current = { query, options };\n    executedFilters.current = carried;\n    await runRequest({\n      query,\n      options,\n      ...(Object.keys(carried).length > 0 ? { filters: carried } : {}),\n      ...(repeat?.columns ? { columns: repeat.columns } : {}),\n    });\n  }, [allowEmptyQuery, currentQuery, filters, id, options, pending, runRequest]);\n\n  // A filter pill is not a draft the way query text is: it commits a discrete\n  // value on selection, and the bar already debounces its free-text fields. So\n  // a change re-runs the last executed query immediately rather than waiting\n  // for Run, which is also how the profile catalog behaves.\n  const rerunWithFilters = useCallback(\n    async (selection: DataTableFilterSelection) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter changed before any query had run\",\n        );\n      }\n      await runRequest({\n        ...previous,\n        filters: selection,\n        ...(result?.pagination\n          ? { pagination: { limit: result.pagination.limit } }\n          : {}),\n      });\n    },\n    [result?.pagination, runRequest],\n  );\n\n  const rerunAt = useCallback(\n    async (pagination: NonNullable<QueryBrowserRequest[\"pagination\"]>) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: pagination changed before any query had run\",\n        );\n      }\n      await runRequest({ ...previous, pagination });\n    },\n    [runRequest],\n  );\n\n  // \"Debug\" reveals the console, which already holds the record for the run\n  // that produced the rows on screen. It used to re-execute the query with a\n  // `debug` flag — so the diagnostics described a *different* execution from\n  // the one being looked at, and cost the backend a second full run to say so.\n  const debugAction = useDebugAction();\n\n  useEffect(() => {\n    if (!lastRun.current) return;\n    if (filters === executedFilters.current) return;\n    executedFilters.current = filters;\n    void rerunWithFilters(filters);\n  }, [filters, rerunWithFilters]);\n\n  executeRef.current = () => void run();\n  onQueryChangeRef.current = onQueryChange;\n\n  useEffect(() => {\n    if (!editorHost.current) return;\n    const view = new EditorView({\n      parent: editorHost.current,\n      state: EditorState.create({\n        doc: initialQuery,\n        extensions: queryBrowserEditorExtensions(\n          () => executeRef.current(),\n          (query) => onQueryChangeRef.current?.(query),\n          languageConfig.current.of(\n            queryBrowserLanguageExtension(language, completion),\n          ),\n        ),\n      }),\n    });\n    editor.current = view;\n    return () => {\n      editor.current = null;\n      view.destroy();\n    };\n  }, [id, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view) return;\n    view.dispatch({\n      effects: languageConfig.current.reconfigure(\n        queryBrowserLanguageExtension(language, completion),\n      ),\n    });\n  }, [completion, language]);\n\n  useEffect(() => {\n    const view = editor.current;\n    if (!view || view.state.doc.toString() === initialQuery) return;\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: initialQuery },\n    });\n  }, [initialQuery]);\n\n  useEffect(() => {\n    setOptions(initialOptions ?? {});\n  }, [initialOptions]);\n\n  const updateOptions = useCallback(\n    (next: Record<string, unknown>) => {\n      setOptions(next);\n      onOptionsChange?.(next);\n    },\n    [onOptionsChange],\n  );\n\n  useEffect(() => {\n    setEntries(readQueryBrowserHistory(id));\n    setResult(null);\n    setError(null);\n    setFilters({});\n    lastRun.current = null;\n    executedFilters.current = {};\n  }, [id]);\n\n  const rows = result?.rows ?? [];\n  const described = result?.columns ?? [];\n  const columns = useMemo(\n    () =>\n      described.length > 0\n        ? serverColumnsToDataTableColumns<Record<string, unknown>>(described)\n        : inferColumns(rows, { literalKeys: true }),\n    [described, rows],\n  );\n  const lookupValues = useMemo<DataTableFilterLookup | undefined>(() => {\n    if (!lookupFilterValues) return undefined;\n    return (request) => {\n      const previous = lastRun.current;\n      if (!previous) {\n        throw new Error(\n          \"QueryBrowser: a filter lookup ran before any query had\",\n        );\n      }\n      return lookupFilterValues({ ...request, ...previous, filters });\n    };\n  }, [filters, lookupFilterValues]);\n  const filterConfig = useMemo(\n    () =>\n      serverFiltersToFilterBar(\n        described,\n        filters,\n        setFilters,\n        lookupValues ? { lookupValues } : {},\n      ),\n    [described, filters, lookupValues],\n  );\n  const serverFiltered =\n    filterConfig.filters.length > 0 || filterConfig.timeRange !== undefined;\n  const tablePagination = useMemo<DataTablePagination | undefined>(() => {\n    const pagination = result?.pagination;\n    if (!pagination) return undefined;\n    const shared = {\n      pageSize: pagination.limit,\n      ...(pagination.total !== undefined ? { total: pagination.total } : {}),\n      ...(pagination.totalRelation === \"eq\" ||\n      pagination.totalRelation === \"gte\"\n        ? { totalRelation: pagination.totalRelation }\n        : {}),\n      hasMore: pagination.hasMore,\n      onPageSizeChange: (limit: number) => void rerunAt({ limit }),\n    };\n    if (pagination.mode === \"cursor\") {\n      return {\n        ...shared,\n        page: 0,\n        cursor: {\n          ...(pagination.cursor ? { current: pagination.cursor } : {}),\n          ...(pagination.nextCursor ? { next: pagination.nextCursor } : {}),\n          onCursorChange: (cursor: string | undefined) =>\n            void rerunAt({\n              limit: pagination.limit,\n              ...(cursor ? { cursor } : {}),\n            }),\n        },\n      };\n    }\n    const page = Math.floor((pagination.offset ?? 0) / pagination.limit);\n    return {\n      ...shared,\n      page,\n      onPageChange: (nextPage: number) =>\n        void rerunAt({\n          limit: pagination.limit,\n          offset: nextPage * pagination.limit,\n        }),\n    };\n  }, [rerunAt, result?.pagination]);\n  const defaultResults = (\n    <QueryBrowserResults\n      result={result}\n      pending={pending}\n      {...(title ? { title } : {})}\n      queryLabel={queryLabel}\n      columns={columns}\n      filterConfig={filterConfig}\n      serverFiltered={serverFiltered}\n      {...(tablePagination ? { pagination: tablePagination } : {})}\n      {...(debugAction ? { menuActions: [debugAction] } : {})}\n    />\n  );\n\n  const workspace = (\n    <div className=\"flex h-full min-h-0 flex-col overflow-hidden rounded-xl border bg-card\">\n      <div className=\"flex flex-wrap items-center gap-2 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          {title && <h2 className=\"truncate text-sm font-semibold\">{title}</h2>}\n          <p className=\"text-xs text-muted-foreground\">{queryLabel}</p>\n        </div>\n        {entries.length > 0 && (\n          <select\n            aria-label=\"Query history\"\n            defaultValue=\"\"\n            onChange={(event) => {\n              const query = event.target.value;\n              const view = editor.current;\n              if (!view || !query) return;\n              view.dispatch({\n                changes: { from: 0, to: view.state.doc.length, insert: query },\n              });\n              event.target.value = \"\";\n            }}\n            className=\"h-8 max-w-52 rounded-md border bg-background px-2 text-xs\"\n          >\n            <option value=\"\">History</option>\n            {entries.map((entry) => (\n              <option key={`${entry.at}:${entry.query}`} value={entry.query}>\n                {entry.query.replace(/\\s+/g, \" \").slice(0, 80)}\n              </option>\n            ))}\n          </select>\n        )}\n        <Button\n          size=\"sm\"\n          onClick={() => void run()}\n          loading={pending}\n          loadingLabel={pending ? \"Running\" : undefined}\n        >\n          <Icon icon={UiPlay} className=\"size-4\" />\n          Run\n        </Button>\n      </div>\n      {optionsSchema &&\n        Object.keys(optionsSchema.properties ?? {}).length > 0 && (\n          <div className=\"border-b px-3 py-2\">\n            <JsonSchemaForm\n              schema={optionsSchema}\n              value={options}\n              onChange={updateOptions}\n              size=\"sm\"\n              inline\n              showPreferencesMenu={false}\n              persistPreferences={false}\n            />\n          </div>\n        )}\n      <div ref={editorHost} className=\"h-[34%] min-h-44 border-b\" />\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-auto p-3\">\n        {error ? (\n          <div className=\"space-y-3\">\n            <ErrorDetails\n              diagnostics={{\n                ...(error.errorDetails ?? {\n                  message: error.message,\n                  context: [],\n                }),\n                context: [\n                  ...(error.errorDetails?.context ?? []),\n                  [\"Query\", error.query],\n                  [\"Language\", language],\n                ],\n              }}\n            />\n            {error.diagnostics && (\n              <QueryBrowserDiagnosticsPanel diagnostics={error.diagnostics} />\n            )}\n          </div>\n        ) : result && renderResults ? (\n          renderResults({ result, defaultView: defaultResults })\n        ) : (\n          defaultResults\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={cn(\"h-[calc(100vh-15rem)] min-h-[32rem]\", className)}>\n      {navigator ? (\n        <SplitPane defaultSplit={28} left={navigator} right={workspace} />\n      ) : (\n        workspace\n      )}\n    </div>\n  );\n}\n"],"names":["useRef","Compartment","useState","readQueryBrowserHistory","useCallback","QueryBrowserExecutionError","view","rememberQueryBrowserQuery","_a","useDebugAction","useEffect","EditorView","EditorState","queryBrowserEditorExtensions","queryBrowserLanguageExtension","useMemo","serverColumnsToDataTableColumns","inferColumns","serverFiltersToFilterBar","jsx","QueryBrowserResults","jsxs","Button","Icon","UiPlay","JsonSchemaForm","ErrorDetails","QueryBrowserDiagnosticsPanel","cn","SplitPane"],"mappings":"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"}

package/dist/data/query-browser/QueryBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,QAAiB,EACjB,YAAiB,EACjB,UAAoB,EACpB,eAAuB,EACvB,aAAa,EACb,cAAc,EACd,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,2CAibnB"}
+{"version":3,"file":"QueryBrowser.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowser.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAGL,KAAK,iBAAiB,EAGvB,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,QAAiB,EACjB,YAAiB,EACjB,UAAoB,EACpB,eAAuB,EACvB,aAAa,EACb,cAAc,EACd,UAAU,EACV,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,EACP,kBAAkB,EAClB,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,2CAuYnB"}