@flanksource/clicky-ui 0.3.25 → 0.3.26

package/dist/devtools/tabs/InspectionTab.cjs

@@ -0,0 +1,316 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const DataTable = require("../../data/DataTable.cjs");
+const debugClient = require("../debugClient.cjs");
+const InspectionCaches = require("./InspectionCaches.cjs");
+const CACHE_COLUMNS = [
+  { key: "policy", label: "Cache", shrink: true, minWidth: 180, filterable: true },
+  {
+    key: "cached",
+    label: "Result",
+    shrink: true,
+    minWidth: 90,
+    filterable: true,
+    render: (value) => value === true ? "hit" : "miss"
+  },
+  {
+    key: "elapsedMs",
+    label: "Waited",
+    align: "right",
+    shrink: true,
+    render: (value) => `${Number(value ?? 0).toFixed(1)}ms`,
+    sortValue: (value) => Number(value ?? 0)
+  },
+  {
+    key: "ageMs",
+    label: "Age",
+    align: "right",
+    shrink: true,
+    render: (value) => formatAge(Number(value ?? 0)),
+    sortValue: (value) => Number(value ?? 0)
+  },
+  { key: "state", label: "State", shrink: true, minWidth: 80 },
+  {
+    key: "refreshError",
+    label: "Note",
+    grow: true,
+    render: (value, row) => row.error || String(value ?? "")
+  }
+];
+const PROBE_COLUMNS = [
+  { key: "column", label: "Column", shrink: true, minWidth: 160 },
+  { key: "field", label: "Field", shrink: true, minWidth: 160 },
+  { key: "distinct", label: "Distinct", align: "right", shrink: true },
+  { key: "limit", label: "Limit", align: "right", shrink: true },
+  {
+    key: "kind",
+    label: "Chose",
+    shrink: true,
+    minWidth: 110,
+    // An empty kind means the count came back under the limit and nothing had
+    // to change — which is an answer, so it is spelled out rather than blank.
+    render: (value) => String(value ?? "") === "" ? "left as-is" : String(value)
+  },
+  {
+    key: "cached",
+    label: "Counted",
+    shrink: true,
+    minWidth: 90,
+    render: (value) => value === true ? "from cache" : "this run"
+  }
+];
+function InspectionTab({
+  record,
+  client,
+  inspections,
+  probes,
+  refreshInspection = false,
+  onRefreshInspectionChange,
+  caches
+}) {
+  const loaded = useInspection(record, client, inspections, probes);
+  const [manualDetail, setManualDetail] = react.useState();
+  react.useEffect(() => setManualDetail(void 0), [record == null ? void 0 : record.id]);
+  const displayedInspections = (manualDetail == null ? void 0 : manualDetail.inspections) ?? loaded.inspections;
+  const displayedProbes = (manualDetail == null ? void 0 : manualDetail.probes) ?? loaded.probes;
+  return (
+    // Three sections stacked, so this scrolls as one region rather than
+    // bounding each table separately — a five-row list with its own scrollbar
+    // reads as truncated when it is complete.
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col gap-density-4 overflow-auto p-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InspectionCaches.InspectionCaches,
+        {
+          ...client ? { client } : {},
+          refreshInspection,
+          onRefreshInspectionChange: onRefreshInspectionChange ?? (() => void 0),
+          ...caches !== void 0 ? { caches } : {}
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ManualInspection,
+        {
+          record,
+          operations: loaded.operations,
+          client,
+          onComplete: setManualDetail
+        }
+      ),
+      loaded.error ? /* @__PURE__ */ jsxRuntime.jsx(Empty, { className: "text-destructive", children: loaded.error }) : null,
+      !loaded.error && displayedInspections.length === 0 && displayedProbes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(Empty, { children: record ? "This capture looked nothing up — every column it needed was already described." : "Select a capture in Queries to see the metadata it looked up." }) : null,
+      displayedInspections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: "Metadata cache" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DataTable.DataTable,
+          {
+            data: displayedInspections.map((row, index) => ({
+              ...row,
+              id: `${row.key}-${index}`
+            })),
+            columns: CACHE_COLUMNS,
+            emptyMessage: "No cache lookups"
+          }
+        )
+      ] }) : null,
+      displayedProbes.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: "Column cardinality" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DataTable.DataTable,
+          {
+            data: displayedProbes.map((row, index) => ({
+              ...row,
+              id: `${row.column}-${index}`
+            })),
+            columns: PROBE_COLUMNS,
+            emptyMessage: "No cardinality probes"
+          }
+        )
+      ] }) : null
+    ] })
+  );
+}
+function ManualInspection({
+  record,
+  operations,
+  client,
+  onComplete
+}) {
+  const [selected, setSelected] = react.useState(0);
+  const [columns, setColumns] = react.useState("");
+  const [refresh, setRefresh] = react.useState(true);
+  const [running, setRunning] = react.useState(false);
+  const [outcome, setOutcome] = react.useState();
+  react.useEffect(() => {
+    setSelected(0);
+    setColumns("");
+    setOutcome(void 0);
+  }, [record == null ? void 0 : record.id]);
+  const operation = operations[selected];
+  if (!record) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: "Run inspection" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "Select a capture first; its provider request supplies the connection and query." })
+    ] });
+  }
+  if (!operation) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: "Run inspection" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: "This capture has no provider operation that can be inspected." })
+    ] });
+  }
+  const query = operation.request.rendered || operation.request.query || "";
+  const connection = operation.request.connection;
+  const request = {
+    provider: operation.provider,
+    ...connection ? { connection } : {},
+    query,
+    ...operation.request.options ? { options: operation.request.options } : {},
+    columns: parseColumns(columns),
+    refresh
+  };
+  const run = async () => {
+    var _a, _b;
+    setRunning(true);
+    setOutcome(void 0);
+    try {
+      const detail = await (client ?? new debugClient.DebugClient()).runInspection(request);
+      onComplete(detail);
+      const failure = detail.summary.error ?? ((_b = (_a = detail.operations) == null ? void 0 : _a.find((item) => item.error)) == null ? void 0 : _b.error);
+      setOutcome(
+        failure ? `Inspection completed with an error: ${failure}` : `Inspection ${detail.summary.id} completed.`
+      );
+    } catch (failure) {
+      setOutcome(failure instanceof Error ? failure.message : String(failure));
+    } finally {
+      setRunning(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-density-2 rounded border border-border p-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: "Run inspection" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground text-xs", children: [
+        operation.provider,
+        " · ",
+        connection || "inline connection"
+      ] })
+    ] }),
+    operations.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-density-1 text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Provider operation" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          className: "rounded border border-border bg-background px-density-2 py-density-1",
+          value: selected,
+          onChange: (event) => setSelected(Number(event.target.value)),
+          children: operations.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: index, children: [
+            index + 1,
+            ". ",
+            item.provider,
+            " · ",
+            item.request.connection || "inline connection"
+          ] }, `${item.provider}-${index}`))
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-density-1 text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Columns to inspect" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "aria-label": "Columns to inspect",
+          className: "rounded border border-border bg-background px-density-2 py-density-1 font-mono",
+          value: columns,
+          placeholder: "Auto-detect, or enter comma-separated names",
+          onChange: (event) => setColumns(event.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "max-h-20 overflow-auto whitespace-pre-wrap rounded bg-muted/40 p-density-2 text-xs", children: query }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-density-1 text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: refresh,
+            onChange: (event) => setRefresh(event.target.checked)
+          }
+        ),
+        "Refresh cached metadata"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", disabled: running || query === "", onClick: () => void run(), children: running ? "Running inspection…" : "Run inspection" })
+    ] }),
+    outcome ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: outcome.includes("error") ? "text-destructive text-xs" : "text-muted-foreground text-xs", children: outcome }) : null
+  ] });
+}
+function parseColumns(value) {
+  return [...new Set(value.split(",").map((column) => column.trim()).filter(Boolean))];
+}
+function Heading({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 font-medium text-muted-foreground text-xs uppercase tracking-wide", children });
+}
+function Empty({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `p-density-6 text-center text-muted-foreground text-sm ${className ?? ""}`, children });
+}
+function useInspection(record, client, providedInspections, providedProbes) {
+  const [inspections, setInspections] = react.useState(providedInspections ?? []);
+  const [probes, setProbes] = react.useState(providedProbes ?? []);
+  const [operations, setOperations] = react.useState(
+    summaryOperations(record)
+  );
+  const [error, setError] = react.useState();
+  react.useEffect(() => {
+    if (providedInspections !== void 0 || providedProbes !== void 0) {
+      setInspections(providedInspections ?? []);
+      setProbes(providedProbes ?? []);
+      setOperations(summaryOperations(record));
+      return;
+    }
+    if (!record) {
+      setInspections([]);
+      setProbes([]);
+      setOperations([]);
+      return;
+    }
+    let cancelled = false;
+    setError(void 0);
+    setInspections([]);
+    setProbes([]);
+    setOperations(summaryOperations(record));
+    (client ?? new debugClient.DebugClient()).detail(record.id).then((detail) => {
+      if (cancelled) return;
+      setInspections(detail.inspections ?? []);
+      setProbes(detail.probes ?? []);
+      setOperations(detail.operations ?? summaryOperations(record));
+    }).catch((failure) => {
+      if (!cancelled) setError(failure instanceof Error ? failure.message : String(failure));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [record, client, providedInspections, providedProbes]);
+  return { inspections, probes, operations, error };
+}
+function summaryOperations(record) {
+  return ((record == null ? void 0 : record.operations) ?? []).map((operation) => ({
+    provider: operation.provider,
+    request: {
+      ...operation.query ? { query: operation.query, rendered: operation.query } : {},
+      ...operation.connection ? { connection: operation.connection } : {},
+      ...operation.method ? { method: operation.method } : {},
+      ...operation.url ? { url: operation.url } : {}
+    },
+    ...operation.error ? { error: operation.error } : {}
+  }));
+}
+function formatAge(ageMs) {
+  if (ageMs < 1e3) return `${ageMs}ms`;
+  if (ageMs < 6e4) return `${(ageMs / 1e3).toFixed(0)}s`;
+  if (ageMs < 36e5) return `${(ageMs / 6e4).toFixed(0)}m`;
+  return `${(ageMs / 36e5).toFixed(1)}h`;
+}
+exports.InspectionTab = InspectionTab;
+//# sourceMappingURL=InspectionTab.cjs.map

package/dist/devtools/tabs/InspectionTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectionTab.cjs","sources":["../../../src/devtools/tabs/InspectionTab.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { DataTable, type DataTableColumn } from \"../../data/DataTable\";\nimport {\n  DebugClient,\n  type ManualInspectionRequest,\n} from \"../debugClient\";\nimport type { QueryBrowserDiagnostics } from \"../../data/query-browser/QueryBrowser.types\";\nimport type {\n  CardinalityProbe,\n  ExecutionDetail,\n  ExecutionSummary,\n  InspectionCacheStats,\n  InspectionRecord,\n} from \"../types\";\nimport { InspectionCaches } from \"./InspectionCaches\";\n\n/**\n * What the request paid to describe its own columns.\n *\n * Two questions live here, and both are otherwise unanswerable from outside the\n * server. \"Why did opening this profile take four seconds once and 200ms\n * after?\" is the cache table: a miss pays the whole fill, a hit pays nothing,\n * and the elapsed column is the difference. \"Why is this column a free-text box\n * instead of a dropdown?\" is the probe table: a distinct count above the lookup\n * limit is the entire reason, and reading the provider's source was previously\n * the only way to learn it.\n */\n\nexport type InspectionTabProps = {\n  record?: ExecutionSummary | undefined;\n  client?: DebugClient | undefined;\n  /** Pre-loaded rows, for a story or a test that has no server. */\n  inspections?: InspectionRecord[] | undefined;\n  probes?: CardinalityProbe[] | undefined;\n  /** Rebuild every metadata lookup on subsequent requests. */\n  refreshInspection?: boolean | undefined;\n  onRefreshInspectionChange?: ((refresh: boolean) => void) | undefined;\n  /** Pre-loaded cache stats, for a story or a test that has no server. */\n  caches?: InspectionCacheStats[] | undefined;\n};\n\ntype CacheRow = Record<string, unknown> & InspectionRecord & { id: string };\ntype ProbeRow = Record<string, unknown> & CardinalityProbe & { id: string };\n\nconst CACHE_COLUMNS: DataTableColumn<CacheRow>[] = [\n  { key: \"policy\", label: \"Cache\", shrink: true, minWidth: 180, filterable: true },\n  {\n    key: \"cached\",\n    label: \"Result\",\n    shrink: true,\n    minWidth: 90,\n    filterable: true,\n    render: (value) => (value === true ? \"hit\" : \"miss\"),\n  },\n  {\n    key: \"elapsedMs\",\n    label: \"Waited\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => `${Number(value ?? 0).toFixed(1)}ms`,\n    sortValue: (value) => Number(value ?? 0),\n  },\n  {\n    key: \"ageMs\",\n    label: \"Age\",\n    align: \"right\",\n    shrink: true,\n    render: (value) => formatAge(Number(value ?? 0)),\n    sortValue: (value) => Number(value ?? 0),\n  },\n  { key: \"state\", label: \"State\", shrink: true, minWidth: 80 },\n  {\n    key: \"refreshError\",\n    label: \"Note\",\n    grow: true,\n    render: (value, row) => row.error || String(value ?? \"\"),\n  },\n];\n\nconst PROBE_COLUMNS: DataTableColumn<ProbeRow>[] = [\n  { key: \"column\", label: \"Column\", shrink: true, minWidth: 160 },\n  { key: \"field\", label: \"Field\", shrink: true, minWidth: 160 },\n  { key: \"distinct\", label: \"Distinct\", align: \"right\", shrink: true },\n  { key: \"limit\", label: \"Limit\", align: \"right\", shrink: true },\n  {\n    key: \"kind\",\n    label: \"Chose\",\n    shrink: true,\n    minWidth: 110,\n    // An empty kind means the count came back under the limit and nothing had\n    // to change — which is an answer, so it is spelled out rather than blank.\n    render: (value) => (String(value ?? \"\") === \"\" ? \"left as-is\" : String(value)),\n  },\n  {\n    key: \"cached\",\n    label: \"Counted\",\n    shrink: true,\n    minWidth: 90,\n    render: (value) => (value === true ? \"from cache\" : \"this run\"),\n  },\n];\n\nexport function InspectionTab({\n  record,\n  client,\n  inspections,\n  probes,\n  refreshInspection = false,\n  onRefreshInspectionChange,\n  caches,\n}: InspectionTabProps) {\n  const loaded = useInspection(record, client, inspections, probes);\n  const [manualDetail, setManualDetail] = useState<ExecutionDetail | undefined>();\n\n  useEffect(() => setManualDetail(undefined), [record?.id]);\n\n  const displayedInspections = manualDetail?.inspections ?? loaded.inspections;\n  const displayedProbes = manualDetail?.probes ?? loaded.probes;\n\n  return (\n    // Three sections stacked, so this scrolls as one region rather than\n    // bounding each table separately — a five-row list with its own scrollbar\n    // reads as truncated when it is complete.\n    <div className=\"flex h-full min-h-0 flex-col gap-density-4 overflow-auto p-density-3\">\n      {/* Always first, and always present: the caches are the server's state,\n          not the selected capture's, so they are worth reading — and flushable —\n          even before anything has run. */}\n      <InspectionCaches\n        {...(client ? { client } : {})}\n        refreshInspection={refreshInspection}\n        onRefreshInspectionChange={onRefreshInspectionChange ?? (() => undefined)}\n        {...(caches !== undefined ? { caches } : {})}\n      />\n\n      <ManualInspection\n        record={record}\n        operations={loaded.operations}\n        client={client}\n        onComplete={setManualDetail}\n      />\n\n      {loaded.error ? <Empty className=\"text-destructive\">{loaded.error}</Empty> : null}\n      {!loaded.error && displayedInspections.length === 0 && displayedProbes.length === 0 ? (\n        <Empty>\n          {record\n            ? \"This capture looked nothing up — every column it needed was already described.\"\n            : \"Select a capture in Queries to see the metadata it looked up.\"}\n        </Empty>\n      ) : null}\n\n      {displayedInspections.length > 0 ? (\n        <section>\n          <Heading>Metadata cache</Heading>\n          <DataTable<CacheRow>\n            data={displayedInspections.map((row, index) => ({\n              ...row,\n              id: `${row.key}-${index}`,\n            }))}\n            columns={CACHE_COLUMNS}\n            emptyMessage=\"No cache lookups\"\n          />\n        </section>\n      ) : null}\n\n      {displayedProbes.length > 0 ? (\n        <section>\n          <Heading>Column cardinality</Heading>\n          <DataTable<ProbeRow>\n            data={displayedProbes.map((row, index) => ({\n              ...row,\n              id: `${row.column}-${index}`,\n            }))}\n            columns={PROBE_COLUMNS}\n            emptyMessage=\"No cardinality probes\"\n          />\n        </section>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ManualInspection({\n  record,\n  operations,\n  client,\n  onComplete,\n}: {\n  record: ExecutionSummary | undefined;\n  operations: QueryBrowserDiagnostics[];\n  client: DebugClient | undefined;\n  onComplete: (detail: ExecutionDetail) => void;\n}) {\n  const [selected, setSelected] = useState(0);\n  const [columns, setColumns] = useState(\"\");\n  const [refresh, setRefresh] = useState(true);\n  const [running, setRunning] = useState(false);\n  const [outcome, setOutcome] = useState<string | undefined>();\n\n  useEffect(() => {\n    setSelected(0);\n    setColumns(\"\");\n    setOutcome(undefined);\n  }, [record?.id]);\n\n  const operation = operations[selected];\n  if (!record) {\n    return (\n      <section>\n        <Heading>Run inspection</Heading>\n        <p className=\"text-muted-foreground text-sm\">\n          Select a capture first; its provider request supplies the connection and query.\n        </p>\n      </section>\n    );\n  }\n  if (!operation) {\n    return (\n      <section>\n        <Heading>Run inspection</Heading>\n        <p className=\"text-muted-foreground text-sm\">\n          This capture has no provider operation that can be inspected.\n        </p>\n      </section>\n    );\n  }\n\n  const query = operation.request.rendered || operation.request.query || \"\";\n  const connection = operation.request.connection;\n  const request: ManualInspectionRequest = {\n    provider: operation.provider,\n    ...(connection ? { connection } : {}),\n    query,\n    ...(operation.request.options ? { options: operation.request.options } : {}),\n    columns: parseColumns(columns),\n    refresh,\n  };\n\n  const run = async () => {\n    setRunning(true);\n    setOutcome(undefined);\n    try {\n      const detail = await (client ?? new DebugClient()).runInspection(request);\n      onComplete(detail);\n      const failure = detail.summary.error ?? detail.operations?.find((item) => item.error)?.error;\n      setOutcome(\n        failure\n          ? `Inspection completed with an error: ${failure}`\n          : `Inspection ${detail.summary.id} completed.`,\n      );\n    } catch (failure: unknown) {\n      setOutcome(failure instanceof Error ? failure.message : String(failure));\n    } finally {\n      setRunning(false);\n    }\n  };\n\n  return (\n    <section className=\"flex flex-col gap-density-2 rounded border border-border p-density-3\">\n      <div className=\"flex flex-wrap items-center justify-between gap-density-2\">\n        <Heading>Run inspection</Heading>\n        <span className=\"text-muted-foreground text-xs\">\n          {operation.provider} · {connection || \"inline connection\"}\n        </span>\n      </div>\n      {operations.length > 1 ? (\n        <label className=\"grid gap-density-1 text-xs\">\n          <span className=\"text-muted-foreground\">Provider operation</span>\n          <select\n            className=\"rounded border border-border bg-background px-density-2 py-density-1\"\n            value={selected}\n            onChange={(event) => setSelected(Number(event.target.value))}\n          >\n            {operations.map((item, index) => (\n              <option key={`${item.provider}-${index}`} value={index}>\n                {index + 1}. {item.provider} · {item.request.connection || \"inline connection\"}\n              </option>\n            ))}\n          </select>\n        </label>\n      ) : null}\n      <label className=\"grid gap-density-1 text-xs\">\n        <span className=\"text-muted-foreground\">Columns to inspect</span>\n        <input\n          aria-label=\"Columns to inspect\"\n          className=\"rounded border border-border bg-background px-density-2 py-density-1 font-mono\"\n          value={columns}\n          placeholder=\"Auto-detect, or enter comma-separated names\"\n          onChange={(event) => setColumns(event.target.value)}\n        />\n      </label>\n      <code className=\"max-h-20 overflow-auto whitespace-pre-wrap rounded bg-muted/40 p-density-2 text-xs\">\n        {query}\n      </code>\n      <div className=\"flex flex-wrap items-center justify-between gap-density-2\">\n        <label className=\"flex items-center gap-density-1 text-xs\">\n          <input\n            type=\"checkbox\"\n            checked={refresh}\n            onChange={(event) => setRefresh(event.target.checked)}\n          />\n          Refresh cached metadata\n        </label>\n        <Button size=\"sm\" disabled={running || query === \"\"} onClick={() => void run()}>\n          {running ? \"Running inspection…\" : \"Run inspection\"}\n        </Button>\n      </div>\n      {outcome ? (\n        <p className={outcome.includes(\"error\") ? \"text-destructive text-xs\" : \"text-muted-foreground text-xs\"}>\n          {outcome}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n\nfunction parseColumns(value: string): string[] {\n  return [...new Set(value.split(\",\").map((column) => column.trim()).filter(Boolean))];\n}\n\nfunction Heading({ children }: { children: React.ReactNode }) {\n  return (\n    <h3 className=\"mb-density-2 font-medium text-muted-foreground text-xs uppercase tracking-wide\">\n      {children}\n    </h3>\n  );\n}\n\nfunction Empty({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <div className={`p-density-6 text-center text-muted-foreground text-sm ${className ?? \"\"}`}>\n      {children}\n    </div>\n  );\n}\n\nfunction useInspection(\n  record: ExecutionSummary | undefined,\n  client: DebugClient | undefined,\n  providedInspections: InspectionRecord[] | undefined,\n  providedProbes: CardinalityProbe[] | undefined,\n) {\n  const [inspections, setInspections] = useState<InspectionRecord[]>(providedInspections ?? []);\n  const [probes, setProbes] = useState<CardinalityProbe[]>(providedProbes ?? []);\n  const [operations, setOperations] = useState<QueryBrowserDiagnostics[]>(\n    summaryOperations(record),\n  );\n  const [error, setError] = useState<string | undefined>();\n\n  useEffect(() => {\n    if (providedInspections !== undefined || providedProbes !== undefined) {\n      setInspections(providedInspections ?? []);\n      setProbes(providedProbes ?? []);\n      setOperations(summaryOperations(record));\n      return;\n    }\n    if (!record) {\n      setInspections([]);\n      setProbes([]);\n      setOperations([]);\n      return;\n    }\n    let cancelled = false;\n    setError(undefined);\n    setInspections([]);\n    setProbes([]);\n    setOperations(summaryOperations(record));\n    (client ?? new DebugClient())\n      .detail(record.id)\n      .then((detail) => {\n        if (cancelled) return;\n        setInspections(detail.inspections ?? []);\n        setProbes(detail.probes ?? []);\n        setOperations(detail.operations ?? summaryOperations(record));\n      })\n      .catch((failure: unknown) => {\n        if (!cancelled) setError(failure instanceof Error ? failure.message : String(failure));\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [record, client, providedInspections, providedProbes]);\n\n  return { inspections, probes, operations, error };\n}\n\nfunction summaryOperations(record: ExecutionSummary | undefined): QueryBrowserDiagnostics[] {\n  return (record?.operations ?? []).map((operation) => ({\n    provider: operation.provider,\n    request: {\n      ...(operation.query ? { query: operation.query, rendered: operation.query } : {}),\n      ...(operation.connection ? { connection: operation.connection } : {}),\n      ...(operation.method ? { method: operation.method } : {}),\n      ...(operation.url ? { url: operation.url } : {}),\n    },\n    ...(operation.error ? { error: operation.error } : {}),\n  }));\n}\n\nfunction formatAge(ageMs: number): string {\n  if (ageMs < 1000) return `${ageMs}ms`;\n  if (ageMs < 60_000) return `${(ageMs / 1000).toFixed(0)}s`;\n  if (ageMs < 3_600_000) return `${(ageMs / 60_000).toFixed(0)}m`;\n  return `${(ageMs / 3_600_000).toFixed(1)}h`;\n}\n"],"names":["useState","useEffect","jsxs","jsx","InspectionCaches","DataTable","DebugClient","Button"],"mappings":"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"}

package/dist/devtools/tabs/InspectionTab.d.ts

@@ -0,0 +1,27 @@
+import { DebugClient } from '../debugClient';
+import { CardinalityProbe, ExecutionSummary, InspectionCacheStats, InspectionRecord } from '../types';
+/**
+ * What the request paid to describe its own columns.
+ *
+ * Two questions live here, and both are otherwise unanswerable from outside the
+ * server. "Why did opening this profile take four seconds once and 200ms
+ * after?" is the cache table: a miss pays the whole fill, a hit pays nothing,
+ * and the elapsed column is the difference. "Why is this column a free-text box
+ * instead of a dropdown?" is the probe table: a distinct count above the lookup
+ * limit is the entire reason, and reading the provider's source was previously
+ * the only way to learn it.
+ */
+export type InspectionTabProps = {
+    record?: ExecutionSummary | undefined;
+    client?: DebugClient | undefined;
+    /** Pre-loaded rows, for a story or a test that has no server. */
+    inspections?: InspectionRecord[] | undefined;
+    probes?: CardinalityProbe[] | undefined;
+    /** Rebuild every metadata lookup on subsequent requests. */
+    refreshInspection?: boolean | undefined;
+    onRefreshInspectionChange?: ((refresh: boolean) => void) | undefined;
+    /** Pre-loaded cache stats, for a story or a test that has no server. */
+    caches?: InspectionCacheStats[] | undefined;
+};
+export declare function InspectionTab({ record, client, inspections, probes, refreshInspection, onRefreshInspectionChange, caches, }: InspectionTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InspectionTab.d.ts.map

package/dist/devtools/tabs/InspectionTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectionTab.d.ts","sourceRoot":"","sources":["../../../src/devtools/tabs/InspectionTab.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAEZ,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EACV,gBAAgB,EAEhB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAGlB;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAC7C,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACxC,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,yBAAyB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrE,wEAAwE;IACxE,MAAM,CAAC,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAC;CAC7C,CAAC;AA+DF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,iBAAyB,EACzB,yBAAyB,EACzB,MAAM,GACP,EAAE,kBAAkB,2CAqEpB"}