@flanksource/clicky-ui 0.3.21 → 0.3.23

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

@@ -0,0 +1,106 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,106 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+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

@@ -0,0 +1 @@
+{"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;"}

package/dist/data/use-infinite-rows.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function useInfiniteRows(infinite, rowCount) {
+  const latest = react.useRef(infinite);
+  latest.current = infinite;
+  const pending = react.useRef(false);
+  const loading = (infinite == null ? void 0 : infinite.loading) ?? false;
+  react.useEffect(() => {
+    pending.current = false;
+  }, [loading, rowCount]);
+  return react.useCallback(() => {
+    const current = latest.current;
+    if (!current || current.loading || !current.hasMore || pending.current) return;
+    pending.current = true;
+    current.onLoadMore();
+  }, []);
+}
+exports.useInfiniteRows = useInfiniteRows;
+//# sourceMappingURL=use-infinite-rows.cjs.map

package/dist/data/use-infinite-rows.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-infinite-rows.cjs","sources":["../../src/data/use-infinite-rows.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport type { DataTableInfinite } from \"./DataTable\";\n\n/**\n * useInfiniteRows turns the trailing sentinel's intersection callbacks into at\n * most one page request, and returns the callback DataTable hands the observer.\n *\n * The `loading` flag on its own is not a sufficient guard. One scroll delivers a\n * burst of intersections inside a single frame, long before the caller has\n * re-rendered with the flag set, so the burst would be spent asking for the same\n * page over and over. A request therefore latches, and the latch is released\n * only by the caller answering: rows arriving, or `loading` moving — which is\n * also what stops a page that legitimately returned nothing from wedging the\n * list closed. Everything else the observer delivers in between is dropped.\n *\n * `infinite` is read through a ref because callers rebuild it inline on every\n * render. Depending on it directly would give the returned callback a new\n * identity each time, and DataTable would tear down and re-create the\n * IntersectionObserver with it.\n */\nexport function useInfiniteRows(\n  infinite: DataTableInfinite | undefined,\n  rowCount: number,\n): () => void {\n  const latest = useRef(infinite);\n  latest.current = infinite;\n  const pending = useRef(false);\n  const loading = infinite?.loading ?? false;\n\n  useEffect(() => {\n    pending.current = false;\n  }, [loading, rowCount]);\n\n  return useCallback(() => {\n    const current = latest.current;\n    if (!current || current.loading || !current.hasMore || pending.current) return;\n    pending.current = true;\n    current.onLoadMore();\n  }, []);\n}\n"],"names":["useRef","useEffect","useCallback"],"mappings":";;;AAoBO,SAAS,gBACd,UACA,UACY;AACZ,QAAM,SAASA,MAAAA,OAAO,QAAQ;AAC9B,SAAO,UAAU;AACjB,QAAM,UAAUA,MAAAA,OAAO,KAAK;AAC5B,QAAM,WAAU,qCAAU,YAAW;AAErCC,QAAAA,UAAU,MAAM;AACd,YAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,SAAS,QAAQ,CAAC;AAEtB,SAAOC,MAAAA,YAAY,MAAM;AACvB,UAAM,UAAU,OAAO;AACvB,QAAI,CAAC,WAAW,QAAQ,WAAW,CAAC,QAAQ,WAAW,QAAQ,QAAS;AACxE,YAAQ,UAAU;AAClB,YAAQ,WAAA;AAAA,EACV,GAAG,CAAA,CAAE;AACP;;"}