@xenosystem/blocks 0.13.0 → 0.13.1

package/dist/data/index.js

@@ -6,6 +6,16 @@ import {
   quoteLiteral,
   renderFilterGroup
 } from "../chunk-DJJGZ6U4.js";
+import {
+  ChevronGlyph,
+  DownloadGlyph,
+  PlugGlyph,
+  PlusGlyph,
+  RefreshGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  XGlyph
+} from "../chunk-GQWAIPDF.js";
 import "../chunk-2KG3PWR4.js";
 
 // src/data/table/panel.ts
@@ -961,51 +971,8 @@ function safe(n, fallback) {
   return typeof n === "number" && Number.isFinite(n) ? n : fallback;
 }
 
-// src/data/table/react/icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Svg({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function SortAscGlyph() {
-  return /* @__PURE__ */ jsxs(Svg, { size: 9, children: [
-    /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 19V5" })
-  ] });
-}
-function SortDescGlyph() {
-  return /* @__PURE__ */ jsxs(Svg, { size: 9, children: [
-    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
-    /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
-  ] });
-}
-function RefreshGlyph() {
-  return /* @__PURE__ */ jsxs(Svg, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 16h5v5" })
-  ] });
-}
-function ChevronGlyph({ direction }) {
-  return /* @__PURE__ */ jsx(Svg, { children: direction === "left" ? /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) : /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
-}
-
 // src/data/table/react/TablePanelView.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function TablePanelView({
   controller,
   showRowNumbers = false,
@@ -1033,7 +1000,7 @@ function TablePanelView({
   const columns = useMemo(() => controller.resolvedColumns(), [controller, state]);
   const result = state.result;
   if (!result || result.status === "idle") {
-    return /* @__PURE__ */ jsx2(Frame, { controller, state, children: /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(Frame, { controller, state, children: /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "No data",
@@ -1042,7 +1009,7 @@ function TablePanelView({
     ) });
   }
   if (result.status === "error") {
-    return /* @__PURE__ */ jsx2(Frame, { controller, state, children: /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(Frame, { controller, state, children: /* @__PURE__ */ jsx(
       ErrorState,
       {
         title: result.error?.code ? `Query failed (${result.error.code})` : "Query failed",
@@ -1052,15 +1019,15 @@ function TablePanelView({
     ) });
   }
   if (result.status === "loading" && result.rows.length === 0) {
-    return /* @__PURE__ */ jsx2(Frame, { controller, state, children: /* @__PURE__ */ jsx2(LoadingState, { label: "Running query\u2026" }) });
+    return /* @__PURE__ */ jsx(Frame, { controller, state, children: /* @__PURE__ */ jsx(LoadingState, { label: "Running query\u2026" }) });
   }
-  const body = state.viewMode === "pivot" ? /* @__PURE__ */ jsx2(PivotBody, { controller, columns, groups: result.groups ?? [] }) : result.rows.length === 0 ? /* @__PURE__ */ jsx2(
+  const body = state.viewMode === "pivot" ? /* @__PURE__ */ jsx(PivotBody, { controller, columns, groups: result.groups ?? [] }) : result.rows.length === 0 ? /* @__PURE__ */ jsx(
     EmptyState,
     {
       title: "No rows",
       hint: "Every row was filtered out. Clear a filter, or widen the time window."
     }
-  ) : /* @__PURE__ */ jsx2(
+  ) : /* @__PURE__ */ jsx(
     GridBody,
     {
       controller,
@@ -1073,7 +1040,7 @@ function TablePanelView({
       onScroll
     }
   );
-  return /* @__PURE__ */ jsx2(Frame, { controller, state, showFooter, children: body });
+  return /* @__PURE__ */ jsx(Frame, { controller, state, showFooter, children: body });
 }
 function Frame({
   controller,
@@ -1086,12 +1053,12 @@ function Frame({
   const total = page?.total;
   const from = page ? page.offset + 1 : 0;
   const to = page ? page.offset + (result?.rows.length ?? 0) : 0;
-  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx(
       Toolbar,
       {
-        left: /* @__PURE__ */ jsxs2(Fragment, { children: [
-          /* @__PURE__ */ jsx2(
+        left: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
             SegmentedControl,
             {
               size: "sm",
@@ -1104,31 +1071,31 @@ function Frame({
               onChange: (mode) => controller.setViewMode(mode)
             }
           ),
-          result?.status === "partial" ? /* @__PURE__ */ jsx2(Badge, { tone: "warning", children: "Partial" }) : state.pending ? /* @__PURE__ */ jsx2(Badge, { children: "Loading" }) : null
+          result?.status === "partial" ? /* @__PURE__ */ jsx(Badge, { tone: "warning", children: "Partial" }) : state.pending ? /* @__PURE__ */ jsx(Badge, { children: "Loading" }) : null
         ] }),
-        right: /* @__PURE__ */ jsxs2(ToolbarGroup, { end: true, children: [
-          /* @__PURE__ */ jsx2(
+        right: /* @__PURE__ */ jsxs(ToolbarGroup, { end: true, children: [
+          /* @__PURE__ */ jsx(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx2(ChevronGlyph, { direction: "left" }),
+              icon: /* @__PURE__ */ jsx(ChevronGlyph, { direction: "left" }),
               label: "Previous page",
               disabled: (page?.offset ?? 0) === 0,
               onClick: () => controller.stepPage(-1)
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx2(ChevronGlyph, { direction: "right" }),
+              icon: /* @__PURE__ */ jsx(ChevronGlyph, { direction: "right" }),
               label: "Next page",
               disabled: !page?.hasMore,
               onClick: () => controller.stepPage(1)
             }
           ),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx(
             IconButton,
             {
-              icon: /* @__PURE__ */ jsx2(RefreshGlyph, {}),
+              icon: /* @__PURE__ */ jsx(RefreshGlyph, {}),
               label: "Refresh",
               onClick: () => controller.refresh()
             }
@@ -1137,7 +1104,7 @@ function Frame({
       }
     ),
     children,
-    showFooter ? /* @__PURE__ */ jsx2(
+    showFooter ? /* @__PURE__ */ jsx(
       StatusBar,
       {
         left: total === void 0 ? `${to - from + 1} rows` : `${from}\u2013${to} of ${total}`,
@@ -1170,14 +1137,14 @@ function GridBody({
   const visible = columns.slice(colWindow.startIndex, colWindow.endIndex);
   const width = totalWidth(columns);
   const sorts = controller.effectiveQuery().sorts ?? [];
-  return /* @__PURE__ */ jsx2(ScrollArea, { children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsxs(
     "div",
     {
       ref: scrollRef,
       onScroll,
       style: { position: "relative", height: "100%", overflow: "auto" },
       children: [
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -1190,16 +1157,16 @@ function GridBody({
               background: "var(--xeno-panel-header)"
             },
             children: [
-              frozen.map((c) => /* @__PURE__ */ jsx2(HeaderCell, { resolved: c, controller, sorts, sticky: true }, c.column.id)),
-              /* @__PURE__ */ jsx2("div", { style: { width: colWindow.offsetLeft, flex: "0 0 auto" } }),
-              visible.filter((c) => !c.frozen).map((c) => /* @__PURE__ */ jsx2(HeaderCell, { resolved: c, controller, sorts }, c.column.id))
+              frozen.map((c) => /* @__PURE__ */ jsx(HeaderCell, { resolved: c, controller, sorts, sticky: true }, c.column.id)),
+              /* @__PURE__ */ jsx("div", { style: { width: colWindow.offsetLeft, flex: "0 0 auto" } }),
+              visible.filter((c) => !c.frozen).map((c) => /* @__PURE__ */ jsx(HeaderCell, { resolved: c, controller, sorts }, c.column.id))
             ]
           }
         ),
-        /* @__PURE__ */ jsx2("div", { style: { height: rowWindow.totalHeight, width, position: "relative" }, children: /* @__PURE__ */ jsx2("div", { style: { transform: `translateY(${rowWindow.offsetTop}px)` }, children: result.rows.slice(rowWindow.startIndex, rowWindow.endIndex).map((row, i) => {
+        /* @__PURE__ */ jsx("div", { style: { height: rowWindow.totalHeight, width, position: "relative" }, children: /* @__PURE__ */ jsx("div", { style: { transform: `translateY(${rowWindow.offsetTop}px)` }, children: result.rows.slice(rowWindow.startIndex, rowWindow.endIndex).map((row, i) => {
           const rowIndex = rowWindow.startIndex + i;
           const selected = state.selection.includes(row.id);
-          return /* @__PURE__ */ jsxs2(
+          return /* @__PURE__ */ jsxs(
             "div",
             {
               role: "row",
@@ -1213,7 +1180,7 @@ function GridBody({
                 background: selected ? "var(--xeno-border)" : zebra && rowIndex % 2 === 1 ? "var(--xeno-border-subtle)" : "transparent"
               },
               children: [
-                showRowNumbers ? /* @__PURE__ */ jsx2(
+                showRowNumbers ? /* @__PURE__ */ jsx(
                   "div",
                   {
                     role: "gridcell",
@@ -1231,9 +1198,9 @@ function GridBody({
                     children: (result.page?.offset ?? 0) + rowIndex + 1
                   }
                 ) : null,
-                frozen.map((c) => /* @__PURE__ */ jsx2(Cell, { controller, row, resolved: c, sticky: true }, c.column.id)),
-                /* @__PURE__ */ jsx2("div", { style: { width: colWindow.offsetLeft, flex: "0 0 auto" } }),
-                visible.filter((c) => !c.frozen).map((c) => /* @__PURE__ */ jsx2(Cell, { controller, row, resolved: c }, c.column.id))
+                frozen.map((c) => /* @__PURE__ */ jsx(Cell, { controller, row, resolved: c, sticky: true }, c.column.id)),
+                /* @__PURE__ */ jsx("div", { style: { width: colWindow.offsetLeft, flex: "0 0 auto" } }),
+                visible.filter((c) => !c.frozen).map((c) => /* @__PURE__ */ jsx(Cell, { controller, row, resolved: c }, c.column.id))
               ]
             },
             row.id
@@ -1250,7 +1217,7 @@ function HeaderCell({
   sticky
 }) {
   const sort = sorts.find((s) => s.columnId === resolved.column.id);
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "columnheader",
@@ -1279,14 +1246,14 @@ function HeaderCell({
         userSelect: "none"
       },
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx(
           "span",
           {
             style: { flex: "1 1 auto", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
             children: resolved.column.name
           }
         ),
-        sort ? sort.direction === "asc" ? /* @__PURE__ */ jsx2(SortAscGlyph, {}) : /* @__PURE__ */ jsx2(SortDescGlyph, {}) : null
+        sort ? sort.direction === "asc" ? /* @__PURE__ */ jsx(SortAscGlyph, {}) : /* @__PURE__ */ jsx(SortDescGlyph, {}) : null
       ]
     }
   );
@@ -1321,7 +1288,7 @@ function Cell({
     borderRight: "1px solid var(--xeno-border)"
   };
   if (editing) {
-    return /* @__PURE__ */ jsx2("div", { style, children: /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx("div", { style, children: /* @__PURE__ */ jsx(
       "input",
       {
         autoFocus: true,
@@ -1352,7 +1319,7 @@ function Cell({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       role: "gridcell",
@@ -1373,7 +1340,7 @@ function PivotBody({
   const state = controller.getState();
   const totals = state.result?.totals;
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "No cross-tab",
@@ -1381,15 +1348,15 @@ function PivotBody({
       }
     );
   }
-  return /* @__PURE__ */ jsx2(ScrollArea, { children: /* @__PURE__ */ jsxs2("div", { style: { display: "table", width: "100%", fontSize: 11 }, children: [
-    /* @__PURE__ */ jsxs2("div", { style: { display: "table-row", position: "sticky", top: 0 }, children: [
-      /* @__PURE__ */ jsx2(PivotHeadCell, { children: "\xA0" }),
-      columns.map((c) => /* @__PURE__ */ jsx2(PivotHeadCell, { children: c.column.name }, c.column.id))
+  return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsxs("div", { style: { display: "table", width: "100%", fontSize: 11 }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "table-row", position: "sticky", top: 0 }, children: [
+      /* @__PURE__ */ jsx(PivotHeadCell, { children: "\xA0" }),
+      columns.map((c) => /* @__PURE__ */ jsx(PivotHeadCell, { children: c.column.name }, c.column.id))
     ] }),
-    groups.map((group) => /* @__PURE__ */ jsx2(PivotRow, { group, columns, depth: 0 }, group.key.join("/"))),
-    totals ? /* @__PURE__ */ jsxs2("div", { style: { display: "table-row", fontWeight: 600 }, children: [
-      /* @__PURE__ */ jsx2(PivotCell, { head: true, children: "Total" }),
-      columns.map((c) => /* @__PURE__ */ jsx2(PivotCell, { numeric: true, children: formatValue2(totals[c.column.id] ?? null, c.column) }, c.column.id))
+    groups.map((group) => /* @__PURE__ */ jsx(PivotRow, { group, columns, depth: 0 }, group.key.join("/"))),
+    totals ? /* @__PURE__ */ jsxs("div", { style: { display: "table-row", fontWeight: 600 }, children: [
+      /* @__PURE__ */ jsx(PivotCell, { head: true, children: "Total" }),
+      columns.map((c) => /* @__PURE__ */ jsx(PivotCell, { numeric: true, children: formatValue2(totals[c.column.id] ?? null, c.column) }, c.column.id))
     ] }) : null
   ] }) });
 }
@@ -1398,16 +1365,16 @@ function PivotRow({
   columns,
   depth
 }) {
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2("div", { style: { display: "table-row" }, children: [
-      /* @__PURE__ */ jsx2(PivotCell, { head: true, indent: depth, children: group.label || "\u2014" }),
-      columns.map((c) => /* @__PURE__ */ jsx2(PivotCell, { numeric: true, children: group.aggregates?.[c.column.id] === null || group.aggregates?.[c.column.id] === void 0 ? "" : formatValue2(group.aggregates[c.column.id] ?? null, c.column) }, c.column.id))
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "table-row" }, children: [
+      /* @__PURE__ */ jsx(PivotCell, { head: true, indent: depth, children: group.label || "\u2014" }),
+      columns.map((c) => /* @__PURE__ */ jsx(PivotCell, { numeric: true, children: group.aggregates?.[c.column.id] === null || group.aggregates?.[c.column.id] === void 0 ? "" : formatValue2(group.aggregates[c.column.id] ?? null, c.column) }, c.column.id))
     ] }),
-    group.children?.map((child) => /* @__PURE__ */ jsx2(PivotRow, { group: child, columns, depth: depth + 1 }, child.key.join("/")))
+    group.children?.map((child) => /* @__PURE__ */ jsx(PivotRow, { group: child, columns, depth: depth + 1 }, child.key.join("/")))
   ] });
 }
 function PivotHeadCell({ children }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -1431,7 +1398,7 @@ function PivotCell({
   numeric,
   indent = 0
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -2300,32 +2267,8 @@ function shade(index) {
   return MONO_PALETTE[index % MONO_PALETTE.length];
 }
 
-// src/data/chart/react/icons.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function DownloadGlyph() {
-  return /* @__PURE__ */ jsxs3(
-    "svg",
-    {
-      width: 11,
-      height: 11,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx3("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx3("path", { d: "M7 10l5 5 5-5" }),
-        /* @__PURE__ */ jsx3("path", { d: "M12 15V3" })
-      ]
-    }
-  );
-}
-
 // src/data/chart/react/ChartPanelView.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_OPTIONS = {
   showLegend: true,
   showGrid: true,
@@ -2350,10 +2293,10 @@ function ChartPanelView({ controller, options, emptyHint }) {
       onMarkActivate: (label, seriesId) => controller.activateMark(label, seriesId)
     });
   }, [state.data, state.highlightedRowIds, controller, JSON.stringify(resolved)]);
-  const toolbar = /* @__PURE__ */ jsx4(
+  const toolbar = /* @__PURE__ */ jsx2(
     Toolbar2,
     {
-      left: /* @__PURE__ */ jsx4(
+      left: /* @__PURE__ */ jsx2(
         SegmentedControl2,
         {
           size: "sm",
@@ -2363,9 +2306,9 @@ function ChartPanelView({ controller, options, emptyHint }) {
           onChange: (t) => controller.setType(t)
         }
       ),
-      right: /* @__PURE__ */ jsxs4(ToolbarGroup2, { end: true, children: [
-        state.partial ? /* @__PURE__ */ jsx4(Badge2, { tone: "warning", title: "Some measures have not synced yet.", children: "partial" }) : null,
-        state.data?.tooDense ? /* @__PURE__ */ jsx4(
+      right: /* @__PURE__ */ jsxs2(ToolbarGroup2, { end: true, children: [
+        state.partial ? /* @__PURE__ */ jsx2(Badge2, { tone: "warning", title: "Some measures have not synced yet.", children: "partial" }) : null,
+        state.data?.tooDense ? /* @__PURE__ */ jsx2(
           Badge2,
           {
             tone: "warning",
@@ -2373,10 +2316,10 @@ function ChartPanelView({ controller, options, emptyHint }) {
             children: "aggregating"
           }
         ) : null,
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx2(
           IconButton2,
           {
-            icon: /* @__PURE__ */ jsx4(DownloadGlyph, {}),
+            icon: /* @__PURE__ */ jsx2(DownloadGlyph, {}),
             label: "Export chart",
             onClick: () => controller.requestExport("png")
           }
@@ -2386,16 +2329,16 @@ function ChartPanelView({ controller, options, emptyHint }) {
   );
   const body = (() => {
     if (state.errorMessage) {
-      return /* @__PURE__ */ jsx4(ErrorState2, { title: "Could not load data", message: state.errorMessage });
+      return /* @__PURE__ */ jsx2(ErrorState2, { title: "Could not load data", message: state.errorMessage });
     }
     if (state.empty) {
-      return /* @__PURE__ */ jsx4(EmptyState2, { title: "No data", hint: emptyHint ?? "Wire a result into this chart to plot it." });
+      return /* @__PURE__ */ jsx2(EmptyState2, { title: "No data", hint: emptyHint ?? "Wire a result into this chart to plot it." });
     }
     if (state.encodingProblem) {
-      return /* @__PURE__ */ jsx4(EmptyState2, { title: "Nothing to plot", hint: state.encodingProblem });
+      return /* @__PURE__ */ jsx2(EmptyState2, { title: "Nothing to plot", hint: state.encodingProblem });
     }
     if (!getChartRenderer()) {
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx2(
         EmptyState2,
         {
           title: "No renderer installed",
@@ -2403,12 +2346,12 @@ function ChartPanelView({ controller, options, emptyHint }) {
         }
       );
     }
-    return /* @__PURE__ */ jsx4("div", { ref: plotRef, style: { flex: "1 1 0", minHeight: 0, position: "relative" } });
+    return /* @__PURE__ */ jsx2("div", { ref: plotRef, style: { flex: "1 1 0", minHeight: 0, position: "relative" } });
   })();
-  return /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
     toolbar,
     body,
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx2(
       StatusBar2,
       {
         left: state.data ? `${state.data.series.length} series \xB7 ${state.data.labels.length} points` : void 0,
@@ -2977,7 +2920,7 @@ import {
   StatusBar as StatusBar3,
   Toolbar as Toolbar3
 } from "@xenosystem/components/chrome";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function MetricsPanelView({
   controller,
   layout = "grid",
@@ -2988,10 +2931,10 @@ function MetricsPanelView({
   partialHint = "Some measures have not finished syncing."
 }) {
   const state = useSyncExternalStore3(controller.subscribe, controller.getState, controller.getState);
-  const toolbar = state.ranges.length > 0 ? /* @__PURE__ */ jsx5(
+  const toolbar = state.ranges.length > 0 ? /* @__PURE__ */ jsx3(
     Toolbar3,
     {
-      left: /* @__PURE__ */ jsx5(
+      left: /* @__PURE__ */ jsx3(
         SegmentedControl3,
         {
           size: "sm",
@@ -3003,20 +2946,20 @@ function MetricsPanelView({
       ),
       right: state.partial ? (
         // The honest state: rows are real, measures are still landing.
-        /* @__PURE__ */ jsx5(Badge3, { tone: "warning", title: partialHint, children: "partial" })
+        /* @__PURE__ */ jsx3(Badge3, { tone: "warning", title: partialHint, children: "partial" })
       ) : void 0
     }
   ) : null;
   if (state.errorMessage) {
-    return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
       toolbar,
-      /* @__PURE__ */ jsx5(ErrorState3, { title: "Could not load metrics", message: state.errorMessage })
+      /* @__PURE__ */ jsx3(ErrorState3, { title: "Could not load metrics", message: state.errorMessage })
     ] });
   }
   if (state.metrics.length === 0) {
-    return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
       toolbar,
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx3(
         EmptyState3,
         {
           title: "No metrics",
@@ -3026,9 +2969,9 @@ function MetricsPanelView({
     ] });
   }
   const gridStyle = layout === "grid" ? { display: "grid", gridTemplateColumns: `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`, gap: 6 } : layout === "row" ? { display: "flex", gap: 6, overflowX: "auto" } : { display: "flex", flexDirection: "column", gap: 6 };
-  return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+  return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
     toolbar,
-    /* @__PURE__ */ jsx5(ScrollArea2, { children: /* @__PURE__ */ jsx5("div", { style: { ...gridStyle, padding: 6 }, children: state.metrics.map((metric) => /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx3(ScrollArea2, { children: /* @__PURE__ */ jsx3("div", { style: { ...gridStyle, padding: 6 }, children: state.metrics.map((metric) => /* @__PURE__ */ jsx3(
       Tile,
       {
         metric,
@@ -3039,7 +2982,7 @@ function MetricsPanelView({
       },
       metric.spec.id
     )) }) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx3(
       StatusBar3,
       {
         left: `${state.metrics.length} metric${state.metrics.length === 1 ? "" : "s"}`,
@@ -3056,7 +2999,7 @@ function Tile({
   onActivate
 }) {
   const tone = metric.level === "critical" ? "error" : metric.level === "warn" ? "warning" : void 0;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       role: "button",
@@ -3069,15 +3012,15 @@ function Tile({
         }
       },
       style: { cursor: "pointer", minWidth: 0 },
-      children: /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsx3(
         StatTile,
         {
           title: metric.spec.description,
           label: metric.spec.label,
           value: metric.partial && metric.value === null ? "\u2014" : metric.display,
-          icon: tone ? /* @__PURE__ */ jsx5(Badge3, { tone, children: metric.level }) : void 0,
-          sub: /* @__PURE__ */ jsxs5("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-            showDelta && metric.delta !== void 0 ? /* @__PURE__ */ jsxs5(
+          icon: tone ? /* @__PURE__ */ jsx3(Badge3, { tone, children: metric.level }) : void 0,
+          sub: /* @__PURE__ */ jsxs3("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+            showDelta && metric.delta !== void 0 ? /* @__PURE__ */ jsxs3(
               "span",
               {
                 style: {
@@ -3093,8 +3036,8 @@ function Tile({
                 ]
               }
             ) : null,
-            metric.partial ? /* @__PURE__ */ jsx5("span", { style: { opacity: 0.6 }, children: partialHint }) : null,
-            sparkline && metric.spark && metric.spark.length > 1 ? /* @__PURE__ */ jsx5(Sparkline, { data: metric.spark, label: `${metric.spec.label} trend` }) : null
+            metric.partial ? /* @__PURE__ */ jsx3("span", { style: { opacity: 0.6 }, children: partialHint }) : null,
+            sparkline && metric.spark && metric.spark.length > 1 ? /* @__PURE__ */ jsx3(Sparkline, { data: metric.spark, label: `${metric.spec.label} trend` }) : null
           ] })
         }
       )
@@ -3960,41 +3903,7 @@ import {
   Toolbar as Toolbar4,
   ToolbarGroup as ToolbarGroup3
 } from "@xenosystem/components/chrome";
-
-// src/data/fields/react/icons.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function Svg2({ children }) {
-  return /* @__PURE__ */ jsx6(
-    "svg",
-    {
-      width: 11,
-      height: 11,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function PlusGlyph() {
-  return /* @__PURE__ */ jsxs6(Svg2, { children: [
-    /* @__PURE__ */ jsx6("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsx6("path", { d: "M12 5v14" })
-  ] });
-}
-function XGlyph() {
-  return /* @__PURE__ */ jsxs6(Svg2, { children: [
-    /* @__PURE__ */ jsx6("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx6("path", { d: "m6 6 12 12" })
-  ] });
-}
-
-// src/data/fields/react/FieldsPanelView.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function FieldsPanelView({
   controller,
   showStats = true,
@@ -4002,7 +3911,7 @@ function FieldsPanelView({
 }) {
   const state = useSyncExternalStore4(controller.subscribe, controller.getState, controller.getState);
   if (state.columns.length === 0) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx4(
       EmptyState4,
       {
         title: "No fields",
@@ -4010,50 +3919,50 @@ function FieldsPanelView({
       }
     );
   }
-  return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx4(
       Toolbar4,
       {
         left: state.sampleWarning ? (
           // An inferred shape is a GUESS; building a query on a guessed column is how a
           // dashboard breaks next Tuesday.
           // Badge has no title prop, so the tooltip lives on a wrapper.
-          /* @__PURE__ */ jsx7("span", { title: state.sampleWarning, children: /* @__PURE__ */ jsx7(Badge4, { tone: "warning", children: "sampled schema" }) })
+          /* @__PURE__ */ jsx4("span", { title: state.sampleWarning, children: /* @__PURE__ */ jsx4(Badge4, { tone: "warning", children: "sampled schema" }) })
         ) : void 0,
-        right: /* @__PURE__ */ jsxs7(ToolbarGroup3, { end: true, children: [
-          /* @__PURE__ */ jsx7(TextButton, { onClick: () => controller.autoAssign(), children: "Auto-assign" }),
-          manualApply ? /* @__PURE__ */ jsx7(TextButton, { strong: true, disabled: !state.dirty, onClick: () => controller.apply(true), children: "Apply" }) : null
+        right: /* @__PURE__ */ jsxs4(ToolbarGroup3, { end: true, children: [
+          /* @__PURE__ */ jsx4(TextButton, { onClick: () => controller.autoAssign(), children: "Auto-assign" }),
+          manualApply ? /* @__PURE__ */ jsx4(TextButton, { strong: true, disabled: !state.dirty, onClick: () => controller.apply(true), children: "Apply" }) : null
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs7(ScrollArea3, { children: [
-      /* @__PURE__ */ jsx7(Section, { title: "Fields", flush: true, children: /* @__PURE__ */ jsx7(RowList, { children: state.columns.map((column) => /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs4(ScrollArea3, { children: [
+      /* @__PURE__ */ jsx4(Section, { title: "Fields", flush: true, children: /* @__PURE__ */ jsx4(RowList, { children: state.columns.map((column) => /* @__PURE__ */ jsx4(
         Row,
         {
           label: column.name,
           meta: column.role ?? "dimension",
           selected: state.focusedColumnId === column.id,
           onClick: () => controller.focusColumn(column.id),
-          trailing: showStats && state.stats[column.id] ? /* @__PURE__ */ jsx7("span", { title: `${state.stats[column.id]?.nulls ?? 0} empty`, children: /* @__PURE__ */ jsx7(Badge4, { children: String(state.stats[column.id]?.distinct ?? 0) }) }) : null
+          trailing: showStats && state.stats[column.id] ? /* @__PURE__ */ jsx4("span", { title: `${state.stats[column.id]?.nulls ?? 0} empty`, children: /* @__PURE__ */ jsx4(Badge4, { children: String(state.stats[column.id]?.distinct ?? 0) }) }) : null
         },
         column.id
       )) }) }),
       state.shelves.filter((shelf) => shelf.id !== "filters").map((shelf) => {
         const entries = state.entries[shelf.id] ?? [];
-        return /* @__PURE__ */ jsx7(
+        return /* @__PURE__ */ jsx4(
           Section,
           {
             title: shelf.label,
-            badge: entries.length > 0 ? /* @__PURE__ */ jsx7(Badge4, { children: String(entries.length) }) : void 0,
+            badge: entries.length > 0 ? /* @__PURE__ */ jsx4(Badge4, { children: String(entries.length) }) : void 0,
             flush: true,
-            children: entries.length === 0 ? /* @__PURE__ */ jsx7("div", { style: { padding: "4px 8px", fontSize: 10, opacity: 0.5 }, children: shelf.hint ?? `Drop a ${shelf.accepts.join(" or ")} here.` }) : /* @__PURE__ */ jsx7(RowList, { children: entries.map((entry) => {
+            children: entries.length === 0 ? /* @__PURE__ */ jsx4("div", { style: { padding: "4px 8px", fontSize: 10, opacity: 0.5 }, children: shelf.hint ?? `Drop a ${shelf.accepts.join(" or ")} here.` }) : /* @__PURE__ */ jsx4(RowList, { children: entries.map((entry) => {
               const column = state.columns.find((c) => c.id === entry.columnId);
-              return /* @__PURE__ */ jsx7(
+              return /* @__PURE__ */ jsx4(
                 Row,
                 {
                   label: entry.label ?? column?.name ?? entry.columnId,
                   style: entry.suggested ? { opacity: 0.6 } : void 0,
-                  meta: shelf.aggregated ? /* @__PURE__ */ jsx7(
+                  meta: shelf.aggregated ? /* @__PURE__ */ jsx4(
                     AggregateSelect,
                     {
                       controller,
@@ -4062,18 +3971,18 @@ function FieldsPanelView({
                       value: entry.fn ?? "count",
                       allowed: state.allowedAggregates
                     }
-                  ) : shelf.id === "sorts" ? /* @__PURE__ */ jsx7(
+                  ) : shelf.id === "sorts" ? /* @__PURE__ */ jsx4(
                     TextButton,
                     {
                       onClick: () => controller.toggleDirection(shelf.id, entry.columnId),
                       children: entry.direction === "desc" ? "desc" : "asc"
                     }
-                  ) : entry.granularity ? /* @__PURE__ */ jsx7(Badge4, { children: entry.granularity }) : null,
-                  trailing: /* @__PURE__ */ jsx7(
+                  ) : entry.granularity ? /* @__PURE__ */ jsx4(Badge4, { children: entry.granularity }) : null,
+                  trailing: /* @__PURE__ */ jsx4(
                     IconButton3,
                     {
                       size: "sm",
-                      icon: /* @__PURE__ */ jsx7(XGlyph, {}),
+                      icon: /* @__PURE__ */ jsx4(XGlyph, {}),
                       label: `Remove ${column?.name ?? entry.columnId}`,
                       onClick: () => controller.removeFromShelf(shelf.id, entry.columnId)
                     }
@@ -4086,9 +3995,9 @@ function FieldsPanelView({
           shelf.id
         );
       }),
-      /* @__PURE__ */ jsx7(FilterBuilder, { controller })
+      /* @__PURE__ */ jsx4(FilterBuilder, { controller })
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx4(
       StatusBar4,
       {
         left: `${state.columns.length} field${state.columns.length === 1 ? "" : "s"}`,
@@ -4105,29 +4014,29 @@ function AggregateSelect({
   allowed
 }) {
   const options = offerableAggregates(column, allowed);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx4(
     "select",
     {
       value,
       onClick: (e) => e.stopPropagation(),
       onChange: (e) => controller.setAggregate(shelfId, column?.id ?? "", e.target.value),
       style: { font: "inherit", fontSize: 9, background: "transparent", color: "inherit", border: "none" },
-      children: options.map((fn) => /* @__PURE__ */ jsx7("option", { value: fn, children: fn }, fn))
+      children: options.map((fn) => /* @__PURE__ */ jsx4("option", { value: fn, children: fn }, fn))
     }
   );
 }
 function FilterBuilder({ controller }) {
   const state = useSyncExternalStore4(controller.subscribe, controller.getState, controller.getState);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs4(
     Section,
     {
       title: "Filters",
-      badge: state.filters.filters.length > 0 ? /* @__PURE__ */ jsx7(Badge4, { children: String(state.filters.filters.length) }) : void 0,
-      actions: /* @__PURE__ */ jsx7(
+      badge: state.filters.filters.length > 0 ? /* @__PURE__ */ jsx4(Badge4, { children: String(state.filters.filters.length) }) : void 0,
+      actions: /* @__PURE__ */ jsx4(
         IconButton3,
         {
           size: "sm",
-          icon: /* @__PURE__ */ jsx7(PlusGlyph, {}),
+          icon: /* @__PURE__ */ jsx4(PlusGlyph, {}),
           label: "Add filter",
           onClick: () => {
             const column = state.columns[0];
@@ -4137,17 +4046,17 @@ function FilterBuilder({ controller }) {
       ),
       flush: true,
       children: [
-        state.filters.filters.length === 0 ? /* @__PURE__ */ jsx7("div", { style: { padding: "4px 8px", fontSize: 10, opacity: 0.5 }, children: "No filters. Everything passes." }) : /* @__PURE__ */ jsx7(RowList, { children: state.filters.filters.map((member, index) => {
+        state.filters.filters.length === 0 ? /* @__PURE__ */ jsx4("div", { style: { padding: "4px 8px", fontSize: 10, opacity: 0.5 }, children: "No filters. Everything passes." }) : /* @__PURE__ */ jsx4(RowList, { children: state.filters.filters.map((member, index) => {
           if (!isLeafFilter(member)) {
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx4(
               Row,
               {
                 label: `(${member.combinator.toUpperCase()} group \u2014 ${member.filters.length})`,
-                trailing: /* @__PURE__ */ jsx7(
+                trailing: /* @__PURE__ */ jsx4(
                   IconButton3,
                   {
                     size: "sm",
-                    icon: /* @__PURE__ */ jsx7(XGlyph, {}),
+                    icon: /* @__PURE__ */ jsx4(XGlyph, {}),
                     label: "Remove group",
                     onClick: () => controller.removeFilter([], index)
                   }
@@ -4157,11 +4066,11 @@ function FilterBuilder({ controller }) {
             );
           }
           const column = state.columns.find((c) => c.id === member.columnId);
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx4(
             Row,
             {
               label: column?.name ?? member.columnId,
-              meta: /* @__PURE__ */ jsx7(
+              meta: /* @__PURE__ */ jsx4(
                 "select",
                 {
                   value: member.op,
@@ -4174,14 +4083,14 @@ function FilterBuilder({ controller }) {
                     color: "inherit",
                     border: "none"
                   },
-                  children: offerableFilterOps(column, state.allowedFilterOps).map((op) => /* @__PURE__ */ jsx7("option", { value: op, children: op }, op))
+                  children: offerableFilterOps(column, state.allowedFilterOps).map((op) => /* @__PURE__ */ jsx4("option", { value: op, children: op }, op))
                 }
               ),
-              trailing: /* @__PURE__ */ jsx7(
+              trailing: /* @__PURE__ */ jsx4(
                 IconButton3,
                 {
                   size: "sm",
-                  icon: /* @__PURE__ */ jsx7(XGlyph, {}),
+                  icon: /* @__PURE__ */ jsx4(XGlyph, {}),
                   label: "Remove filter",
                   onClick: () => controller.removeFilter([], index)
                 }
@@ -4190,8 +4099,8 @@ function FilterBuilder({ controller }) {
             `f${index}`
           );
         }) }),
-        /* @__PURE__ */ jsxs7("div", { style: { padding: "2px 8px", display: "flex", gap: 8 }, children: [
-          /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs4("div", { style: { padding: "2px 8px", display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ jsx4(
             SegmentedControl4,
             {
               size: "sm",
@@ -4204,7 +4113,7 @@ function FilterBuilder({ controller }) {
               onChange: (c) => controller.setCombinator([], c)
             }
           ),
-          /* @__PURE__ */ jsx7(TextButton, { onClick: () => controller.addFilterGroup([]), children: "+ group" })
+          /* @__PURE__ */ jsx4(TextButton, { onClick: () => controller.addFilterGroup([]), children: "+ group" })
         ] })
       ]
     }
@@ -6518,43 +6427,8 @@ function credentialSpecProblem(spec) {
   return null;
 }
 
-// src/data/connectors/react/icons.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function Svg3({ children, size = 11 }) {
-  return /* @__PURE__ */ jsx8(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children
-    }
-  );
-}
-function PlugGlyph() {
-  return /* @__PURE__ */ jsxs8(Svg3, { children: [
-    /* @__PURE__ */ jsx8("path", { d: "M12 22v-5" }),
-    /* @__PURE__ */ jsx8("path", { d: "M9 8V2M15 8V2" }),
-    /* @__PURE__ */ jsx8("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
-  ] });
-}
-function RefreshGlyph2() {
-  return /* @__PURE__ */ jsxs8(Svg3, { children: [
-    /* @__PURE__ */ jsx8("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx8("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx8("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
-    /* @__PURE__ */ jsx8("path", { d: "M16 16h5v5" })
-  ] });
-}
-
 // src/data/connectors/react/ConnectorsPanelView.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var TONE = {
   unknown: "neutral",
   ok: "success",
@@ -6570,46 +6444,46 @@ function ConnectorsPanelView({
 }) {
   const state = useSyncExternalStore5(controller.subscribe, controller.getState, controller.getState);
   if (state.form) {
-    return /* @__PURE__ */ jsx9(CredentialForm, { controller });
+    return /* @__PURE__ */ jsx5(CredentialForm, { controller });
   }
-  return /* @__PURE__ */ jsxs9("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx5(
       Toolbar5,
       {
-        right: /* @__PURE__ */ jsx9(ToolbarGroup4, { end: true, children: /* @__PURE__ */ jsx9(
+        right: /* @__PURE__ */ jsx5(ToolbarGroup4, { end: true, children: /* @__PURE__ */ jsx5(
           IconButton4,
           {
-            icon: /* @__PURE__ */ jsx9(RefreshGlyph2, {}),
+            icon: /* @__PURE__ */ jsx5(RefreshGlyph, {}),
             label: "Refresh all",
             onClick: () => void controller.refreshAll()
           }
         ) })
       }
     ),
-    state.connections.length === 0 ? /* @__PURE__ */ jsx9(
+    state.connections.length === 0 ? /* @__PURE__ */ jsx5(
       EmptyState5,
       {
         title: "No sources",
         hint: emptyHint ?? "Paste CSV or JSON to start with an inline source \u2014 no setup needed."
       }
-    ) : /* @__PURE__ */ jsx9(ScrollArea4, { children: /* @__PURE__ */ jsx9(RowList2, { role: "listbox", "aria-label": "Data sources", children: state.connections.map(({ connection, status }) => {
+    ) : /* @__PURE__ */ jsx5(ScrollArea4, { children: /* @__PURE__ */ jsx5(RowList2, { role: "listbox", "aria-label": "Data sources", children: state.connections.map(({ connection, status }) => {
       const disabled = status.health === "unsupported";
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx5(
         Row2,
         {
-          icon: /* @__PURE__ */ jsx9(PlugGlyph, {}),
+          icon: /* @__PURE__ */ jsx5(PlugGlyph, {}),
           label: connection.name,
           meta: connection.kind,
           selected: connection.id === state.selectedId,
           disabled,
           title: status.message,
           onClick: () => controller.select(connection.id),
-          trailing: /* @__PURE__ */ jsx9(Badge5, { tone: TONE[status.health], children: status.health })
+          trailing: /* @__PURE__ */ jsx5(Badge5, { tone: TONE[status.health], children: status.health })
         },
         connection.id
       );
     }) }) }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx5(
       StatusBar5,
       {
         left: `${state.connections.length} source${state.connections.length === 1 ? "" : "s"}`,
@@ -6625,14 +6499,14 @@ function CredentialForm({ controller }) {
   if (!form) return null;
   const problem = credentialSpecProblem(form);
   if (problem) {
-    return /* @__PURE__ */ jsxs9("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-      /* @__PURE__ */ jsx9(Toolbar5, { left: /* @__PURE__ */ jsx9("span", { style: { fontSize: 11 }, children: form.title }) }),
-      /* @__PURE__ */ jsx9(EmptyState5, { title: "This connection cannot be set up", hint: problem }),
-      /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+      /* @__PURE__ */ jsx5(Toolbar5, { left: /* @__PURE__ */ jsx5("span", { style: { fontSize: 11 }, children: form.title }) }),
+      /* @__PURE__ */ jsx5(EmptyState5, { title: "This connection cannot be set up", hint: problem }),
+      /* @__PURE__ */ jsx5(
         Toolbar5,
         {
           divided: false,
-          right: /* @__PURE__ */ jsx9(ToolbarGroup4, { end: true, children: /* @__PURE__ */ jsx9(TextButton2, { onClick: () => controller.cancelCredential(), children: "Close" }) })
+          right: /* @__PURE__ */ jsx5(ToolbarGroup4, { end: true, children: /* @__PURE__ */ jsx5(TextButton2, { onClick: () => controller.cancelCredential(), children: "Close" }) })
         }
       )
     ] });
@@ -6640,13 +6514,13 @@ function CredentialForm({ controller }) {
   const shown = visibleFields(form, values);
   const errors = validateCredentialDraft(form, values);
   const invalid = Object.keys(errors).length > 0;
-  return /* @__PURE__ */ jsxs9("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
-    /* @__PURE__ */ jsx9(Toolbar5, { left: /* @__PURE__ */ jsx9("span", { style: { fontSize: 11 }, children: form.title }) }),
-    /* @__PURE__ */ jsxs9(ScrollArea4, { children: [
-      form.message ? /* @__PURE__ */ jsx9("div", { style: { padding: 8, fontSize: 11, opacity: 0.8 }, children: form.message }) : null,
-      form.redirectUri ? /* @__PURE__ */ jsxs9("div", { style: { padding: 8, fontSize: 11 }, children: [
-        /* @__PURE__ */ jsx9("div", { style: { opacity: 0.7, marginBottom: 4 }, children: "Add this exact redirect URI to the provider:" }),
-        /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+    /* @__PURE__ */ jsx5(Toolbar5, { left: /* @__PURE__ */ jsx5("span", { style: { fontSize: 11 }, children: form.title }) }),
+    /* @__PURE__ */ jsxs5(ScrollArea4, { children: [
+      form.message ? /* @__PURE__ */ jsx5("div", { style: { padding: 8, fontSize: 11, opacity: 0.8 }, children: form.message }) : null,
+      form.redirectUri ? /* @__PURE__ */ jsxs5("div", { style: { padding: 8, fontSize: 11 }, children: [
+        /* @__PURE__ */ jsx5("div", { style: { opacity: 0.7, marginBottom: 4 }, children: "Add this exact redirect URI to the provider:" }),
+        /* @__PURE__ */ jsx5(
           "code",
           {
             style: {
@@ -6661,24 +6535,24 @@ function CredentialForm({ controller }) {
           }
         )
       ] }) : null,
-      /* @__PURE__ */ jsx9(FieldGroup, { children: shown.map((field) => /* @__PURE__ */ jsx9(Field, { label: field.label, hint: errors[field.key] ?? field.description, children: field.type === "boolean" ? /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx5(FieldGroup, { children: shown.map((field) => /* @__PURE__ */ jsx5(Field, { label: field.label, hint: errors[field.key] ?? field.description, children: field.type === "boolean" ? /* @__PURE__ */ jsx5(
         "input",
         {
           type: "checkbox",
           checked: values[field.key] === true,
           onChange: (e) => setValues((v) => ({ ...v, [field.key]: e.target.checked }))
         }
-      ) : field.type === "select" ? /* @__PURE__ */ jsxs9(
+      ) : field.type === "select" ? /* @__PURE__ */ jsxs5(
         "select",
         {
           value: String(values[field.key] ?? ""),
           onChange: (e) => setValues((v) => ({ ...v, [field.key]: e.target.value })),
           children: [
-            /* @__PURE__ */ jsx9("option", { value: "" }),
-            field.options?.map((o) => /* @__PURE__ */ jsx9("option", { value: o.value, children: o.label }, o.value))
+            /* @__PURE__ */ jsx5("option", { value: "" }),
+            field.options?.map((o) => /* @__PURE__ */ jsx5("option", { value: o.value, children: o.label }, o.value))
           ]
         }
-      ) : /* @__PURE__ */ jsx9(
+      ) : /* @__PURE__ */ jsx5(
         "input",
         {
           type: field.type === "password" ? "password" : "text",
@@ -6698,14 +6572,14 @@ function CredentialForm({ controller }) {
           }
         }
       ) }, field.key)) }),
-      form.docsUrl ? /* @__PURE__ */ jsx9("div", { style: { padding: 8 }, children: /* @__PURE__ */ jsx9("a", { href: form.docsUrl, target: "_blank", rel: "noreferrer", style: { fontSize: 10 }, children: "Where do I get this?" }) }) : null
+      form.docsUrl ? /* @__PURE__ */ jsx5("div", { style: { padding: 8 }, children: /* @__PURE__ */ jsx5("a", { href: form.docsUrl, target: "_blank", rel: "noreferrer", style: { fontSize: 10 }, children: "Where do I get this?" }) }) : null
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx5(
       Toolbar5,
       {
         divided: false,
-        right: /* @__PURE__ */ jsxs9(ToolbarGroup4, { end: true, children: [
-          /* @__PURE__ */ jsx9(
+        right: /* @__PURE__ */ jsxs5(ToolbarGroup4, { end: true, children: [
+          /* @__PURE__ */ jsx5(
             TextButton2,
             {
               onClick: () => {
@@ -6715,7 +6589,7 @@ function CredentialForm({ controller }) {
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx5(
             TextButton2,
             {
               strong: true,