@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/data/query-browser/QueryBrowserDiagnosticsPanel.js

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-function JSONBlock({ label, value }) {
+function JSONBlock({
+  label,
+  value,
+  ariaLabel
+}) {
   if (value == null) return null;
   if (Array.isArray(value) && value.length === 0) return null;
   if (typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0) {
@@ -7,13 +11,21 @@ function JSONBlock({ label, value }) {
   }
   return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx("pre", { className: "max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs", children: JSON.stringify(value, null, 2) })
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        "aria-label": ariaLabel ?? label,
+        className: "max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs",
+        children: JSON.stringify(value, null, 2)
+      }
+    )
   ] });
 }
 function QueryBrowserDiagnosticsPanel({
   diagnostics
 }) {
-  var _a;
+  const { request, response } = diagnostics;
+  const endpoint = [request.method, request.url ?? request.connection].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("details", { open: true, className: "shrink-0 rounded-md border bg-background", children: [
     /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer px-3 py-2 text-sm font-medium", children: [
       "Provider debug",
@@ -22,34 +34,70 @@ function QueryBrowserDiagnosticsPanel({
     /* @__PURE__ */ jsxs("div", { className: "grid gap-3 border-t p-3 lg:grid-cols-2", children: [
       /* @__PURE__ */ jsxs("section", { className: "min-w-0 space-y-2", "aria-label": "Provider request", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Request" }),
+        endpoint && /* @__PURE__ */ jsx(
+          "pre",
+          {
+            "aria-label": "Provider endpoint",
+            className: "overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs",
+            children: endpoint
+          }
+        ),
         /* @__PURE__ */ jsx(
           "pre",
           {
             "aria-label": "Provider query",
             className: "max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs",
-            children: diagnostics.request.query || "(no query text)"
+            children: request.query || "(no query text)"
           }
         ),
-        /* @__PURE__ */ jsx(JSONBlock, { label: "Arguments", value: diagnostics.request.arguments }),
-        /* @__PURE__ */ jsx(JSONBlock, { label: "Options", value: diagnostics.request.options }),
-        /* @__PURE__ */ jsx(JSONBlock, { label: "Details", value: diagnostics.request.details })
+        /* @__PURE__ */ jsx(JSONBlock, { label: "Arguments", value: request.arguments }),
+        /* @__PURE__ */ jsx(JSONBlock, { label: "Options", value: request.options }),
+        /* @__PURE__ */ jsx(JSONBlock, { label: "Details", value: request.details }),
+        /* @__PURE__ */ jsx(
+          JSONBlock,
+          {
+            label: "Headers",
+            value: request.headers,
+            ariaLabel: "Provider request headers"
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("section", { className: "min-w-0 space-y-2", "aria-label": "Provider response", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Response" }),
         diagnostics.error && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive", children: diagnostics.error }),
-        /* @__PURE__ */ jsx(JSONBlock, { label: "Summary", value: diagnostics.response }),
-        ((_a = diagnostics.response) == null ? void 0 : _a.preview) && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
+          JSONBlock,
+          {
+            label: "Summary",
+            value: responseSummary(response),
+            ariaLabel: "Response summary"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          JSONBlock,
+          {
+            label: "Headers",
+            value: response == null ? void 0 : response.headers,
+            ariaLabel: "Provider response headers"
+          }
+        ),
+        (response == null ? void 0 : response.preview) && /* @__PURE__ */ jsx(
           "pre",
           {
             "aria-label": "Provider response preview",
             className: "max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs",
-            children: diagnostics.response.preview
+            children: response.preview
           }
         )
       ] })
     ] })
   ] });
 }
+function responseSummary(response) {
+  if (!response) return void 0;
+  const { preview: _preview, headers: _headers, ...summary } = response;
+  return summary;
+}
 export {
   QueryBrowserDiagnosticsPanel
 };

package/dist/data/query-browser/QueryBrowserDiagnosticsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserDiagnosticsPanel.js","sources":["../../../src/data/query-browser/QueryBrowserDiagnosticsPanel.tsx"],"sourcesContent":["import type { QueryBrowserDiagnostics } from \"./QueryBrowser.types\";\n\nfunction JSONBlock({ label, value }: { label: string; value: unknown }) {\n  if (value == null) return null;\n  if (Array.isArray(value) && value.length === 0) return null;\n  if (\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    Object.keys(value).length === 0\n  ) {\n    return null;\n  }\n  return (\n    <div className=\"min-w-0\">\n      <div className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n        {label}\n      </div>\n      <pre className=\"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\">\n        {JSON.stringify(value, null, 2)}\n      </pre>\n    </div>\n  );\n}\n\nexport function QueryBrowserDiagnosticsPanel({\n  diagnostics,\n}: {\n  diagnostics: QueryBrowserDiagnostics;\n}) {\n  return (\n    <details open className=\"shrink-0 rounded-md border bg-background\">\n      <summary className=\"cursor-pointer px-3 py-2 text-sm font-medium\">\n        Provider debug\n        <span className=\"ml-2 font-normal text-muted-foreground\">\n          {diagnostics.provider}\n        </span>\n      </summary>\n      <div className=\"grid gap-3 border-t p-3 lg:grid-cols-2\">\n        <section className=\"min-w-0 space-y-2\" aria-label=\"Provider request\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Request\n          </h3>\n          <pre\n            aria-label=\"Provider query\"\n            className=\"max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n          >\n            {diagnostics.request.query || \"(no query text)\"}\n          </pre>\n          <JSONBlock label=\"Arguments\" value={diagnostics.request.arguments} />\n          <JSONBlock label=\"Options\" value={diagnostics.request.options} />\n          <JSONBlock label=\"Details\" value={diagnostics.request.details} />\n        </section>\n        <section className=\"min-w-0 space-y-2\" aria-label=\"Provider response\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Response\n          </h3>\n          {diagnostics.error && (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive\">\n              {diagnostics.error}\n            </div>\n          )}\n          <JSONBlock label=\"Summary\" value={diagnostics.response} />\n          {diagnostics.response?.preview && (\n            <pre\n              aria-label=\"Provider response preview\"\n              className=\"max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n            >\n              {diagnostics.response.preview}\n            </pre>\n          )}\n        </section>\n      </div>\n    </details>\n  );\n}\n"],"names":[],"mappings":";AAEA,SAAS,UAAU,EAAE,OAAO,SAA4C;AACtE,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,EAAG,QAAO;AACvD,MACE,OAAO,UAAU,YACjB,CAAC,MAAM,QAAQ,KAAK,KACpB,OAAO,KAAK,KAAK,EAAE,WAAW,GAC9B;AACA,WAAO;AAAA,EACT;AACA,SACE,qBAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,8EACZ,UAAA,OACH;AAAA,IACA,oBAAC,SAAI,WAAU,2FACZ,eAAK,UAAU,OAAO,MAAM,CAAC,EAAA,CAChC;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,6BAA6B;AAAA,EAC3C;AACF,GAEG;;AACD,SACE,qBAAC,WAAA,EAAQ,MAAI,MAAC,WAAU,4CACtB,UAAA;AAAA,IAAA,qBAAC,WAAA,EAAQ,WAAU,gDAA+C,UAAA;AAAA,MAAA;AAAA,MAEhE,oBAAC,QAAA,EAAK,WAAU,0CACb,sBAAY,SAAA,CACf;AAAA,IAAA,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAA,qBAAC,WAAA,EAAQ,WAAU,qBAAoB,cAAW,oBAChD,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,uEAAsE,UAAA,WAEpF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAA,YAAY,QAAQ,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,4BAE/B,WAAA,EAAU,OAAM,aAAY,OAAO,YAAY,QAAQ,WAAW;AAAA,4BAClE,WAAA,EAAU,OAAM,WAAU,OAAO,YAAY,QAAQ,SAAS;AAAA,4BAC9D,WAAA,EAAU,OAAM,WAAU,OAAO,YAAY,QAAQ,QAAA,CAAS;AAAA,MAAA,GACjE;AAAA,MACA,qBAAC,WAAA,EAAQ,WAAU,qBAAoB,cAAW,qBAChD,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,uEAAsE,UAAA,YAEpF;AAAA,QACC,YAAY,SACX,oBAAC,SAAI,WAAU,yFACZ,sBAAY,OACf;AAAA,4BAED,WAAA,EAAU,OAAM,WAAU,OAAO,YAAY,UAAU;AAAA,UACvD,iBAAY,aAAZ,mBAAsB,YACrB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAU;AAAA,YAET,sBAAY,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"QueryBrowserDiagnosticsPanel.js","sources":["../../../src/data/query-browser/QueryBrowserDiagnosticsPanel.tsx"],"sourcesContent":["import type { QueryBrowserDiagnostics } from \"./QueryBrowser.types\";\n\nfunction JSONBlock({\n  label,\n  value,\n  ariaLabel,\n}: {\n  label: string;\n  value: unknown;\n  ariaLabel?: string;\n}) {\n  if (value == null) return null;\n  if (Array.isArray(value) && value.length === 0) return null;\n  if (\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    Object.keys(value).length === 0\n  ) {\n    return null;\n  }\n  return (\n    <div className=\"min-w-0\">\n      <div className=\"mb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\">\n        {label}\n      </div>\n      <pre\n        aria-label={ariaLabel ?? label}\n        className=\"max-h-56 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n      >\n        {JSON.stringify(value, null, 2)}\n      </pre>\n    </div>\n  );\n}\n\nexport function QueryBrowserDiagnosticsPanel({\n  diagnostics,\n}: {\n  diagnostics: QueryBrowserDiagnostics;\n}) {\n  const { request, response } = diagnostics;\n  // Where the request went is not in the profile and not in the query: the\n  // connection names a host and the provider builds the path, so this line is\n  // the only place a reader can see the call they would have to reproduce.\n  const endpoint = [request.method, request.url ?? request.connection]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <details open className=\"shrink-0 rounded-md border bg-background\">\n      <summary className=\"cursor-pointer px-3 py-2 text-sm font-medium\">\n        Provider debug\n        <span className=\"ml-2 font-normal text-muted-foreground\">\n          {diagnostics.provider}\n        </span>\n      </summary>\n      <div className=\"grid gap-3 border-t p-3 lg:grid-cols-2\">\n        <section className=\"min-w-0 space-y-2\" aria-label=\"Provider request\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Request\n          </h3>\n          {endpoint && (\n            <pre\n              aria-label=\"Provider endpoint\"\n              className=\"overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n            >\n              {endpoint}\n            </pre>\n          )}\n          <pre\n            aria-label=\"Provider query\"\n            className=\"max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n          >\n            {request.query || \"(no query text)\"}\n          </pre>\n          <JSONBlock label=\"Arguments\" value={request.arguments} />\n          <JSONBlock label=\"Options\" value={request.options} />\n          <JSONBlock label=\"Details\" value={request.details} />\n          <JSONBlock\n            label=\"Headers\"\n            value={request.headers}\n            ariaLabel=\"Provider request headers\"\n          />\n        </section>\n        <section className=\"min-w-0 space-y-2\" aria-label=\"Provider response\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Response\n          </h3>\n          {diagnostics.error && (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-2 text-xs text-destructive\">\n              {diagnostics.error}\n            </div>\n          )}\n          <JSONBlock\n            label=\"Summary\"\n            value={responseSummary(response)}\n            ariaLabel=\"Response summary\"\n          />\n          <JSONBlock\n            label=\"Headers\"\n            value={response?.headers}\n            ariaLabel=\"Provider response headers\"\n          />\n          {response?.preview && (\n            <pre\n              aria-label=\"Provider response preview\"\n              className=\"max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted/60 p-2 text-xs\"\n            >\n              {response.preview}\n            </pre>\n          )}\n        </section>\n      </div>\n    </details>\n  );\n}\n\n// responseSummary drops what the panel renders as itself: the body preview,\n// which is the response and not a fact about it, and the headers, which read as\n// a list rather than as a field of a summary.\nfunction responseSummary(response: QueryBrowserDiagnostics[\"response\"]) {\n  if (!response) return undefined;\n  const { preview: _preview, headers: _headers, ...summary } = response;\n  return summary;\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const DataTable = require("../DataTable.cjs");
 const Properties = require("../Properties.cjs");
-const QueryBrowserDiagnosticsPanel = require("./QueryBrowserDiagnosticsPanel.cjs");
 function QueryBrowserResults({
   result,
   pending,
@@ -12,7 +11,8 @@ function QueryBrowserResults({
   columns,
   filterConfig,
   serverFiltered,
-  pagination
+  pagination,
+  menuActions
 }) {
   if (!result) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-h-40 place-items-center text-sm text-muted-foreground", children: "Run a query to see results." });
@@ -70,10 +70,10 @@ function QueryBrowserResults({
           }
         ),
         ...pagination ? { pagination } : {},
+        ...menuActions && menuActions.length > 0 ? { menuActions } : {},
         className: "min-h-72 flex-1"
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." }),
-    result.diagnostics && /* @__PURE__ */ jsxRuntime.jsx(QueryBrowserDiagnosticsPanel.QueryBrowserDiagnosticsPanel, { diagnostics: result.diagnostics })
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." })
   ] });
 }
 exports.QueryBrowserResults = QueryBrowserResults;

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserResults.cjs","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"sourcesContent":["import {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../DataTable\";\nimport { Properties } from \"../Properties\";\nimport type { serverFiltersToFilterBar } from \"../data-table-server-filters\";\nimport type { QueryBrowserResult } from \"./QueryBrowser.types\";\nimport { QueryBrowserDiagnosticsPanel } from \"./QueryBrowserDiagnosticsPanel\";\n\ntype QueryBrowserResultsProps = {\n  result: QueryBrowserResult | null;\n  pending: boolean;\n  title?: string;\n  queryLabel: string;\n  columns: DataTableColumn<Record<string, unknown>>[];\n  filterConfig: ReturnType<typeof serverFiltersToFilterBar>;\n  serverFiltered: boolean;\n  pagination?: DataTablePagination;\n};\n\nexport function QueryBrowserResults({\n  result,\n  pending,\n  title,\n  queryLabel,\n  columns,\n  filterConfig,\n  serverFiltered,\n  pagination,\n}: QueryBrowserResultsProps) {\n  if (!result) {\n    return (\n      <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n        Run a query to see results.\n      </div>\n    );\n  }\n  const rows = result.rows ?? [];\n  const described = result.columns ?? [];\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.truncated && (\n          <span className=\"text-amber-600 [[data-theme=dark]_&]:text-amber-400\">\n            stopped at the console&apos;s{\" \"}\n            {(result.limit ?? rows.length).toLocaleString()}-row bound; narrow\n            the query to see the rest\n          </span>\n        )}\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 || described.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          loading={pending}\n          autoFilter={false}\n          {...(serverFiltered\n            ? {\n                manualFilter: true,\n                externalFilters: filterConfig.filters,\n                ...(filterConfig.timeRange\n                  ? { externalTimeRange: filterConfig.timeRange }\n                  : {}),\n              }\n            : { showGlobalFilter: true })}\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          {...(pagination ? { pagination } : {})}\n          className=\"min-h-72 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n      {result.diagnostics && (\n        <QueryBrowserDiagnosticsPanel diagnostics={result.diagnostics} />\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","DataTable","Properties","QueryBrowserDiagnosticsPanel"],"mappings":";;;;;;AAqBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,MAAI,CAAC,QAAQ;AACX,WACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA,+BAEhF;AAAA,EAEJ;AACA,QAAM,OAAO,OAAO,QAAQ,CAAA;AAC5B,QAAM,YAAY,OAAO,WAAW,CAAA;AACpC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAAA,gCAAC,QAAA,EACE,UAAA;AAAA,QAAA,KAAK,OAAO,eAAA;AAAA,QAAiB;AAAA,QAAM,OAAO,YAAY,MAAM;AAAA,MAAA,GAC/D;AAAA,MACC,OAAO,aACNA,gCAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA;AAAA,QAAA;AAAA,QACtC;AAAA,SAC5B,OAAO,SAAS,KAAK,QAAQ,eAAA;AAAA,QAAiB;AAAA,MAAA,GAElD;AAAA,MAED,OAAO,iBAAiB,UACvBA,2BAAAA,KAAC,QAAA,EAAM,UAAA;AAAA,QAAA,OAAO,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAAS;AAAA,MAEtD,OAAO,eAAe,UACrBA,2BAAAA,KAAC,QAAA,EAAM,UAAA;AAAA,QAAA,KAAK,MAAM,OAAO,UAAU;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAEzC,OAAO,WAAWD,+BAAC,QAAA,EAAM,iBAAO,QAAA,CAAQ;AAAA,IAAA,GAC3C;AAAA,IACC,KAAK,SAAS,KAAK,UAAU,SAAS,IACrCA,2BAAAA;AAAAA,MAACE,UAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACX,GAAI,iBACD;AAAA,UACE,cAAc;AAAA,UACd,iBAAiB,aAAa;AAAA,UAC9B,GAAI,aAAa,YACb,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,QAAC,IAEP,EAAE,kBAAkB,KAAA;AAAA,QACxB,uBAAqB;AAAA,QACrB,iBAAiB,SAAS;AAAA,QAC1B,aAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,mBAAmB,CAAC,QAClBF,2BAAAA;AAAAA,UAACG,WAAAA;AAAAA,UAAA;AAAA,YACC,OAAO,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,cAChD;AAAA,cACA;AAAA,YAAA,EACA;AAAA,YACF,aAAa,CAAC,QAAQ;AAAA,YACtB,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QACnC,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZH,2BAAAA,IAAC,OAAA,EAAI,WAAU,qEACZ,UAAA,OAAO,WAAW,qCACrB;AAAA,IAED,OAAO,eACNA,+BAACI,6BAAAA,8BAAA,EAA6B,aAAa,OAAO,YAAA,CAAa;AAAA,EAAA,GAEnE;AAEJ;;"}
+{"version":3,"file":"QueryBrowserResults.cjs","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"sourcesContent":["import {\n  DataTable,\n  type DataTableColumn,\n  type DataTableMenuAction,\n  type DataTablePagination,\n} from \"../DataTable\";\nimport { Properties } from \"../Properties\";\nimport type { serverFiltersToFilterBar } from \"../data-table-server-filters\";\nimport type { QueryBrowserResult } from \"./QueryBrowser.types\";\n\ntype QueryBrowserResultsProps = {\n  result: QueryBrowserResult | null;\n  pending: boolean;\n  title?: string;\n  queryLabel: string;\n  columns: DataTableColumn<Record<string, unknown>>[];\n  filterConfig: ReturnType<typeof serverFiltersToFilterBar>;\n  serverFiltered: boolean;\n  pagination?: DataTablePagination;\n  /** Extra entries for the table's overflow menu — \"Debug\" among them. */\n  menuActions?: DataTableMenuAction[];\n};\n\nexport function QueryBrowserResults({\n  result,\n  pending,\n  title,\n  queryLabel,\n  columns,\n  filterConfig,\n  serverFiltered,\n  pagination,\n  menuActions,\n}: QueryBrowserResultsProps) {\n  if (!result) {\n    return (\n      <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n        Run a query to see results.\n      </div>\n    );\n  }\n  const rows = result.rows ?? [];\n  const described = result.columns ?? [];\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.truncated && (\n          <span className=\"text-amber-600 [[data-theme=dark]_&]:text-amber-400\">\n            stopped at the console&apos;s{\" \"}\n            {(result.limit ?? rows.length).toLocaleString()}-row bound; narrow\n            the query to see the rest\n          </span>\n        )}\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 || described.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          loading={pending}\n          autoFilter={false}\n          {...(serverFiltered\n            ? {\n                manualFilter: true,\n                externalFilters: filterConfig.filters,\n                ...(filterConfig.timeRange\n                  ? { externalTimeRange: filterConfig.timeRange }\n                  : {}),\n              }\n            : { showGlobalFilter: true })}\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          {...(pagination ? { pagination } : {})}\n          {...(menuActions && menuActions.length > 0 ? { menuActions } : {})}\n          className=\"min-h-72 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs","DataTable","Properties"],"mappings":";;;;;AAuBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,MAAI,CAAC,QAAQ;AACX,WACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA,+BAEhF;AAAA,EAEJ;AACA,QAAM,OAAO,OAAO,QAAQ,CAAA;AAC5B,QAAM,YAAY,OAAO,WAAW,CAAA;AACpC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAAA,gCAAC,QAAA,EACE,UAAA;AAAA,QAAA,KAAK,OAAO,eAAA;AAAA,QAAiB;AAAA,QAAM,OAAO,YAAY,MAAM;AAAA,MAAA,GAC/D;AAAA,MACC,OAAO,aACNA,gCAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA;AAAA,QAAA;AAAA,QACtC;AAAA,SAC5B,OAAO,SAAS,KAAK,QAAQ,eAAA;AAAA,QAAiB;AAAA,MAAA,GAElD;AAAA,MAED,OAAO,iBAAiB,UACvBA,2BAAAA,KAAC,QAAA,EAAM,UAAA;AAAA,QAAA,OAAO,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAAS;AAAA,MAEtD,OAAO,eAAe,UACrBA,2BAAAA,KAAC,QAAA,EAAM,UAAA;AAAA,QAAA,KAAK,MAAM,OAAO,UAAU;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAEzC,OAAO,WAAWD,+BAAC,QAAA,EAAM,iBAAO,QAAA,CAAQ;AAAA,IAAA,GAC3C;AAAA,IACC,KAAK,SAAS,KAAK,UAAU,SAAS,IACrCA,2BAAAA;AAAAA,MAACE,UAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACX,GAAI,iBACD;AAAA,UACE,cAAc;AAAA,UACd,iBAAiB,aAAa;AAAA,UAC9B,GAAI,aAAa,YACb,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,QAAC,IAEP,EAAE,kBAAkB,KAAA;AAAA,QACxB,uBAAqB;AAAA,QACrB,iBAAiB,SAAS;AAAA,QAC1B,aAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,mBAAmB,CAAC,QAClBF,2BAAAA;AAAAA,UAACG,WAAAA;AAAAA,UAAA;AAAA,YACC,OAAO,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,cAChD;AAAA,cACA;AAAA,YAAA,EACA;AAAA,YACF,aAAa,CAAC,QAAQ;AAAA,YACtB,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,eAAe,YAAY,SAAS,IAAI,EAAE,YAAA,IAAgB,CAAA;AAAA,QAC/D,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZH,2BAAAA,IAAC,OAAA,EAAI,WAAU,qEACZ,UAAA,OAAO,WAAW,oCAAA,CACrB;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/query-browser/QueryBrowserResults.d.ts

@@ -1,4 +1,4 @@
-import { DataTableColumn, DataTablePagination } from '../DataTable';
+import { DataTableColumn, DataTableMenuAction, DataTablePagination } from '../DataTable';
 import { serverFiltersToFilterBar } from '../data-table-server-filters';
 import { QueryBrowserResult } from './QueryBrowser.types';
 type QueryBrowserResultsProps = {
@@ -10,7 +10,9 @@ type QueryBrowserResultsProps = {
     filterConfig: ReturnType<typeof serverFiltersToFilterBar>;
     serverFiltered: boolean;
     pagination?: DataTablePagination;
+    /** Extra entries for the table's overflow menu — "Debug" among them. */
+    menuActions?: DataTableMenuAction[];
 };
-export declare function QueryBrowserResults({ result, pending, title, queryLabel, columns, filterConfig, serverFiltered, pagination, }: QueryBrowserResultsProps): import("react/jsx-runtime").JSX.Element;
+export declare function QueryBrowserResults({ result, pending, title, queryLabel, columns, filterConfig, serverFiltered, pagination, menuActions, }: QueryBrowserResultsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=QueryBrowserResults.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserResults.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IACpD,YAAY,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;IAC1D,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,cAAc,EACd,UAAU,GACX,EAAE,wBAAwB,2CAyE1B"}
+{"version":3,"file":"QueryBrowserResults.d.ts","sourceRoot":"","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;IACpD,YAAY,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;IAC1D,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,wEAAwE;IACxE,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACrC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAY,EACZ,cAAc,EACd,UAAU,EACV,WAAW,GACZ,EAAE,wBAAwB,2CAuE1B"}

package/dist/data/query-browser/QueryBrowserResults.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DataTable } from "../DataTable.js";
 import { Properties } from "../Properties.js";
-import { QueryBrowserDiagnosticsPanel } from "./QueryBrowserDiagnosticsPanel.js";
 function QueryBrowserResults({
   result,
   pending,
@@ -10,7 +9,8 @@ function QueryBrowserResults({
   columns,
   filterConfig,
   serverFiltered,
-  pagination
+  pagination,
+  menuActions
 }) {
   if (!result) {
     return /* @__PURE__ */ jsx("div", { className: "grid min-h-40 place-items-center text-sm text-muted-foreground", children: "Run a query to see results." });
@@ -68,10 +68,10 @@ function QueryBrowserResults({
           }
         ),
         ...pagination ? { pagination } : {},
+        ...menuActions && menuActions.length > 0 ? { menuActions } : {},
         className: "min-h-72 flex-1"
       }
-    ) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." }),
-    result.diagnostics && /* @__PURE__ */ jsx(QueryBrowserDiagnosticsPanel, { diagnostics: result.diagnostics })
+    ) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed p-6 text-sm text-muted-foreground", children: result.message ?? "Statement completed with no rows." })
   ] });
 }
 export {

package/dist/data/query-browser/QueryBrowserResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserResults.js","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"sourcesContent":["import {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../DataTable\";\nimport { Properties } from \"../Properties\";\nimport type { serverFiltersToFilterBar } from \"../data-table-server-filters\";\nimport type { QueryBrowserResult } from \"./QueryBrowser.types\";\nimport { QueryBrowserDiagnosticsPanel } from \"./QueryBrowserDiagnosticsPanel\";\n\ntype QueryBrowserResultsProps = {\n  result: QueryBrowserResult | null;\n  pending: boolean;\n  title?: string;\n  queryLabel: string;\n  columns: DataTableColumn<Record<string, unknown>>[];\n  filterConfig: ReturnType<typeof serverFiltersToFilterBar>;\n  serverFiltered: boolean;\n  pagination?: DataTablePagination;\n};\n\nexport function QueryBrowserResults({\n  result,\n  pending,\n  title,\n  queryLabel,\n  columns,\n  filterConfig,\n  serverFiltered,\n  pagination,\n}: QueryBrowserResultsProps) {\n  if (!result) {\n    return (\n      <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n        Run a query to see results.\n      </div>\n    );\n  }\n  const rows = result.rows ?? [];\n  const described = result.columns ?? [];\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.truncated && (\n          <span className=\"text-amber-600 [[data-theme=dark]_&]:text-amber-400\">\n            stopped at the console&apos;s{\" \"}\n            {(result.limit ?? rows.length).toLocaleString()}-row bound; narrow\n            the query to see the rest\n          </span>\n        )}\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 || described.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          loading={pending}\n          autoFilter={false}\n          {...(serverFiltered\n            ? {\n                manualFilter: true,\n                externalFilters: filterConfig.filters,\n                ...(filterConfig.timeRange\n                  ? { externalTimeRange: filterConfig.timeRange }\n                  : {}),\n              }\n            : { showGlobalFilter: true })}\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          {...(pagination ? { pagination } : {})}\n          className=\"min-h-72 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n      {result.diagnostics && (\n        <QueryBrowserDiagnosticsPanel diagnostics={result.diagnostics} />\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAqBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA,+BAEhF;AAAA,EAEJ;AACA,QAAM,OAAO,OAAO,QAAQ,CAAA;AAC5B,QAAM,YAAY,OAAO,WAAW,CAAA;AACpC,SACE,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EACE,UAAA;AAAA,QAAA,KAAK,OAAO,eAAA;AAAA,QAAiB;AAAA,QAAM,OAAO,YAAY,MAAM;AAAA,MAAA,GAC/D;AAAA,MACC,OAAO,aACN,qBAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA;AAAA,QAAA;AAAA,QACtC;AAAA,SAC5B,OAAO,SAAS,KAAK,QAAQ,eAAA;AAAA,QAAiB;AAAA,MAAA,GAElD;AAAA,MAED,OAAO,iBAAiB,UACvB,qBAAC,QAAA,EAAM,UAAA;AAAA,QAAA,OAAO,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAAS;AAAA,MAEtD,OAAO,eAAe,UACrB,qBAAC,QAAA,EAAM,UAAA;AAAA,QAAA,KAAK,MAAM,OAAO,UAAU;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAEzC,OAAO,WAAW,oBAAC,QAAA,EAAM,iBAAO,QAAA,CAAQ;AAAA,IAAA,GAC3C;AAAA,IACC,KAAK,SAAS,KAAK,UAAU,SAAS,IACrC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACX,GAAI,iBACD;AAAA,UACE,cAAc;AAAA,UACd,iBAAiB,aAAa;AAAA,UAC9B,GAAI,aAAa,YACb,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,QAAC,IAEP,EAAE,kBAAkB,KAAA;AAAA,QACxB,uBAAqB;AAAA,QACrB,iBAAiB,SAAS;AAAA,QAC1B,aAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,mBAAmB,CAAC,QAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,cAChD;AAAA,cACA;AAAA,YAAA,EACA;AAAA,YACF,aAAa,CAAC,QAAQ;AAAA,YACtB,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QACnC,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,oBAAC,OAAA,EAAI,WAAU,qEACZ,UAAA,OAAO,WAAW,qCACrB;AAAA,IAED,OAAO,eACN,oBAAC,8BAAA,EAA6B,aAAa,OAAO,YAAA,CAAa;AAAA,EAAA,GAEnE;AAEJ;"}
+{"version":3,"file":"QueryBrowserResults.js","sources":["../../../src/data/query-browser/QueryBrowserResults.tsx"],"sourcesContent":["import {\n  DataTable,\n  type DataTableColumn,\n  type DataTableMenuAction,\n  type DataTablePagination,\n} from \"../DataTable\";\nimport { Properties } from \"../Properties\";\nimport type { serverFiltersToFilterBar } from \"../data-table-server-filters\";\nimport type { QueryBrowserResult } from \"./QueryBrowser.types\";\n\ntype QueryBrowserResultsProps = {\n  result: QueryBrowserResult | null;\n  pending: boolean;\n  title?: string;\n  queryLabel: string;\n  columns: DataTableColumn<Record<string, unknown>>[];\n  filterConfig: ReturnType<typeof serverFiltersToFilterBar>;\n  serverFiltered: boolean;\n  pagination?: DataTablePagination;\n  /** Extra entries for the table's overflow menu — \"Debug\" among them. */\n  menuActions?: DataTableMenuAction[];\n};\n\nexport function QueryBrowserResults({\n  result,\n  pending,\n  title,\n  queryLabel,\n  columns,\n  filterConfig,\n  serverFiltered,\n  pagination,\n  menuActions,\n}: QueryBrowserResultsProps) {\n  if (!result) {\n    return (\n      <div className=\"grid min-h-40 place-items-center text-sm text-muted-foreground\">\n        Run a query to see results.\n      </div>\n    );\n  }\n  const rows = result.rows ?? [];\n  const described = result.columns ?? [];\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n        <span>\n          {rows.length.toLocaleString()} rows{result.truncated ? \"+\" : \"\"}\n        </span>\n        {result.truncated && (\n          <span className=\"text-amber-600 [[data-theme=dark]_&]:text-amber-400\">\n            stopped at the console&apos;s{\" \"}\n            {(result.limit ?? rows.length).toLocaleString()}-row bound; narrow\n            the query to see the rest\n          </span>\n        )}\n        {result.affectedRows !== undefined && (\n          <span>{result.affectedRows.toLocaleString()} affected</span>\n        )}\n        {result.durationMs !== undefined && (\n          <span>{Math.round(result.durationMs)} ms</span>\n        )}\n        {result.message && <span>{result.message}</span>}\n      </div>\n      {rows.length > 0 || described.length > 0 ? (\n        <DataTable\n          data={rows}\n          columns={columns}\n          loading={pending}\n          autoFilter={false}\n          {...(serverFiltered\n            ? {\n                manualFilter: true,\n                externalFilters: filterConfig.filters,\n                ...(filterConfig.timeRange\n                  ? { externalTimeRange: filterConfig.timeRange }\n                  : {}),\n              }\n            : { showGlobalFilter: true })}\n          showFullscreenControl\n          fullscreenTitle={title ?? queryLabel}\n          detailStyle=\"dialog\"\n          detailDialogTitle=\"Row details\"\n          renderExpandedRow={(row) => (\n            <Properties\n              items={Object.entries(row).map(([key, value]) => ({\n                key,\n                value,\n              }))}\n              renderLabel={(key) => key}\n              density=\"compact\"\n            />\n          )}\n          {...(pagination ? { pagination } : {})}\n          {...(menuActions && menuActions.length > 0 ? { menuActions } : {})}\n          className=\"min-h-72 flex-1\"\n        />\n      ) : (\n        <div className=\"rounded-md border border-dashed p-6 text-sm text-muted-foreground\">\n          {result.message ?? \"Statement completed with no rows.\"}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAuBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,MAAI,CAAC,QAAQ;AACX,WACE,oBAAC,OAAA,EAAI,WAAU,kEAAiE,UAAA,+BAEhF;AAAA,EAEJ;AACA,QAAM,OAAO,OAAO,QAAQ,CAAA;AAC5B,QAAM,YAAY,OAAO,WAAW,CAAA;AACpC,SACE,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EACE,UAAA;AAAA,QAAA,KAAK,OAAO,eAAA;AAAA,QAAiB;AAAA,QAAM,OAAO,YAAY,MAAM;AAAA,MAAA,GAC/D;AAAA,MACC,OAAO,aACN,qBAAC,QAAA,EAAK,WAAU,uDAAsD,UAAA;AAAA,QAAA;AAAA,QACtC;AAAA,SAC5B,OAAO,SAAS,KAAK,QAAQ,eAAA;AAAA,QAAiB;AAAA,MAAA,GAElD;AAAA,MAED,OAAO,iBAAiB,UACvB,qBAAC,QAAA,EAAM,UAAA;AAAA,QAAA,OAAO,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAAS;AAAA,MAEtD,OAAO,eAAe,UACrB,qBAAC,QAAA,EAAM,UAAA;AAAA,QAAA,KAAK,MAAM,OAAO,UAAU;AAAA,QAAE;AAAA,MAAA,GAAG;AAAA,MAEzC,OAAO,WAAW,oBAAC,QAAA,EAAM,iBAAO,QAAA,CAAQ;AAAA,IAAA,GAC3C;AAAA,IACC,KAAK,SAAS,KAAK,UAAU,SAAS,IACrC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACX,GAAI,iBACD;AAAA,UACE,cAAc;AAAA,UACd,iBAAiB,aAAa;AAAA,UAC9B,GAAI,aAAa,YACb,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,QAAC,IAEP,EAAE,kBAAkB,KAAA;AAAA,QACxB,uBAAqB;AAAA,QACrB,iBAAiB,SAAS;AAAA,QAC1B,aAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,mBAAmB,CAAC,QAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,cAChD;AAAA,cACA;AAAA,YAAA,EACA;AAAA,YACF,aAAa,CAAC,QAAQ;AAAA,YACtB,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGX,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,eAAe,YAAY,SAAS,IAAI,EAAE,YAAA,IAAgB,CAAA;AAAA,QAC/D,WAAU;AAAA,MAAA;AAAA,IAAA,IAGZ,oBAAC,OAAA,EAAI,WAAU,qEACZ,UAAA,OAAO,WAAW,oCAAA,CACrB;AAAA,EAAA,GAEJ;AAEJ;"}

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