@flanksource/clicky-ui 0.3.25 → 0.3.26

package/dist/data/debugConsoleSignal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"debugConsoleSignal.cjs","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/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