@flanksource/clicky-ui 0.3.25 → 0.3.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flanksource/clicky-ui",
-  "version": "0.3.25",
+  "version": "0.3.26",
   "description": "Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.",
   "homepage": "https://github.com/flanksource/clicky-ui#readme",
   "bugs": "https://github.com/flanksource/clicky-ui/issues",
@@ -67,6 +67,11 @@
       "import": "./dist/comments.js",
       "require": "./dist/comments.cjs"
     },
+    "./devtools": {
+      "types": "./dist/devtools.d.ts",
+      "import": "./dist/devtools.js",
+      "require": "./dist/devtools.cjs"
+    },
     "./icons": {
       "types": "./dist/icons.d.ts",
       "import": "./dist/icons.js",

package/dist/data/query-info/QueryInfoDialog.cjs

@@ -1,106 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Modal = require("../../overlay/Modal.cjs");
-const Properties = require("../Properties.cjs");
-const QueryBrowserDiagnosticsPanel = require("../query-browser/QueryBrowserDiagnosticsPanel.cjs");
-function QueryInfoDialog({
-  open,
-  onClose,
-  load,
-  title = "Query"
-}) {
-  const [state, setState] = react.useState({ status: "pending" });
-  react.useEffect(() => {
-    if (!open) return;
-    let active = true;
-    setState({ status: "pending" });
-    load().then((info2) => {
-      if (active) setState({ status: "loaded", info: info2 });
-    }).catch((error) => {
-      if (!active) return;
-      setState({
-        status: "failed",
-        message: error instanceof Error ? error.message : "Reading the query details failed"
-      });
-    });
-    return () => {
-      active = false;
-    };
-  }, [open, load]);
-  const info = state.status === "loaded" ? state.info : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Modal.Modal,
-    {
-      open,
-      onClose,
-      title,
-      subtitle: (info == null ? void 0 : info.profile) ?? (info == null ? void 0 : info.provider),
-      size: "2xl",
-      closeOnEsc: true,
-      expandable: true,
-      children: [
-        state.status === "pending" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Reading query details…" }),
-        state.status === "failed" && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
-            children: state.message
-          }
-        ),
-        info && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          info.error && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              role: "alert",
-              className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
-              children: info.error
-            }
-          ),
-          info.url && /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Request URL", className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Request" }),
-            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs", children: info.url })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Properties.Properties,
-            {
-              items: summaryItems(info),
-              density: "compact",
-              showDensityMenu: false
-            }
-          ),
-          info.diagnostics && /* @__PURE__ */ jsxRuntime.jsx(QueryBrowserDiagnosticsPanel.QueryBrowserDiagnosticsPanel, { diagnostics: info.diagnostics }),
-          info.headers && Object.keys(info.headers).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Response headers", className: "min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Response headers" }),
-            /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs", children: Object.entries(info.headers).map(([key, value]) => `${key}: ${value}`).join("\n") })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function summaryItems(info) {
-  const items = [
-    { key: "Profile", value: info.profile },
-    { key: "Provider", value: info.provider },
-    { key: "Connection", value: info.connection },
-    { key: "Mode", value: info.mode },
-    {
-      key: "Rows",
-      value: info.rows === void 0 ? void 0 : info.rows.toLocaleString()
-    },
-    {
-      key: "Duration",
-      value: info.durationMs === void 0 ? void 0 : `${Math.round(info.durationMs)} ms`
-    },
-    {
-      key: "Parameters",
-      value: info.params && Object.keys(info.params).length > 0 ? JSON.stringify(info.params) : void 0
-    }
-  ];
-  return items.filter((item) => item.value !== void 0 && item.value !== "");
-}
-exports.QueryInfoDialog = QueryInfoDialog;
-//# sourceMappingURL=QueryInfoDialog.cjs.map

package/dist/data/query-info/QueryInfoDialog.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryInfoDialog.cjs","sources":["../../../src/data/query-info/QueryInfoDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Properties } from \"../Properties\";\nimport { QueryBrowserDiagnosticsPanel } from \"../query-browser/QueryBrowserDiagnosticsPanel\";\nimport type { QueryExecutionInfo, QueryInfoLoader } from \"./queryInfo\";\n\nexport type QueryInfoDialogProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Reads the details. Keep the reference stable — it runs on every open. */\n  load: QueryInfoLoader;\n  title?: string;\n};\n\ntype LoadState =\n  | { status: \"pending\" }\n  | { status: \"loaded\"; info: QueryExecutionInfo }\n  | { status: \"failed\"; message: string };\n\n/**\n * QueryInfoDialog shows what a result surface actually ran.\n *\n * It reads on open rather than alongside the rows: the details cost a second\n * execution, and a table nobody asked a question about should not pay for one.\n */\nexport function QueryInfoDialog({\n  open,\n  onClose,\n  load,\n  title = \"Query\",\n}: QueryInfoDialogProps) {\n  const [state, setState] = useState<LoadState>({ status: \"pending\" });\n\n  useEffect(() => {\n    if (!open) return;\n    let active = true;\n    setState({ status: \"pending\" });\n    load()\n      .then((info) => {\n        if (active) setState({ status: \"loaded\", info });\n      })\n      .catch((error: unknown) => {\n        if (!active) return;\n        setState({\n          status: \"failed\",\n          message:\n            error instanceof Error\n              ? error.message\n              : \"Reading the query details failed\",\n        });\n      });\n    return () => {\n      active = false;\n    };\n  }, [open, load]);\n\n  const info = state.status === \"loaded\" ? state.info : undefined;\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      subtitle={info?.profile ?? info?.provider}\n      size=\"2xl\"\n      closeOnEsc\n      expandable\n    >\n      {state.status === \"pending\" && (\n        <p className=\"text-sm text-muted-foreground\">Reading query details…</p>\n      )}\n\n      {state.status === \"failed\" && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n        >\n          {state.message}\n        </div>\n      )}\n\n      {info && (\n        <div className=\"space-y-3\">\n          {info.error && (\n            <div\n              role=\"alert\"\n              className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n            >\n              {info.error}\n            </div>\n          )}\n\n          {info.url && (\n            <section aria-label=\"Request URL\" className=\"min-w-0\">\n              <h3 className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                Request\n              </h3>\n              <pre className=\"overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\">\n                {info.url}\n              </pre>\n            </section>\n          )}\n\n          <Properties\n            items={summaryItems(info)}\n            density=\"compact\"\n            showDensityMenu={false}\n          />\n\n          {info.diagnostics && (\n            <QueryBrowserDiagnosticsPanel diagnostics={info.diagnostics} />\n          )}\n\n          {info.headers && Object.keys(info.headers).length > 0 && (\n            <section aria-label=\"Response headers\" className=\"min-w-0\">\n              <h3 className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                Response headers\n              </h3>\n              <pre className=\"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\">\n                {Object.entries(info.headers)\n                  .map(([key, value]) => `${key}: ${value}`)\n                  .join(\"\\n\")}\n              </pre>\n            </section>\n          )}\n        </div>\n      )}\n    </Modal>\n  );\n}\n\nfunction summaryItems(info: QueryExecutionInfo) {\n  const items: { key: string; value: unknown; hidden?: boolean }[] = [\n    { key: \"Profile\", value: info.profile },\n    { key: \"Provider\", value: info.provider },\n    { key: \"Connection\", value: info.connection },\n    { key: \"Mode\", value: info.mode },\n    {\n      key: \"Rows\",\n      value: info.rows === undefined ? undefined : info.rows.toLocaleString(),\n    },\n    {\n      key: \"Duration\",\n      value:\n        info.durationMs === undefined\n          ? undefined\n          : `${Math.round(info.durationMs)} ms`,\n    },\n    {\n      key: \"Parameters\",\n      value:\n        info.params && Object.keys(info.params).length > 0\n          ? JSON.stringify(info.params)\n          : undefined,\n    },\n  ];\n  return items.filter((item) => item.value !== undefined && item.value !== \"\");\n}\n"],"names":["useState","useEffect","info","jsxs","Modal","jsx","Properties","QueryBrowserDiagnosticsPanel"],"mappings":"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"}

package/dist/data/query-info/QueryInfoDialog.d.ts

@@ -1,16 +0,0 @@
-import { QueryInfoLoader } from './queryInfo';
-export type QueryInfoDialogProps = {
-    open: boolean;
-    onClose: () => void;
-    /** Reads the details. Keep the reference stable — it runs on every open. */
-    load: QueryInfoLoader;
-    title?: string;
-};
-/**
- * QueryInfoDialog shows what a result surface actually ran.
- *
- * It reads on open rather than alongside the rows: the details cost a second
- * execution, and a table nobody asked a question about should not pay for one.
- */
-export declare function QueryInfoDialog({ open, onClose, load, title, }: QueryInfoDialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=QueryInfoDialog.d.ts.map

package/dist/data/query-info/QueryInfoDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryInfoDialog.d.ts","sourceRoot":"","sources":["../../../src/data/query-info/QueryInfoDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,aAAa,CAAC;AAEvE,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAe,GAChB,EAAE,oBAAoB,2CAmGtB"}

package/dist/data/query-info/QueryInfoDialog.js

@@ -1,106 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Modal } from "../../overlay/Modal.js";
-import { Properties } from "../Properties.js";
-import { QueryBrowserDiagnosticsPanel } from "../query-browser/QueryBrowserDiagnosticsPanel.js";
-function QueryInfoDialog({
-  open,
-  onClose,
-  load,
-  title = "Query"
-}) {
-  const [state, setState] = useState({ status: "pending" });
-  useEffect(() => {
-    if (!open) return;
-    let active = true;
-    setState({ status: "pending" });
-    load().then((info2) => {
-      if (active) setState({ status: "loaded", info: info2 });
-    }).catch((error) => {
-      if (!active) return;
-      setState({
-        status: "failed",
-        message: error instanceof Error ? error.message : "Reading the query details failed"
-      });
-    });
-    return () => {
-      active = false;
-    };
-  }, [open, load]);
-  const info = state.status === "loaded" ? state.info : void 0;
-  return /* @__PURE__ */ jsxs(
-    Modal,
-    {
-      open,
-      onClose,
-      title,
-      subtitle: (info == null ? void 0 : info.profile) ?? (info == null ? void 0 : info.provider),
-      size: "2xl",
-      closeOnEsc: true,
-      expandable: true,
-      children: [
-        state.status === "pending" && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Reading query details…" }),
-        state.status === "failed" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "alert",
-            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
-            children: state.message
-          }
-        ),
-        info && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          info.error && /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "alert",
-              className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
-              children: info.error
-            }
-          ),
-          info.url && /* @__PURE__ */ jsxs("section", { "aria-label": "Request URL", className: "min-w-0", children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Request" }),
-            /* @__PURE__ */ jsx("pre", { className: "overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs", children: info.url })
-          ] }),
-          /* @__PURE__ */ jsx(
-            Properties,
-            {
-              items: summaryItems(info),
-              density: "compact",
-              showDensityMenu: false
-            }
-          ),
-          info.diagnostics && /* @__PURE__ */ jsx(QueryBrowserDiagnosticsPanel, { diagnostics: info.diagnostics }),
-          info.headers && Object.keys(info.headers).length > 0 && /* @__PURE__ */ jsxs("section", { "aria-label": "Response headers", className: "min-w-0", children: [
-            /* @__PURE__ */ jsx("h3", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: "Response headers" }),
-            /* @__PURE__ */ jsx("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs", children: Object.entries(info.headers).map(([key, value]) => `${key}: ${value}`).join("\n") })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function summaryItems(info) {
-  const items = [
-    { key: "Profile", value: info.profile },
-    { key: "Provider", value: info.provider },
-    { key: "Connection", value: info.connection },
-    { key: "Mode", value: info.mode },
-    {
-      key: "Rows",
-      value: info.rows === void 0 ? void 0 : info.rows.toLocaleString()
-    },
-    {
-      key: "Duration",
-      value: info.durationMs === void 0 ? void 0 : `${Math.round(info.durationMs)} ms`
-    },
-    {
-      key: "Parameters",
-      value: info.params && Object.keys(info.params).length > 0 ? JSON.stringify(info.params) : void 0
-    }
-  ];
-  return items.filter((item) => item.value !== void 0 && item.value !== "");
-}
-export {
-  QueryInfoDialog
-};
-//# sourceMappingURL=QueryInfoDialog.js.map

package/dist/data/query-info/QueryInfoDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryInfoDialog.js","sources":["../../../src/data/query-info/QueryInfoDialog.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Properties } from \"../Properties\";\nimport { QueryBrowserDiagnosticsPanel } from \"../query-browser/QueryBrowserDiagnosticsPanel\";\nimport type { QueryExecutionInfo, QueryInfoLoader } from \"./queryInfo\";\n\nexport type QueryInfoDialogProps = {\n  open: boolean;\n  onClose: () => void;\n  /** Reads the details. Keep the reference stable — it runs on every open. */\n  load: QueryInfoLoader;\n  title?: string;\n};\n\ntype LoadState =\n  | { status: \"pending\" }\n  | { status: \"loaded\"; info: QueryExecutionInfo }\n  | { status: \"failed\"; message: string };\n\n/**\n * QueryInfoDialog shows what a result surface actually ran.\n *\n * It reads on open rather than alongside the rows: the details cost a second\n * execution, and a table nobody asked a question about should not pay for one.\n */\nexport function QueryInfoDialog({\n  open,\n  onClose,\n  load,\n  title = \"Query\",\n}: QueryInfoDialogProps) {\n  const [state, setState] = useState<LoadState>({ status: \"pending\" });\n\n  useEffect(() => {\n    if (!open) return;\n    let active = true;\n    setState({ status: \"pending\" });\n    load()\n      .then((info) => {\n        if (active) setState({ status: \"loaded\", info });\n      })\n      .catch((error: unknown) => {\n        if (!active) return;\n        setState({\n          status: \"failed\",\n          message:\n            error instanceof Error\n              ? error.message\n              : \"Reading the query details failed\",\n        });\n      });\n    return () => {\n      active = false;\n    };\n  }, [open, load]);\n\n  const info = state.status === \"loaded\" ? state.info : undefined;\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      subtitle={info?.profile ?? info?.provider}\n      size=\"2xl\"\n      closeOnEsc\n      expandable\n    >\n      {state.status === \"pending\" && (\n        <p className=\"text-sm text-muted-foreground\">Reading query details…</p>\n      )}\n\n      {state.status === \"failed\" && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n        >\n          {state.message}\n        </div>\n      )}\n\n      {info && (\n        <div className=\"space-y-3\">\n          {info.error && (\n            <div\n              role=\"alert\"\n              className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n            >\n              {info.error}\n            </div>\n          )}\n\n          {info.url && (\n            <section aria-label=\"Request URL\" className=\"min-w-0\">\n              <h3 className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                Request\n              </h3>\n              <pre className=\"overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\">\n                {info.url}\n              </pre>\n            </section>\n          )}\n\n          <Properties\n            items={summaryItems(info)}\n            density=\"compact\"\n            showDensityMenu={false}\n          />\n\n          {info.diagnostics && (\n            <QueryBrowserDiagnosticsPanel diagnostics={info.diagnostics} />\n          )}\n\n          {info.headers && Object.keys(info.headers).length > 0 && (\n            <section aria-label=\"Response headers\" className=\"min-w-0\">\n              <h3 className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n                Response headers\n              </h3>\n              <pre className=\"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\">\n                {Object.entries(info.headers)\n                  .map(([key, value]) => `${key}: ${value}`)\n                  .join(\"\\n\")}\n              </pre>\n            </section>\n          )}\n        </div>\n      )}\n    </Modal>\n  );\n}\n\nfunction summaryItems(info: QueryExecutionInfo) {\n  const items: { key: string; value: unknown; hidden?: boolean }[] = [\n    { key: \"Profile\", value: info.profile },\n    { key: \"Provider\", value: info.provider },\n    { key: \"Connection\", value: info.connection },\n    { key: \"Mode\", value: info.mode },\n    {\n      key: \"Rows\",\n      value: info.rows === undefined ? undefined : info.rows.toLocaleString(),\n    },\n    {\n      key: \"Duration\",\n      value:\n        info.durationMs === undefined\n          ? undefined\n          : `${Math.round(info.durationMs)} ms`,\n    },\n    {\n      key: \"Parameters\",\n      value:\n        info.params && Object.keys(info.params).length > 0\n          ? JSON.stringify(info.params)\n          : undefined,\n    },\n  ];\n  return items.filter((item) => item.value !== undefined && item.value !== \"\");\n}\n"],"names":["info"],"mappings":"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"}

package/dist/data/query-info/index.d.ts

@@ -1,4 +0,0 @@
-export { QueryInfoDialog, type QueryInfoDialogProps } from './QueryInfoDialog';
-export { useQueryInfo, type UseQueryInfoOptions, type UseQueryInfoResult, } from './useQueryInfo';
-export { buildQueryInfoUrl, fetchQueryInfo, QUERY_INFO_CONTENT_TYPE, type QueryExecutionInfo, type QueryInfoLoader, } from './queryInfo';
-//# sourceMappingURL=index.d.ts.map

package/dist/data/query-info/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/data/query-info/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,KAAK,kBAAkB,EACvB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC"}

package/dist/data/query-info/queryInfo.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const QUERY_INFO_CONTENT_TYPE = "application/info+json";
-function buildQueryInfoUrl(url) {
-  if (/[?&]__info=/.test(url)) return url;
-  const hashAt = url.indexOf("#");
-  const base = hashAt === -1 ? url : url.slice(0, hashAt);
-  const hash = hashAt === -1 ? "" : url.slice(hashAt);
-  return `${base}${base.includes("?") ? "&" : "?"}__info=true${hash}`;
-}
-async function fetchQueryInfo(url) {
-  const response = await fetch(buildQueryInfoUrl(url), {
-    headers: { Accept: QUERY_INFO_CONTENT_TYPE }
-  });
-  const body = await response.text();
-  const parsed = parseInfoBody(body);
-  if (response.ok) {
-    if (!parsed) throw new Error(`${url} did not answer with query details`);
-    return parsed;
-  }
-  if (!parsed) {
-    throw new Error(`${url} answered ${response.status} ${response.statusText}`);
-  }
-  return parsed;
-}
-function parseInfoBody(body) {
-  let value;
-  try {
-    value = JSON.parse(body);
-  } catch {
-    return null;
-  }
-  if (!value || typeof value !== "object") return null;
-  const info = value;
-  const error = info.error ?? info.message;
-  if (!error) return info;
-  return { ...info, error };
-}
-exports.QUERY_INFO_CONTENT_TYPE = QUERY_INFO_CONTENT_TYPE;
-exports.buildQueryInfoUrl = buildQueryInfoUrl;
-exports.fetchQueryInfo = fetchQueryInfo;
-//# sourceMappingURL=queryInfo.cjs.map

package/dist/data/query-info/queryInfo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"queryInfo.cjs","sources":["../../../src/data/query-info/queryInfo.ts"],"sourcesContent":["import type { QueryBrowserDiagnostics } from \"../query-browser/QueryBrowser.types\";\n\n/** Media type a result URL answers with when asked what it runs. */\nexport const QUERY_INFO_CONTENT_TYPE = \"application/info+json\";\n\n/**\n * What a result URL says about itself: the query its backend was actually sent,\n * the arguments bound into it, how long it took and what came back.\n *\n * A table shows rows, never the query behind them — the server renders that from\n * parameters and filters which only exist at execution time. This is the answer\n * to \"what did this actually run\", and it is the same answer whether the run\n * succeeded or failed.\n */\nexport type QueryExecutionInfo = {\n  profile?: string;\n  provider?: string;\n  connection?: string;\n  url?: string;\n  params?: Record<string, unknown>;\n  mode?: string;\n  rows?: number;\n  durationMs?: number;\n  headers?: Record<string, string>;\n  diagnostics?: QueryBrowserDiagnostics;\n  /** Set when the execution failed; its diagnostics still describe the query. */\n  error?: string;\n};\n\n/** Loads the info for one surface — a URL to ask, or a console's own re-run. */\nexport type QueryInfoLoader = () => Promise<QueryExecutionInfo>;\n\n/**\n * buildQueryInfoUrl marks a result URL as a question about itself rather than a\n * request for its rows. The marker rides in the query string so the URL stays\n * one a browser can follow, and every parameter the table sent — filters, paging,\n * the lot — is carried along unchanged: an info request for a different page\n * would describe a different query.\n */\nexport function buildQueryInfoUrl(url: string): string {\n  if (/[?&]__info=/.test(url)) return url;\n  const hashAt = url.indexOf(\"#\");\n  const base = hashAt === -1 ? url : url.slice(0, hashAt);\n  const hash = hashAt === -1 ? \"\" : url.slice(hashAt);\n  return `${base}${base.includes(\"?\") ? \"&\" : \"?\"}__info=true${hash}`;\n}\n\n/**\n * fetchQueryInfo asks a result URL what it runs.\n *\n * A failed execution is not a failed request: the server answers it with the\n * same document plus the error, because a query that broke is the one most worth\n * reading. Only a response that carries no document at all throws.\n */\nexport async function fetchQueryInfo(url: string): Promise<QueryExecutionInfo> {\n  const response = await fetch(buildQueryInfoUrl(url), {\n    headers: { Accept: QUERY_INFO_CONTENT_TYPE },\n  });\n  const body = await response.text();\n  const parsed = parseInfoBody(body);\n  if (response.ok) {\n    if (!parsed) throw new Error(`${url} did not answer with query details`);\n    return parsed;\n  }\n  if (!parsed) {\n    throw new Error(`${url} answered ${response.status} ${response.statusText}`);\n  }\n  return parsed;\n}\n\ntype ExecutionErrorBody = {\n  code?: string;\n  message?: string;\n  error?: string;\n  diagnostics?: QueryBrowserDiagnostics;\n};\n\nfunction parseInfoBody(body: string): QueryExecutionInfo | null {\n  let value: unknown;\n  try {\n    value = JSON.parse(body);\n  } catch {\n    return null;\n  }\n  if (!value || typeof value !== \"object\") return null;\n  const info = value as QueryExecutionInfo & ExecutionErrorBody;\n  const error = info.error ?? info.message;\n  if (!error) return info;\n  return { ...info, error };\n}\n"],"names":[],"mappings":";;AAGO,MAAM,0BAA0B;AAoChC,SAAS,kBAAkB,KAAqB;AACrD,MAAI,cAAc,KAAK,GAAG,EAAG,QAAO;AACpC,QAAM,SAAS,IAAI,QAAQ,GAAG;AAC9B,QAAM,OAAO,WAAW,KAAK,MAAM,IAAI,MAAM,GAAG,MAAM;AACtD,QAAM,OAAO,WAAW,KAAK,KAAK,IAAI,MAAM,MAAM;AAClD,SAAO,GAAG,IAAI,GAAG,KAAK,SAAS,GAAG,IAAI,MAAM,GAAG,cAAc,IAAI;AACnE;AASA,eAAsB,eAAe,KAA0C;AAC7E,QAAM,WAAW,MAAM,MAAM,kBAAkB,GAAG,GAAG;AAAA,IACnD,SAAS,EAAE,QAAQ,wBAAA;AAAA,EAAwB,CAC5C;AACD,QAAM,OAAO,MAAM,SAAS,KAAA;AAC5B,QAAM,SAAS,cAAc,IAAI;AACjC,MAAI,SAAS,IAAI;AACf,QAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,GAAG,GAAG,oCAAoC;AACvE,WAAO;AAAA,EACT;AACA,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,GAAG,GAAG,aAAa,SAAS,MAAM,IAAI,SAAS,UAAU,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AASA,SAAS,cAAc,MAAyC;AAC9D,MAAI;AACJ,MAAI;AACF,YAAQ,KAAK,MAAM,IAAI;AAAA,EACzB,QAAQ;AACN,WAAO;AAAA,EACT;AACA,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,OAAO;AACb,QAAM,QAAQ,KAAK,SAAS,KAAK;AACjC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,EAAE,GAAG,MAAM,MAAA;AACpB;;;;"}

package/dist/data/query-info/queryInfo.d.ts

@@ -1,45 +0,0 @@
-import { QueryBrowserDiagnostics } from '../query-browser/QueryBrowser.types';
-/** Media type a result URL answers with when asked what it runs. */
-export declare const QUERY_INFO_CONTENT_TYPE = "application/info+json";
-/**
- * What a result URL says about itself: the query its backend was actually sent,
- * the arguments bound into it, how long it took and what came back.
- *
- * A table shows rows, never the query behind them — the server renders that from
- * parameters and filters which only exist at execution time. This is the answer
- * to "what did this actually run", and it is the same answer whether the run
- * succeeded or failed.
- */
-export type QueryExecutionInfo = {
-    profile?: string;
-    provider?: string;
-    connection?: string;
-    url?: string;
-    params?: Record<string, unknown>;
-    mode?: string;
-    rows?: number;
-    durationMs?: number;
-    headers?: Record<string, string>;
-    diagnostics?: QueryBrowserDiagnostics;
-    /** Set when the execution failed; its diagnostics still describe the query. */
-    error?: string;
-};
-/** Loads the info for one surface — a URL to ask, or a console's own re-run. */
-export type QueryInfoLoader = () => Promise<QueryExecutionInfo>;
-/**
- * buildQueryInfoUrl marks a result URL as a question about itself rather than a
- * request for its rows. The marker rides in the query string so the URL stays
- * one a browser can follow, and every parameter the table sent — filters, paging,
- * the lot — is carried along unchanged: an info request for a different page
- * would describe a different query.
- */
-export declare function buildQueryInfoUrl(url: string): string;
-/**
- * fetchQueryInfo asks a result URL what it runs.
- *
- * A failed execution is not a failed request: the server answers it with the
- * same document plus the error, because a query that broke is the one most worth
- * reading. Only a response that carries no document at all throws.
- */
-export declare function fetchQueryInfo(url: string): Promise<QueryExecutionInfo>;
-//# sourceMappingURL=queryInfo.d.ts.map

package/dist/data/query-info/queryInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"queryInfo.d.ts","sourceRoot":"","sources":["../../../src/data/query-info/queryInfo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAEnF,oEAAoE;AACpE,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAE/D;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMrD;AAED;;;;;;GAMG;AACH,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAc7E"}

package/dist/data/query-info/queryInfo.js

@@ -1,42 +0,0 @@
-const QUERY_INFO_CONTENT_TYPE = "application/info+json";
-function buildQueryInfoUrl(url) {
-  if (/[?&]__info=/.test(url)) return url;
-  const hashAt = url.indexOf("#");
-  const base = hashAt === -1 ? url : url.slice(0, hashAt);
-  const hash = hashAt === -1 ? "" : url.slice(hashAt);
-  return `${base}${base.includes("?") ? "&" : "?"}__info=true${hash}`;
-}
-async function fetchQueryInfo(url) {
-  const response = await fetch(buildQueryInfoUrl(url), {
-    headers: { Accept: QUERY_INFO_CONTENT_TYPE }
-  });
-  const body = await response.text();
-  const parsed = parseInfoBody(body);
-  if (response.ok) {
-    if (!parsed) throw new Error(`${url} did not answer with query details`);
-    return parsed;
-  }
-  if (!parsed) {
-    throw new Error(`${url} answered ${response.status} ${response.statusText}`);
-  }
-  return parsed;
-}
-function parseInfoBody(body) {
-  let value;
-  try {
-    value = JSON.parse(body);
-  } catch {
-    return null;
-  }
-  if (!value || typeof value !== "object") return null;
-  const info = value;
-  const error = info.error ?? info.message;
-  if (!error) return info;
-  return { ...info, error };
-}
-export {
-  QUERY_INFO_CONTENT_TYPE,
-  buildQueryInfoUrl,
-  fetchQueryInfo
-};
-//# sourceMappingURL=queryInfo.js.map

package/dist/data/query-info/queryInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"queryInfo.js","sources":["../../../src/data/query-info/queryInfo.ts"],"sourcesContent":["import type { QueryBrowserDiagnostics } from \"../query-browser/QueryBrowser.types\";\n\n/** Media type a result URL answers with when asked what it runs. */\nexport const QUERY_INFO_CONTENT_TYPE = \"application/info+json\";\n\n/**\n * What a result URL says about itself: the query its backend was actually sent,\n * the arguments bound into it, how long it took and what came back.\n *\n * A table shows rows, never the query behind them — the server renders that from\n * parameters and filters which only exist at execution time. This is the answer\n * to \"what did this actually run\", and it is the same answer whether the run\n * succeeded or failed.\n */\nexport type QueryExecutionInfo = {\n  profile?: string;\n  provider?: string;\n  connection?: string;\n  url?: string;\n  params?: Record<string, unknown>;\n  mode?: string;\n  rows?: number;\n  durationMs?: number;\n  headers?: Record<string, string>;\n  diagnostics?: QueryBrowserDiagnostics;\n  /** Set when the execution failed; its diagnostics still describe the query. */\n  error?: string;\n};\n\n/** Loads the info for one surface — a URL to ask, or a console's own re-run. */\nexport type QueryInfoLoader = () => Promise<QueryExecutionInfo>;\n\n/**\n * buildQueryInfoUrl marks a result URL as a question about itself rather than a\n * request for its rows. The marker rides in the query string so the URL stays\n * one a browser can follow, and every parameter the table sent — filters, paging,\n * the lot — is carried along unchanged: an info request for a different page\n * would describe a different query.\n */\nexport function buildQueryInfoUrl(url: string): string {\n  if (/[?&]__info=/.test(url)) return url;\n  const hashAt = url.indexOf(\"#\");\n  const base = hashAt === -1 ? url : url.slice(0, hashAt);\n  const hash = hashAt === -1 ? \"\" : url.slice(hashAt);\n  return `${base}${base.includes(\"?\") ? \"&\" : \"?\"}__info=true${hash}`;\n}\n\n/**\n * fetchQueryInfo asks a result URL what it runs.\n *\n * A failed execution is not a failed request: the server answers it with the\n * same document plus the error, because a query that broke is the one most worth\n * reading. Only a response that carries no document at all throws.\n */\nexport async function fetchQueryInfo(url: string): Promise<QueryExecutionInfo> {\n  const response = await fetch(buildQueryInfoUrl(url), {\n    headers: { Accept: QUERY_INFO_CONTENT_TYPE },\n  });\n  const body = await response.text();\n  const parsed = parseInfoBody(body);\n  if (response.ok) {\n    if (!parsed) throw new Error(`${url} did not answer with query details`);\n    return parsed;\n  }\n  if (!parsed) {\n    throw new Error(`${url} answered ${response.status} ${response.statusText}`);\n  }\n  return parsed;\n}\n\ntype ExecutionErrorBody = {\n  code?: string;\n  message?: string;\n  error?: string;\n  diagnostics?: QueryBrowserDiagnostics;\n};\n\nfunction parseInfoBody(body: string): QueryExecutionInfo | null {\n  let value: unknown;\n  try {\n    value = JSON.parse(body);\n  } catch {\n    return null;\n  }\n  if (!value || typeof value !== \"object\") return null;\n  const info = value as QueryExecutionInfo & ExecutionErrorBody;\n  const error = info.error ?? info.message;\n  if (!error) return info;\n  return { ...info, error };\n}\n"],"names":[],"mappings":"AAGO,MAAM,0BAA0B;AAoChC,SAAS,kBAAkB,KAAqB;AACrD,MAAI,cAAc,KAAK,GAAG,EAAG,QAAO;AACpC,QAAM,SAAS,IAAI,QAAQ,GAAG;AAC9B,QAAM,OAAO,WAAW,KAAK,MAAM,IAAI,MAAM,GAAG,MAAM;AACtD,QAAM,OAAO,WAAW,KAAK,KAAK,IAAI,MAAM,MAAM;AAClD,SAAO,GAAG,IAAI,GAAG,KAAK,SAAS,GAAG,IAAI,MAAM,GAAG,cAAc,IAAI;AACnE;AASA,eAAsB,eAAe,KAA0C;AAC7E,QAAM,WAAW,MAAM,MAAM,kBAAkB,GAAG,GAAG;AAAA,IACnD,SAAS,EAAE,QAAQ,wBAAA;AAAA,EAAwB,CAC5C;AACD,QAAM,OAAO,MAAM,SAAS,KAAA;AAC5B,QAAM,SAAS,cAAc,IAAI;AACjC,MAAI,SAAS,IAAI;AACf,QAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,GAAG,GAAG,oCAAoC;AACvE,WAAO;AAAA,EACT;AACA,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,GAAG,GAAG,aAAa,SAAS,MAAM,IAAI,SAAS,UAAU,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AASA,SAAS,cAAc,MAAyC;AAC9D,MAAI;AACJ,MAAI;AACF,YAAQ,KAAK,MAAM,IAAI;AAAA,EACzB,QAAQ;AACN,WAAO;AAAA,EACT;AACA,MAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;AAChD,QAAM,OAAO;AACb,QAAM,QAAQ,KAAK,SAAS,KAAK;AACjC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,EAAE,GAAG,MAAM,MAAA;AACpB;"}

package/dist/data/query-info/useQueryInfo.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const QueryInfoDialog = require("./QueryInfoDialog.cjs");
-const queryInfo = require("./queryInfo.cjs");
-const UiDebug = require("../../icons/components/UiDebug.cjs");
-function useQueryInfo({
-  url,
-  load,
-  title
-}) {
-  const [open, setOpen] = react.useState(false);
-  const loader = react.useMemo(() => {
-    if (load) return load;
-    if (!url) return void 0;
-    return () => queryInfo.fetchQueryInfo(url);
-  }, [load, url]);
-  const close = react.useCallback(() => setOpen(false), []);
-  const action = react.useMemo(
-    () => loader ? {
-      id: "show-query",
-      label: "Debug",
-      icon: UiDebug.UiDebug,
-      // No heading and no description: one word under a "Debug" heading
-      // beside a one-line gloss of itself is three ways of saying the
-      // same thing in a menu with room for one.
-      section: "",
-      onSelect: () => setOpen(true)
-    } : void 0,
-    [loader]
-  );
-  if (!loader) return { action: void 0, dialog: null };
-  return {
-    action,
-    dialog: /* @__PURE__ */ jsxRuntime.jsx(
-      QueryInfoDialog.QueryInfoDialog,
-      {
-        open,
-        onClose: close,
-        load: loader,
-        ...title ? { title } : {}
-      }
-    )
-  };
-}
-exports.useQueryInfo = useQueryInfo;
-//# sourceMappingURL=useQueryInfo.cjs.map

package/dist/data/query-info/useQueryInfo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useQueryInfo.cjs","sources":["../../../src/data/query-info/useQueryInfo.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type ReactNode } from \"react\";\nimport { UiDebug } from \"../../icons\";\nimport type { DataTableMenuAction } from \"../DataTable\";\nimport { QueryInfoDialog } from \"./QueryInfoDialog\";\nimport { fetchQueryInfo, type QueryInfoLoader } from \"./queryInfo\";\n\nexport type UseQueryInfoOptions = {\n  /** Result URL to ask what it runs. Ignored when `load` is given. */\n  url?: string | undefined;\n  /** Reads the details some other way — a console re-running its own query. */\n  load?: QueryInfoLoader | undefined;\n  /** Dialog heading. */\n  title?: string | undefined;\n};\n\nexport type UseQueryInfoResult = {\n  /** \"Debug\" for the table's overflow menu; absent with nothing to ask. */\n  action: DataTableMenuAction | undefined;\n  /** Render alongside the table — the dialog the action opens. */\n  dialog: ReactNode;\n};\n\n/**\n * useQueryInfo puts \"Debug\" in a result table's overflow menu.\n *\n * The details are read when the menu item is chosen, never before: asking costs\n * a second execution against the same backend, which is a price only a user who\n * wants the answer should pay.\n */\nexport function useQueryInfo({\n  url,\n  load,\n  title,\n}: UseQueryInfoOptions): UseQueryInfoResult {\n  const [open, setOpen] = useState(false);\n  const loader = useMemo<QueryInfoLoader | undefined>(() => {\n    if (load) return load;\n    if (!url) return undefined;\n    return () => fetchQueryInfo(url);\n  }, [load, url]);\n  const close = useCallback(() => setOpen(false), []);\n  // The action lands in a memoized menu-action list, so a fresh object each\n  // render would rebuild that list — and the table's menu — on every render.\n  const action = useMemo<DataTableMenuAction | undefined>(\n    () =>\n      loader\n        ? {\n            id: \"show-query\",\n            label: \"Debug\",\n            icon: UiDebug,\n            // No heading and no description: one word under a \"Debug\" heading\n            // beside a one-line gloss of itself is three ways of saying the\n            // same thing in a menu with room for one.\n            section: \"\",\n            onSelect: () => setOpen(true),\n          }\n        : undefined,\n    [loader],\n  );\n\n  if (!loader) return { action: undefined, dialog: null };\n\n  return {\n    action,\n    dialog: (\n      <QueryInfoDialog\n        open={open}\n        onClose={close}\n        load={loader}\n        {...(title ? { title } : {})}\n      />\n    ),\n  };\n}\n"],"names":["useState","useMemo","fetchQueryInfo","useCallback","UiDebug","jsx","QueryInfoDialog"],"mappings":";;;;;;;AA6BO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,KAAK;AACtC,QAAM,SAASC,MAAAA,QAAqC,MAAM;AACxD,QAAI,KAAM,QAAO;AACjB,QAAI,CAAC,IAAK,QAAO;AACjB,WAAO,MAAMC,UAAAA,eAAe,GAAG;AAAA,EACjC,GAAG,CAAC,MAAM,GAAG,CAAC;AACd,QAAM,QAAQC,MAAAA,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAA,CAAE;AAGlD,QAAM,SAASF,MAAAA;AAAAA,IACb,MACE,SACI;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAMG,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAIN,SAAS;AAAA,MACT,UAAU,MAAM,QAAQ,IAAI;AAAA,IAAA,IAE9B;AAAA,IACN,CAAC,MAAM;AAAA,EAAA;AAGT,MAAI,CAAC,OAAQ,QAAO,EAAE,QAAQ,QAAW,QAAQ,KAAA;AAEjD,SAAO;AAAA,IACL;AAAA,IACA,QACEC,2BAAAA;AAAAA,MAACC,gBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,MAAM;AAAA,QACL,GAAI,QAAQ,EAAE,UAAU,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAC5B;AAGN;;"}

package/dist/data/query-info/useQueryInfo.d.ts

@@ -1,26 +0,0 @@
-import { ReactNode } from 'react';
-import { DataTableMenuAction } from '../DataTable';
-import { QueryInfoLoader } from './queryInfo';
-export type UseQueryInfoOptions = {
-    /** Result URL to ask what it runs. Ignored when `load` is given. */
-    url?: string | undefined;
-    /** Reads the details some other way — a console re-running its own query. */
-    load?: QueryInfoLoader | undefined;
-    /** Dialog heading. */
-    title?: string | undefined;
-};
-export type UseQueryInfoResult = {
-    /** "Debug" for the table's overflow menu; absent with nothing to ask. */
-    action: DataTableMenuAction | undefined;
-    /** Render alongside the table — the dialog the action opens. */
-    dialog: ReactNode;
-};
-/**
- * useQueryInfo puts "Debug" in a result table's overflow menu.
- *
- * The details are read when the menu item is chosen, never before: asking costs
- * a second execution against the same backend, which is a price only a user who
- * wants the answer should pay.
- */
-export declare function useQueryInfo({ url, load, title, }: UseQueryInfoOptions): UseQueryInfoResult;
-//# sourceMappingURL=useQueryInfo.d.ts.map

package/dist/data/query-info/useQueryInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useQueryInfo.d.ts","sourceRoot":"","sources":["../../../src/data/query-info/useQueryInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnE,MAAM,MAAM,mBAAmB,GAAG;IAChC,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,yEAAyE;IACzE,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACxC,gEAAgE;IAChE,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,IAAI,EACJ,KAAK,GACN,EAAE,mBAAmB,GAAG,kBAAkB,CAwC1C"}

package/dist/data/query-info/useQueryInfo.js

@@ -1,48 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useMemo, useCallback } from "react";
-import { QueryInfoDialog } from "./QueryInfoDialog.js";
-import { fetchQueryInfo } from "./queryInfo.js";
-import { UiDebug } from "../../icons/components/UiDebug.js";
-function useQueryInfo({
-  url,
-  load,
-  title
-}) {
-  const [open, setOpen] = useState(false);
-  const loader = useMemo(() => {
-    if (load) return load;
-    if (!url) return void 0;
-    return () => fetchQueryInfo(url);
-  }, [load, url]);
-  const close = useCallback(() => setOpen(false), []);
-  const action = useMemo(
-    () => loader ? {
-      id: "show-query",
-      label: "Debug",
-      icon: UiDebug,
-      // No heading and no description: one word under a "Debug" heading
-      // beside a one-line gloss of itself is three ways of saying the
-      // same thing in a menu with room for one.
-      section: "",
-      onSelect: () => setOpen(true)
-    } : void 0,
-    [loader]
-  );
-  if (!loader) return { action: void 0, dialog: null };
-  return {
-    action,
-    dialog: /* @__PURE__ */ jsx(
-      QueryInfoDialog,
-      {
-        open,
-        onClose: close,
-        load: loader,
-        ...title ? { title } : {}
-      }
-    )
-  };
-}
-export {
-  useQueryInfo
-};
-//# sourceMappingURL=useQueryInfo.js.map

package/dist/data/query-info/useQueryInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useQueryInfo.js","sources":["../../../src/data/query-info/useQueryInfo.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type ReactNode } from \"react\";\nimport { UiDebug } from \"../../icons\";\nimport type { DataTableMenuAction } from \"../DataTable\";\nimport { QueryInfoDialog } from \"./QueryInfoDialog\";\nimport { fetchQueryInfo, type QueryInfoLoader } from \"./queryInfo\";\n\nexport type UseQueryInfoOptions = {\n  /** Result URL to ask what it runs. Ignored when `load` is given. */\n  url?: string | undefined;\n  /** Reads the details some other way — a console re-running its own query. */\n  load?: QueryInfoLoader | undefined;\n  /** Dialog heading. */\n  title?: string | undefined;\n};\n\nexport type UseQueryInfoResult = {\n  /** \"Debug\" for the table's overflow menu; absent with nothing to ask. */\n  action: DataTableMenuAction | undefined;\n  /** Render alongside the table — the dialog the action opens. */\n  dialog: ReactNode;\n};\n\n/**\n * useQueryInfo puts \"Debug\" in a result table's overflow menu.\n *\n * The details are read when the menu item is chosen, never before: asking costs\n * a second execution against the same backend, which is a price only a user who\n * wants the answer should pay.\n */\nexport function useQueryInfo({\n  url,\n  load,\n  title,\n}: UseQueryInfoOptions): UseQueryInfoResult {\n  const [open, setOpen] = useState(false);\n  const loader = useMemo<QueryInfoLoader | undefined>(() => {\n    if (load) return load;\n    if (!url) return undefined;\n    return () => fetchQueryInfo(url);\n  }, [load, url]);\n  const close = useCallback(() => setOpen(false), []);\n  // The action lands in a memoized menu-action list, so a fresh object each\n  // render would rebuild that list — and the table's menu — on every render.\n  const action = useMemo<DataTableMenuAction | undefined>(\n    () =>\n      loader\n        ? {\n            id: \"show-query\",\n            label: \"Debug\",\n            icon: UiDebug,\n            // No heading and no description: one word under a \"Debug\" heading\n            // beside a one-line gloss of itself is three ways of saying the\n            // same thing in a menu with room for one.\n            section: \"\",\n            onSelect: () => setOpen(true),\n          }\n        : undefined,\n    [loader],\n  );\n\n  if (!loader) return { action: undefined, dialog: null };\n\n  return {\n    action,\n    dialog: (\n      <QueryInfoDialog\n        open={open}\n        onClose={close}\n        load={loader}\n        {...(title ? { title } : {})}\n      />\n    ),\n  };\n}\n"],"names":[],"mappings":";;;;;AA6BO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,QAAqC,MAAM;AACxD,QAAI,KAAM,QAAO;AACjB,QAAI,CAAC,IAAK,QAAO;AACjB,WAAO,MAAM,eAAe,GAAG;AAAA,EACjC,GAAG,CAAC,MAAM,GAAG,CAAC;AACd,QAAM,QAAQ,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAA,CAAE;AAGlD,QAAM,SAAS;AAAA,IACb,MACE,SACI;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA;AAAA;AAAA;AAAA,MAIN,SAAS;AAAA,MACT,UAAU,MAAM,QAAQ,IAAI;AAAA,IAAA,IAE9B;AAAA,IACN,CAAC,MAAM;AAAA,EAAA;AAGT,MAAI,CAAC,OAAQ,QAAO,EAAE,QAAQ,QAAW,QAAQ,KAAA;AAEjD,SAAO;AAAA,IACL;AAAA,IACA,QACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACT,MAAM;AAAA,QACL,GAAI,QAAQ,EAAE,UAAU,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAC5B;AAGN;"}