@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/profiles/cel/celEditor.js

@@ -1,26 +1,21 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useMemo } from "react";
+import { useMemo, useState, useRef } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Badge } from "../../data/Badge.js";
 import { Button } from "../../components/button.js";
 import { Icon } from "../../data/Icon.js";
 import { Modal } from "../../overlay/Modal.js";
 import { Tree } from "../../data/Tree.js";
-import { cn } from "../../lib/utils.js";
 import { createLazyJSONPathTree } from "../../components/jsonPathTree.js";
 import { useJsonPathSample } from "../query/jsonPathSample.js";
 import { celPathFor } from "./celPath.js";
-import { evaluateCel, coverage, nextBarren, bindingsFor, unreachableKeys, celExamplesFor, isClean, explainCelError } from "./celExpression.js";
+import { ResultStrip, Tally, Coverage } from "./celEditorResults.js";
+import { celExamplesFor } from "./celExamples.js";
+import { profileCelEnvironment, coverage, nextBarren, isClean } from "./celExpression.js";
 import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
 import { UiArrowRight } from "../../icons/components/UiArrowRight.js";
 import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiCode2 } from "../../icons/components/UiCode2.js";
-import { UiSparkles } from "../../icons/components/UiSparkles.js";
-const SCOPE_LABEL = {
-  row: "Row",
-  batch: "Batch",
-  boundary: "Boundary"
-};
 function scopeOf(schema) {
   const declared = schema["x-clicky-cel-scope"];
   return declared === "batch" || declared === "boundary" ? declared : "row";
@@ -28,7 +23,15 @@ function scopeOf(schema) {
 function CelEditorDialog(props) {
   return /* @__PURE__ */ jsx(Modal, { open: true, onClose: props.onClose, title: `Expression — ${props.title}`, size: "xl", children: /* @__PURE__ */ jsx(CelEditorPanel, { ...props }) });
 }
+function countOf(count, noun) {
+  return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
 function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
+  var _a;
+  const environment = useMemo(
+    () => typeof scope === "string" ? profileCelEnvironment(scope) : scope,
+    [scope]
+  );
   const [draft, setDraft] = useState(value);
   const [focused, setFocused] = useState(0);
   const [picked, setPicked] = useState(void 0);
@@ -47,32 +50,34 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
     });
   };
   const { data, isFetching, error } = useQuery({
-    queryKey: ["cel-expression", scope, draft, rows.length],
+    queryKey: ["cel-expression", environment.id, draft, rows.length],
     enabled: draft.trim() !== "" && rows.length > 0,
     staleTime: Infinity,
     retry: false,
     refetchOnWindowFocus: false,
-    queryFn: () => evaluateCel({ cel: draft, scope, rows })
+    queryFn: () => environment.evaluate(draft, rows)
   });
   const results = (data == null ? void 0 : data.results) ?? [];
   const found = useMemo(() => coverage(results), [results]);
   const focusedResult = results.find((result) => result.index === focused) ?? results[0];
   const jump = nextBarren(found, focused);
   const row = rows[focused];
-  const bindings = bindingsFor(scope, row);
-  const unreachable = unreachableKeys(row);
+  const bindings = environment.bindings(row);
+  const unreachable = ((_a = environment.unreachable) == null ? void 0 : _a.call(environment, row)) ?? [];
+  const noun = environment.rowNoun ?? "sampled row";
+  const nameRow = (index) => {
+    const target = rows[index];
+    return environment.rowLabel && target ? environment.rowLabel(target, index) : `row ${index + 1}`;
+  };
   const tree = useMemo(
     () => createLazyJSONPathTree(row, { keyPrefix: `row${focused}:` }),
     [row, focused]
   );
-  const pickedPath = picked ? celPathFor(picked) : void 0;
+  const pickedPath = picked ? celPathFor(picked, environment.rowName) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxs(Badge, { tone: "info", variant: "soft", size: "md", children: [
-        SCOPE_LABEL[scope],
-        " scope"
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: rows.length === 0 ? "nothing sampled yet" : `${rows.length} sampled rows` })
+      /* @__PURE__ */ jsx(Badge, { tone: "info", variant: "soft", size: "md", children: environment.label }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: rows.length === 0 ? environment.rowNoun ? `no ${noun}s` : "nothing sampled yet" : countOf(rows.length, noun) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1.4fr)_minmax(0,0.7fr)]", children: [
       /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
@@ -95,7 +100,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
           ResultStrip,
           {
             result: focusedResult,
-            index: focused,
+            label: nameRow(focused),
             pending: isFetching,
             draft,
             onFix: setDraft
@@ -106,7 +111,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             /* @__PURE__ */ jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-primary", children: pickedPath }),
             /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => insert(pickedPath), children: "Insert" })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: celExamplesFor(pickedPath, picked == null ? void 0 : picked.value).map((example) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: celExamplesFor(pickedPath, picked == null ? void 0 : picked.value, { predicate: environment.predicate }).map((example) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -119,7 +124,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
           )) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Tally, { ok: found.ok, empty: found.empty, failed: found.failed }),
+          /* @__PURE__ */ jsx(Tally, { found, results, predicate: environment.predicate }),
           jump !== void 0 && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", className: "gap-1.5", onClick: () => setFocused(jump), children: [
             /* @__PURE__ */ jsx(Icon, { icon: UiArrowRight, className: "text-[12px]" }),
             "Next empty row"
@@ -129,15 +134,22 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             found.types.join(" | ")
           ] })
         ] }),
-        /* @__PURE__ */ jsx(Coverage, { results, rowCount: rows.length, focused, onFocus: setFocused })
+        /* @__PURE__ */ jsx(
+          Coverage,
+          {
+            results,
+            rowCount: rows.length,
+            focused,
+            onFocus: setFocused,
+            rowLabel: environment.rowLabel ? nameRow : void 0,
+            predicate: environment.predicate
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("section", { className: "space-y-2 rounded-lg border border-border bg-muted/20 p-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold", children: "In scope" }),
-          rows.length > 0 && /* @__PURE__ */ jsxs(Badge, { tone: "neutral", variant: "soft", size: "md", children: [
-            "row ",
-            focused + 1
-          ] })
+          rows.length > 0 && /* @__PURE__ */ jsx(Badge, { tone: "neutral", variant: "soft", size: "md", children: nameRow(focused) })
         ] }),
         /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: bindings.filter((binding) => binding.value === void 0).map((binding) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
           "button",
@@ -157,7 +169,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
           Tree,
           {
             className: "min-h-0 flex-1",
-            ariaLabel: "Row values",
+            ariaLabel: environment.rowNoun ? `${environment.rowNoun} values` : "Row values",
             showControls: false,
             roots: tree.roots,
             getKey: (node) => node.key,
@@ -169,14 +181,14 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             onSelect: setPicked,
             getSearchText: (node) => `${node.key} ${node.summary}`,
             renderRow: ({ node }) => /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", title: node.path, children: [
-              /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono text-[11px] text-primary", children: node.path === "$" ? "row" : lastSegment(node.path) }),
+              /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono text-[11px] text-primary", children: node.path === "$" ? environment.rowName || nameRow(focused) : lastSegment(node.path) }),
               /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[10px] text-muted-foreground", children: node.summary })
             ] })
           }
         ) }),
-        scope !== "row" && unreachable.length > 0 && /* @__PURE__ */ jsxs("p", { className: "border-t border-border/60 pt-1 text-[10px] text-muted-foreground", children: [
+        unreachable.length > 0 && /* @__PURE__ */ jsxs("p", { className: "border-t border-border/60 pt-1 text-[10px] text-muted-foreground", children: [
           "Reachable only through ",
-          /* @__PURE__ */ jsx("code", { className: "font-mono", children: "row" }),
+          /* @__PURE__ */ jsx("code", { className: "font-mono", children: environment.rowName }),
           ", not as a bare name:",
           " ",
           unreachable.map((key) => /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
@@ -206,119 +218,17 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
       !isClean(found) && results.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
         found.empty + found.failed,
         " of ",
-        results.length,
-        " sampled rows produce nothing — applying anyway is a choice, not a mistake, but it should be one you make on purpose."
+        countOf(results.length, noun),
+        " produce nothing — applying anyway is a choice, not a mistake, but it should be one you make on purpose."
       ] })
     ] })
   ] });
 }
-function Tally({ ok, empty, failed }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-    /* @__PURE__ */ jsxs(Badge, { tone: "success", variant: "soft", size: "md", children: [
-      ok,
-      " evaluated"
-    ] }),
-    empty > 0 && /* @__PURE__ */ jsxs(Badge, { tone: "warning", variant: "soft", size: "md", children: [
-      empty,
-      " empty"
-    ] }),
-    failed > 0 && /* @__PURE__ */ jsxs(Badge, { tone: "danger", variant: "soft", size: "md", icon: UiWarningTriangle, children: [
-      failed,
-      " failed"
-    ] })
-  ] });
-}
-function preview(value) {
-  if (value === null || value === void 0) return "null";
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
-}
 function lastSegment(path) {
   var _a;
   const match = /\.([^.[\]]+)$|\[([^[\]]+)\]$/.exec(path);
   return (match == null ? void 0 : match[1]) ?? ((_a = match == null ? void 0 : match[2]) == null ? void 0 : _a.replace(/^"|"$/g, "")) ?? path;
 }
-function ResultStrip({
-  result,
-  index,
-  pending,
-  draft,
-  onFix
-}) {
-  if (result == null ? void 0 : result.error) {
-    const failure = explainCelError(result.error, draft);
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1 rounded border border-destructive/40 bg-destructive/[0.06] p-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-[11px] font-medium text-destructive", children: [
-        "row ",
-        index + 1,
-        " — evaluation failed"
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-destructive", children: failure.message }),
-      failure.fix && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", className: "gap-1.5", onClick: () => onFix(failure.fix), children: [
-        /* @__PURE__ */ jsx(Icon, { icon: UiSparkles, className: "text-[12px]" }),
-        "Fix it"
-      ] }),
-      /* @__PURE__ */ jsx(
-        "code",
-        {
-          className: "block break-all font-mono text-[10px] text-muted-foreground",
-          title: result.error,
-          children: failure.raw
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 rounded border border-border bg-muted/40 p-2", children: [
-    /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-medium", children: [
-      "row ",
-      index + 1
-    ] }),
-    /* @__PURE__ */ jsx(Icon, { icon: UiArrowRight, className: "text-[11px] text-muted-foreground" }),
-    /* @__PURE__ */ jsx(
-      "code",
-      {
-        className: cn(
-          "min-w-0 flex-1 truncate font-mono text-[11px]",
-          (result == null ? void 0 : result.value) === null || (result == null ? void 0 : result.value) === void 0 ? "text-muted-foreground" : ""
-        ),
-        children: pending ? "…" : preview(result == null ? void 0 : result.value)
-      }
-    ),
-    (result == null ? void 0 : result.type) && /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1 text-[10px] text-muted-foreground", children: result.type })
-  ] });
-}
-function Coverage({
-  results,
-  rowCount,
-  focused,
-  onFocus
-}) {
-  if (rowCount === 0) return null;
-  const byIndex = new Map(results.map((result) => [result.index, result]));
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "Sample coverage" }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-0.5", children: Array.from({ length: rowCount }, (_, index) => {
-      const result = byIndex.get(index);
-      const failed = Boolean(result == null ? void 0 : result.error);
-      const empty = !failed && ((result == null ? void 0 : result.value) === null || (result == null ? void 0 : result.value) === void 0);
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Row ${index + 1}`,
-          onClick: () => onFocus(index),
-          className: cn(
-            "h-5 w-5 rounded-sm border text-[9px] tabular-nums",
-            failed ? "border-destructive/50 bg-destructive/20 text-destructive" : empty ? "border-border bg-muted text-muted-foreground" : "border-green-600/40 bg-green-500/20 text-green-800 [[data-theme=dark]_&]:text-green-300",
-            index === focused && "ring-2 ring-primary ring-offset-1"
-          ),
-          children: index + 1
-        },
-        index
-      );
-    }) })
-  ] });
-}
 function CelTestButton({
   value,
   scope,

package/dist/profiles/cel/celEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"celEditor.js","sources":["../../../src/profiles/cel/celEditor.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Badge } from \"../../data/Badge\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../../data/Icon\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Tree } from \"../../data/Tree\";\nimport { cn } from \"../../lib/utils\";\nimport { createLazyJSONPathTree, type JSONPathNode } from \"../../components/jsonPathTree\";\nimport type {\n  FieldControl,\n  PostExtensionContext,\n} from \"../../components/json-schema-form-types\";\nimport { UiArrowRight, UiCheck, UiCode2, UiSparkles, UiWarningTriangle } from \"../../icons\";\nimport { useJsonPathSample } from \"../query/jsonPathSample\";\nimport { celPathFor } from \"./celPath\";\n\nimport {\n  bindingsFor,\n  celExamplesFor,\n  coverage,\n  evaluateCel,\n  explainCelError,\n  isClean,\n  nextBarren,\n  unreachableKeys,\n  type CelScope,\n} from \"./celExpression\";\n\nconst SCOPE_LABEL: Record<CelScope, string> = {\n  row: \"Row\",\n  batch: \"Batch\",\n  boundary: \"Boundary\",\n};\n\nfunction scopeOf(schema: Record<string, unknown>): CelScope {\n  const declared = schema[\"x-clicky-cel-scope\"];\n  return declared === \"batch\" || declared === \"boundary\" ? declared : \"row\";\n}\n\n/**\n * The expression editor.\n *\n * Its subject is coverage, not syntax. An expression is written against the rows\n * on screen and the rows it reads nothing from are the ones the author has not\n * looked at — and because this engine folds a missing field into null instead of\n * throwing, a wrong expression comes back clean. So the strip of per-row\n * outcomes and the jump to the next barren row are the point; highlighting and\n * completion are what the input already had.\n */\nexport function CelEditorDialog(props: CelEditorProps) {\n  return (\n    <Modal open onClose={props.onClose} title={`Expression — ${props.title}`} size=\"xl\">\n      <CelEditorPanel {...props} />\n    </Modal>\n  );\n}\n\ntype CelEditorProps = {\n  value: string;\n  scope: CelScope;\n  rows: Record<string, unknown>[];\n  title: string;\n  onChange: (next: string) => void;\n  onClose: () => void;\n};\n\n/**\n * The dialog's contents, separated from the Modal that carries them.\n *\n * The split exists so this can be rendered and asserted without a DOM: Modal\n * portals, and a portal renders to nothing server-side.\n */\nexport function CelEditorPanel({ value, scope, rows, onChange, onClose }: CelEditorProps) {\n  const [draft, setDraft] = useState(value);\n  const [focused, setFocused] = useState(0);\n  const [picked, setPicked] = useState<JSONPathNode | undefined>(undefined);\n  const input = useRef<HTMLTextAreaElement>(null);\n\n  // Written where the caret is rather than appended: an accessor pasted onto\n  // the end of a half-written expression concatenates into nonsense, and the\n  // useful gesture is completing `…filter(e, e.key == ` from the tree.\n  const insert = (text: string) => {\n    const element = input.current;\n    setDraft((current) => {\n      const start = element?.selectionStart ?? current.length;\n      const end = element?.selectionEnd ?? current.length;\n      return current.slice(0, start) + text + current.slice(end);\n    });\n    queueMicrotask(() => {\n      element?.focus();\n      const at = (element?.selectionStart ?? 0) + text.length;\n      element?.setSelectionRange(at, at);\n    });\n  };\n\n  // Evaluated server-side, debounced by react-query's key rather than a timer:\n  // the rows are already in the browser, so a keystroke costs one small request\n  // and no backend query.\n  const { data, isFetching, error } = useQuery({\n    queryKey: [\"cel-expression\", scope, draft, rows.length],\n    enabled: draft.trim() !== \"\" && rows.length > 0,\n    staleTime: Infinity,\n    retry: false,\n    refetchOnWindowFocus: false,\n    queryFn: () => evaluateCel({ cel: draft, scope, rows }),\n  });\n\n  const results = data?.results ?? [];\n  const found = useMemo(() => coverage(results), [results]);\n  const focusedResult = results.find((result) => result.index === focused) ?? results[0];\n  const jump = nextBarren(found, focused);\n  const row = rows[focused];\n  const bindings = bindingsFor(scope, row);\n  const unreachable = unreachableKeys(row);\n\n  // Rebuilt per focused row: the tree caches nodes by key, so without a prefix\n  // that changes with the row, row 2 would show row 1's loaded branches.\n  const tree = useMemo(\n    () => createLazyJSONPathTree(row, { keyPrefix: `row${focused}:` }),\n    [row, focused],\n  );\n  const pickedPath = picked ? celPathFor(picked) : undefined;\n\n  return (\n    <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Badge tone=\"info\" variant=\"soft\" size=\"md\">\n            {SCOPE_LABEL[scope]} scope\n          </Badge>\n          <span className=\"text-xs text-muted-foreground\">\n            {rows.length === 0 ? \"nothing sampled yet\" : `${rows.length} sampled rows`}\n          </span>\n        </div>\n\n        <div className=\"grid gap-3 lg:grid-cols-[minmax(0,1.4fr)_minmax(0,0.7fr)]\">\n          <section className=\"space-y-2\">\n            <textarea\n              ref={input}\n              className=\"h-24 w-full resize-none rounded border border-border bg-background p-2 font-mono text-xs\"\n              value={draft}\n              onChange={(event) => setDraft(event.target.value)}\n              aria-label=\"CEL expression\"\n            />\n\n            {data?.error && (\n              <p className=\"flex gap-1.5 rounded border border-amber-500/40 bg-amber-500/[0.06] px-2 py-1 text-[11px] text-amber-700 [[data-theme=dark]_&]:text-amber-300\">\n                <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-[12px]\" />\n                {data.error}\n              </p>\n            )}\n            {error instanceof Error && (\n              <p className=\"rounded border border-destructive/40 bg-destructive/[0.06] px-2 py-1 text-[11px] text-destructive\">\n                {error.message}\n              </p>\n            )}\n\n            <ResultStrip\n              result={focusedResult}\n              index={focused}\n              pending={isFetching}\n              draft={draft}\n              onFix={setDraft}\n            />\n\n            {pickedPath && (\n              <div className=\"space-y-1.5 rounded border border-border bg-muted/30 p-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <code className=\"min-w-0 flex-1 truncate font-mono text-[11px] text-primary\">\n                    {pickedPath}\n                  </code>\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => insert(pickedPath)}>\n                    Insert\n                  </Button>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {celExamplesFor(pickedPath, picked?.value).map((example) => (\n                    <button\n                      key={example.label}\n                      type=\"button\"\n                      title={example.expression}\n                      className=\"rounded-full border border-border px-2 py-0.5 text-[10px] hover:bg-muted\"\n                      onClick={() => setDraft(example.expression)}\n                    >\n                      {example.label}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <Tally ok={found.ok} empty={found.empty} failed={found.failed} />\n              {jump !== undefined && (\n                <Button size=\"sm\" variant=\"outline\" className=\"gap-1.5\" onClick={() => setFocused(jump)}>\n                  <Icon icon={UiArrowRight} className=\"text-[12px]\" />\n                  Next empty row\n                </Button>\n              )}\n              {found.types.length > 1 && (\n                <Badge tone=\"warning\" variant=\"soft\" size=\"md\">\n                  returns {found.types.join(\" | \")}\n                </Badge>\n              )}\n            </div>\n\n            <Coverage results={results} rowCount={rows.length} focused={focused} onFocus={setFocused} />\n          </section>\n\n          <section className=\"space-y-2 rounded-lg border border-border bg-muted/20 p-2\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <h4 className=\"text-xs font-semibold\">In scope</h4>\n              {rows.length > 0 && (\n                <Badge tone=\"neutral\" variant=\"soft\" size=\"md\">\n                  row {focused + 1}\n                </Badge>\n              )}\n            </div>\n            {/* The names that are variables rather than data. Only these are\n                bare: every row key is reached through the tree below, which\n                spells the ones a bare name could not. */}\n            <ul className=\"space-y-0.5\">\n              {bindings\n                .filter((binding) => binding.value === undefined)\n                .map((binding) => (\n                  <li key={binding.name}>\n                    <button\n                      type=\"button\"\n                      className=\"flex w-full items-baseline gap-1.5 rounded px-1 py-0.5 text-left hover:bg-muted\"\n                      onClick={() => insert(binding.name)}\n                    >\n                      <code className=\"shrink-0 font-mono text-[11px] text-primary\">{binding.name}</code>\n                      <span className=\"min-w-0 flex-1 truncate text-[10px] text-muted-foreground\">\n                        {binding.detail}\n                      </span>\n                    </button>\n                  </li>\n                ))}\n            </ul>\n\n            {row && (\n              // Tree sizes to its parent and has no height of its own, so the\n              // box has to bound it or the panel grows with the document.\n              <div className=\"flex h-72 min-h-0 flex-col overflow-hidden rounded border border-border bg-background\">\n                <Tree<JSONPathNode>\n                  className=\"min-h-0 flex-1\"\n                  ariaLabel=\"Row values\"\n                  // Expand-all only walks children already loaded, so on a lazy\n                  // tree it is a button that appears to do nothing. The filter\n                  // box still appears on its own once the row is wide enough.\n                  showControls={false}\n                  roots={tree.roots}\n                  getKey={(node) => node.key}\n                  getChildren={tree.getChildren}\n                  hasMoreChildren={tree.hasMoreChildren}\n                  loadChildren={tree.loadChildren}\n                  defaultOpen={(_, depth) => depth < 1}\n                  selected={picked ?? null}\n                  onSelect={setPicked}\n                  // The default walker stringifies every field of a node, and\n                  // `value` is the payload — a row with an embedded megabyte\n                  // would be re-serialized on each keystroke.\n                  getSearchText={(node) => `${node.key} ${node.summary}`}\n                  renderRow={({ node }) => (\n                    <span className=\"flex min-w-0 items-baseline gap-1.5\" title={node.path}>\n                      <code className=\"shrink-0 font-mono text-[11px] text-primary\">\n                        {node.path === \"$\" ? \"row\" : lastSegment(node.path)}\n                      </code>\n                      <span className=\"min-w-0 flex-1 truncate text-[10px] text-muted-foreground\">\n                        {node.summary}\n                      </span>\n                    </span>\n                  )}\n                />\n              </div>\n            )}\n            {scope !== \"row\" && unreachable.length > 0 && (\n              <p className=\"border-t border-border/60 pt-1 text-[10px] text-muted-foreground\">\n                Reachable only through <code className=\"font-mono\">row</code>, not as a bare name:{\" \"}\n                {unreachable.map((key) => (\n                  <code key={key} className=\"font-mono\">\n                    {key}{\" \"}\n                  </code>\n                ))}\n              </p>\n            )}\n          </section>\n        </div>\n\n        <footer className=\"flex flex-wrap items-center gap-2 border-t border-border pt-2\">\n          <Button\n            size=\"sm\"\n            className=\"gap-1.5\"\n            onClick={() => {\n              onChange(draft);\n              onClose();\n            }}\n          >\n            <Icon icon={UiCheck} className=\"text-[12px]\" />\n            Apply\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" onClick={onClose}>\n            Cancel\n          </Button>\n          {!isClean(found) && results.length > 0 && (\n            <span className=\"text-[11px] text-muted-foreground\">\n              {found.empty + found.failed} of {results.length} sampled rows produce nothing — applying anyway is a\n              choice, not a mistake, but it should be one you make on purpose.\n            </span>\n          )}\n      </footer>\n    </div>\n  );\n}\n\nfunction Tally({ ok, empty, failed }: { ok: number; empty: number; failed: number }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      <Badge tone=\"success\" variant=\"soft\" size=\"md\">\n        {ok} evaluated\n      </Badge>\n      {empty > 0 && (\n        <Badge tone=\"warning\" variant=\"soft\" size=\"md\">\n          {empty} empty\n        </Badge>\n      )}\n      {failed > 0 && (\n        <Badge tone=\"danger\" variant=\"soft\" size=\"md\" icon={UiWarningTriangle}>\n          {failed} failed\n        </Badge>\n      )}\n    </div>\n  );\n}\n\n/**\n * One row's result, in one line.\n *\n * `String()` on a list of objects is a row of `[object Object]`, which is the\n * same non-answer the scope panel used to give — an expression that returns\n * structure has to show its structure to be judged at all.\n */\nfunction preview(value: unknown): string {\n  if (value === null || value === undefined) return \"null\";\n  if (typeof value === \"object\") return JSON.stringify(value);\n  return String(value);\n}\n\n/** The trailing key or index of a path, which is what a tree row is named by. */\nfunction lastSegment(path: string): string {\n  const match = /\\.([^.[\\]]+)$|\\[([^[\\]]+)\\]$/.exec(path);\n  return match?.[1] ?? match?.[2]?.replace(/^\"|\"$/g, \"\") ?? path;\n}\n\nfunction ResultStrip({\n  result,\n  index,\n  pending,\n  draft,\n  onFix,\n}: {\n  result: { value?: unknown; type?: string; error?: string } | undefined;\n  index: number;\n  pending: boolean;\n  draft: string;\n  onFix: (next: string) => void;\n}) {\n  if (result?.error) {\n    // The engine reports in the vocabulary of the Go library underneath it and\n    // interpolates the whole offending value, so what it says is translated\n    // and what it quotes is trimmed.\n    const failure = explainCelError(result.error, draft);\n    return (\n      <div className=\"space-y-1 rounded border border-destructive/40 bg-destructive/[0.06] p-2\">\n        <div className=\"text-[11px] font-medium text-destructive\">row {index + 1} — evaluation failed</div>\n        <p className=\"text-[11px] text-destructive\">{failure.message}</p>\n        {failure.fix && (\n          <Button size=\"sm\" variant=\"outline\" className=\"gap-1.5\" onClick={() => onFix(failure.fix!)}>\n            <Icon icon={UiSparkles} className=\"text-[12px]\" />\n            Fix it\n          </Button>\n        )}\n        <code\n          className=\"block break-all font-mono text-[10px] text-muted-foreground\"\n          title={result.error}\n        >\n          {failure.raw}\n        </code>\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex items-baseline gap-2 rounded border border-border bg-muted/40 p-2\">\n      <span className=\"text-[11px] font-medium\">row {index + 1}</span>\n      <Icon icon={UiArrowRight} className=\"text-[11px] text-muted-foreground\" />\n      <code\n        className={cn(\n          \"min-w-0 flex-1 truncate font-mono text-[11px]\",\n          result?.value === null || result?.value === undefined ? \"text-muted-foreground\" : \"\",\n        )}\n      >\n        {pending ? \"…\" : preview(result?.value)}\n      </code>\n      {result?.type && <span className=\"rounded bg-muted px-1 text-[10px] text-muted-foreground\">{result.type}</span>}\n    </div>\n  );\n}\n\n/** Every sampled row as one cell, coloured by what the expression made of it. */\nfunction Coverage({\n  results,\n  rowCount,\n  focused,\n  onFocus,\n}: {\n  results: { index: number; value?: unknown; error?: string }[];\n  rowCount: number;\n  focused: number;\n  onFocus: (index: number) => void;\n}) {\n  if (rowCount === 0) return null;\n  const byIndex = new Map(results.map((result) => [result.index, result]));\n\n  return (\n    <div className=\"space-y-1\">\n      <span className=\"text-[11px] text-muted-foreground\">Sample coverage</span>\n      <div className=\"flex flex-wrap gap-0.5\">\n        {Array.from({ length: rowCount }, (_, index) => {\n          const result = byIndex.get(index);\n          const failed = Boolean(result?.error);\n          const empty = !failed && (result?.value === null || result?.value === undefined);\n          return (\n            <button\n              key={index}\n              type=\"button\"\n              aria-label={`Row ${index + 1}`}\n              onClick={() => onFocus(index)}\n              className={cn(\n                \"h-5 w-5 rounded-sm border text-[9px] tabular-nums\",\n                failed\n                  ? \"border-destructive/50 bg-destructive/20 text-destructive\"\n                  : empty\n                    ? \"border-border bg-muted text-muted-foreground\"\n                    : \"border-green-600/40 bg-green-500/20 text-green-800 [[data-theme=dark]_&]:text-green-300\",\n                index === focused && \"ring-2 ring-primary ring-offset-1\",\n              )}\n            >\n              {index + 1}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The button that opens the editor for an expression already on screen.\n *\n * Separate from the input it sits beside, because the two surfaces that own a\n * CEL string disagree about the input: a schema-rendered field is one line, and\n * the column editor gives it a textarea. What they agree on is that testing it\n * is a click away from wherever it is typed.\n */\nexport function CelTestButton({\n  value,\n  scope,\n  rows,\n  title,\n  disabled,\n  onChange,\n}: {\n  value: string;\n  scope: CelScope;\n  rows: unknown[];\n  title: string;\n  disabled?: boolean;\n  onChange: (next: string) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"shrink-0 gap-1\"\n        onClick={() => setOpen(true)}\n        {...(disabled === undefined ? {} : { disabled })}\n      >\n        <Icon icon={UiCode2} className=\"text-[12px]\" />\n        Test\n      </Button>\n      {open && (\n        <CelEditorDialog\n          value={value}\n          scope={scope}\n          rows={rows.filter(isRecord)}\n          title={title}\n          onChange={onChange}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </>\n  );\n}\n\n/** The schema-rendered field: the current expression, with the editor a click away. */\nexport function CelField({ field, ctx }: { field: FieldControl; ctx?: PostExtensionContext }) {\n  const rows = useJsonPathSample(ctx?.rootValue);\n  const value = (field.value as string) ?? \"\";\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <input\n        className=\"w-full rounded border border-border bg-card px-2 py-1 font-mono text-xs\"\n        value={value}\n        onChange={(event) => field.onChange(event.target.value)}\n        aria-label=\"CEL expression\"\n        {...(field.readOnly === undefined ? {} : { disabled: field.readOnly })}\n      />\n      <CelTestButton\n        value={value}\n        scope={scopeOf(field.schema)}\n        rows={rows}\n        title={String(field.schema.title ?? \"CEL\")}\n        disabled={field.readOnly === true}\n        onChange={(next) => field.onChange(next)}\n      />\n    </div>\n  );\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"celEditor.js","sources":["../../../src/profiles/cel/celEditor.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Badge } from \"../../data/Badge\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../../data/Icon\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { Tree } from \"../../data/Tree\";\nimport { createLazyJSONPathTree, type JSONPathNode } from \"../../components/jsonPathTree\";\nimport type {\n  FieldControl,\n  PostExtensionContext,\n} from \"../../components/json-schema-form-types\";\nimport { UiArrowRight, UiCheck, UiCode2, UiWarningTriangle } from \"../../icons\";\nimport { useJsonPathSample } from \"../query/jsonPathSample\";\nimport { celPathFor } from \"./celPath\";\nimport { Coverage, ResultStrip, Tally } from \"./celEditorResults\";\nimport { celExamplesFor } from \"./celExamples\";\n\nimport {\n  coverage,\n  isClean,\n  nextBarren,\n  profileCelEnvironment,\n  type CelEnvironment,\n  type CelScope,\n} from \"./celExpression\";\n\nfunction scopeOf(schema: Record<string, unknown>): CelScope {\n  const declared = schema[\"x-clicky-cel-scope\"];\n  return declared === \"batch\" || declared === \"boundary\" ? declared : \"row\";\n}\n\n/**\n * The expression editor.\n *\n * Its subject is coverage, not syntax. An expression is written against the rows\n * on screen and the rows it reads nothing from are the ones the author has not\n * looked at — and because this engine folds a missing field into null instead of\n * throwing, a wrong expression comes back clean. So the strip of per-row\n * outcomes and the jump to the next barren row are the point; highlighting and\n * completion are what the input already had.\n */\nexport function CelEditorDialog(props: CelEditorProps) {\n  return (\n    <Modal open onClose={props.onClose} title={`Expression — ${props.title}`} size=\"xl\">\n      <CelEditorPanel {...props} />\n    </Modal>\n  );\n}\n\ntype CelEditorProps = {\n  value: string;\n  /** A profile scope, or the host's own environment for CEL that is not a profile's. */\n  scope: CelScope | CelEnvironment;\n  rows: Record<string, unknown>[];\n  title: string;\n  onChange: (next: string) => void;\n  onClose: () => void;\n};\n\n/** \"3 users\", \"1 user\" — the header's count, in the environment's own noun. */\nfunction countOf(count: number, noun: string): string {\n  return `${count} ${noun}${count === 1 ? \"\" : \"s\"}`;\n}\n\n/**\n * The dialog's contents, separated from the Modal that carries them.\n *\n * The split exists so this can be rendered and asserted without a DOM: Modal\n * portals, and a portal renders to nothing server-side.\n */\nexport function CelEditorPanel({ value, scope, rows, onChange, onClose }: CelEditorProps) {\n  const environment = useMemo(\n    () => (typeof scope === \"string\" ? profileCelEnvironment(scope) : scope),\n    [scope],\n  );\n  const [draft, setDraft] = useState(value);\n  const [focused, setFocused] = useState(0);\n  const [picked, setPicked] = useState<JSONPathNode | undefined>(undefined);\n  const input = useRef<HTMLTextAreaElement>(null);\n\n  // Written where the caret is rather than appended: an accessor pasted onto\n  // the end of a half-written expression concatenates into nonsense, and the\n  // useful gesture is completing `…filter(e, e.key == ` from the tree.\n  const insert = (text: string) => {\n    const element = input.current;\n    setDraft((current) => {\n      const start = element?.selectionStart ?? current.length;\n      const end = element?.selectionEnd ?? current.length;\n      return current.slice(0, start) + text + current.slice(end);\n    });\n    queueMicrotask(() => {\n      element?.focus();\n      const at = (element?.selectionStart ?? 0) + text.length;\n      element?.setSelectionRange(at, at);\n    });\n  };\n\n  // Evaluated by the environment's own engine, debounced by react-query's key\n  // rather than a timer: the rows are already in the browser, so a keystroke\n  // costs one small request and no backend query.\n  const { data, isFetching, error } = useQuery({\n    queryKey: [\"cel-expression\", environment.id, draft, rows.length],\n    enabled: draft.trim() !== \"\" && rows.length > 0,\n    staleTime: Infinity,\n    retry: false,\n    refetchOnWindowFocus: false,\n    queryFn: () => environment.evaluate(draft, rows),\n  });\n\n  const results = data?.results ?? [];\n  const found = useMemo(() => coverage(results), [results]);\n  const focusedResult = results.find((result) => result.index === focused) ?? results[0];\n  const jump = nextBarren(found, focused);\n  const row = rows[focused];\n  const bindings = environment.bindings(row);\n  const unreachable = environment.unreachable?.(row) ?? [];\n  const noun = environment.rowNoun ?? \"sampled row\";\n  const nameRow = (index: number) => {\n    const target = rows[index];\n    return environment.rowLabel && target ? environment.rowLabel(target, index) : `row ${index + 1}`;\n  };\n\n  // Rebuilt per focused row: the tree caches nodes by key, so without a prefix\n  // that changes with the row, row 2 would show row 1's loaded branches.\n  const tree = useMemo(\n    () => createLazyJSONPathTree(row, { keyPrefix: `row${focused}:` }),\n    [row, focused],\n  );\n  const pickedPath = picked ? celPathFor(picked, environment.rowName) : undefined;\n\n  return (\n    <div className=\"space-y-3\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Badge tone=\"info\" variant=\"soft\" size=\"md\">\n            {environment.label}\n          </Badge>\n          <span className=\"text-xs text-muted-foreground\">\n            {rows.length === 0\n              ? environment.rowNoun\n                ? `no ${noun}s`\n                : \"nothing sampled yet\"\n              : countOf(rows.length, noun)}\n          </span>\n        </div>\n\n        <div className=\"grid gap-3 lg:grid-cols-[minmax(0,1.4fr)_minmax(0,0.7fr)]\">\n          <section className=\"space-y-2\">\n            <textarea\n              ref={input}\n              className=\"h-24 w-full resize-none rounded border border-border bg-background p-2 font-mono text-xs\"\n              value={draft}\n              onChange={(event) => setDraft(event.target.value)}\n              aria-label=\"CEL expression\"\n            />\n\n            {data?.error && (\n              <p className=\"flex gap-1.5 rounded border border-amber-500/40 bg-amber-500/[0.06] px-2 py-1 text-[11px] text-amber-700 [[data-theme=dark]_&]:text-amber-300\">\n                <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-[12px]\" />\n                {data.error}\n              </p>\n            )}\n            {error instanceof Error && (\n              <p className=\"rounded border border-destructive/40 bg-destructive/[0.06] px-2 py-1 text-[11px] text-destructive\">\n                {error.message}\n              </p>\n            )}\n\n            <ResultStrip\n              result={focusedResult}\n              label={nameRow(focused)}\n              pending={isFetching}\n              draft={draft}\n              onFix={setDraft}\n            />\n\n            {pickedPath && (\n              <div className=\"space-y-1.5 rounded border border-border bg-muted/30 p-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <code className=\"min-w-0 flex-1 truncate font-mono text-[11px] text-primary\">\n                    {pickedPath}\n                  </code>\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => insert(pickedPath)}>\n                    Insert\n                  </Button>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {celExamplesFor(pickedPath, picked?.value, { predicate: environment.predicate }).map((example) => (\n                    <button\n                      key={example.label}\n                      type=\"button\"\n                      title={example.expression}\n                      className=\"rounded-full border border-border px-2 py-0.5 text-[10px] hover:bg-muted\"\n                      onClick={() => setDraft(example.expression)}\n                    >\n                      {example.label}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            )}\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <Tally found={found} results={results} predicate={environment.predicate} />\n              {jump !== undefined && (\n                <Button size=\"sm\" variant=\"outline\" className=\"gap-1.5\" onClick={() => setFocused(jump)}>\n                  <Icon icon={UiArrowRight} className=\"text-[12px]\" />\n                  Next empty row\n                </Button>\n              )}\n              {found.types.length > 1 && (\n                <Badge tone=\"warning\" variant=\"soft\" size=\"md\">\n                  returns {found.types.join(\" | \")}\n                </Badge>\n              )}\n            </div>\n\n            <Coverage\n              results={results}\n              rowCount={rows.length}\n              focused={focused}\n              onFocus={setFocused}\n              rowLabel={environment.rowLabel ? nameRow : undefined}\n              predicate={environment.predicate}\n            />\n          </section>\n\n          <section className=\"space-y-2 rounded-lg border border-border bg-muted/20 p-2\">\n            <div className=\"flex items-center justify-between gap-2\">\n              <h4 className=\"text-xs font-semibold\">In scope</h4>\n              {rows.length > 0 && (\n                <Badge tone=\"neutral\" variant=\"soft\" size=\"md\">\n                  {nameRow(focused)}\n                </Badge>\n              )}\n            </div>\n            {/* The names that are variables rather than data. Only these are\n                bare: every row key is reached through the tree below, which\n                spells the ones a bare name could not. */}\n            <ul className=\"space-y-0.5\">\n              {bindings\n                .filter((binding) => binding.value === undefined)\n                .map((binding) => (\n                  <li key={binding.name}>\n                    <button\n                      type=\"button\"\n                      className=\"flex w-full items-baseline gap-1.5 rounded px-1 py-0.5 text-left hover:bg-muted\"\n                      onClick={() => insert(binding.name)}\n                    >\n                      <code className=\"shrink-0 font-mono text-[11px] text-primary\">{binding.name}</code>\n                      <span className=\"min-w-0 flex-1 truncate text-[10px] text-muted-foreground\">\n                        {binding.detail}\n                      </span>\n                    </button>\n                  </li>\n                ))}\n            </ul>\n\n            {row && (\n              // Tree sizes to its parent and has no height of its own, so the\n              // box has to bound it or the panel grows with the document.\n              <div className=\"flex h-72 min-h-0 flex-col overflow-hidden rounded border border-border bg-background\">\n                <Tree<JSONPathNode>\n                  className=\"min-h-0 flex-1\"\n                  ariaLabel={environment.rowNoun ? `${environment.rowNoun} values` : \"Row values\"}\n                  // Expand-all only walks children already loaded, so on a lazy\n                  // tree it is a button that appears to do nothing. The filter\n                  // box still appears on its own once the row is wide enough.\n                  showControls={false}\n                  roots={tree.roots}\n                  getKey={(node) => node.key}\n                  getChildren={tree.getChildren}\n                  hasMoreChildren={tree.hasMoreChildren}\n                  loadChildren={tree.loadChildren}\n                  defaultOpen={(_, depth) => depth < 1}\n                  selected={picked ?? null}\n                  onSelect={setPicked}\n                  // The default walker stringifies every field of a node, and\n                  // `value` is the payload — a row with an embedded megabyte\n                  // would be re-serialized on each keystroke.\n                  getSearchText={(node) => `${node.key} ${node.summary}`}\n                  renderRow={({ node }) => (\n                    <span className=\"flex min-w-0 items-baseline gap-1.5\" title={node.path}>\n                      <code className=\"shrink-0 font-mono text-[11px] text-primary\">\n                        {node.path === \"$\" ? environment.rowName || nameRow(focused) : lastSegment(node.path)}\n                      </code>\n                      <span className=\"min-w-0 flex-1 truncate text-[10px] text-muted-foreground\">\n                        {node.summary}\n                      </span>\n                    </span>\n                  )}\n                />\n              </div>\n            )}\n            {unreachable.length > 0 && (\n              <p className=\"border-t border-border/60 pt-1 text-[10px] text-muted-foreground\">\n                Reachable only through <code className=\"font-mono\">{environment.rowName}</code>, not as a bare\n                name:{\" \"}\n                {unreachable.map((key) => (\n                  <code key={key} className=\"font-mono\">\n                    {key}{\" \"}\n                  </code>\n                ))}\n              </p>\n            )}\n          </section>\n        </div>\n\n        <footer className=\"flex flex-wrap items-center gap-2 border-t border-border pt-2\">\n          <Button\n            size=\"sm\"\n            className=\"gap-1.5\"\n            onClick={() => {\n              onChange(draft);\n              onClose();\n            }}\n          >\n            <Icon icon={UiCheck} className=\"text-[12px]\" />\n            Apply\n          </Button>\n          <Button size=\"sm\" variant=\"ghost\" onClick={onClose}>\n            Cancel\n          </Button>\n          {!isClean(found) && results.length > 0 && (\n            <span className=\"text-[11px] text-muted-foreground\">\n              {found.empty + found.failed} of {countOf(results.length, noun)} produce nothing — applying anyway is a\n              choice, not a mistake, but it should be one you make on purpose.\n            </span>\n          )}\n      </footer>\n    </div>\n  );\n}\n\n/** The trailing key or index of a path, which is what a tree row is named by. */\nfunction lastSegment(path: string): string {\n  const match = /\\.([^.[\\]]+)$|\\[([^[\\]]+)\\]$/.exec(path);\n  return match?.[1] ?? match?.[2]?.replace(/^\"|\"$/g, \"\") ?? path;\n}\n\n/**\n * The button that opens the editor for an expression already on screen.\n *\n * Separate from the input it sits beside, because the two surfaces that own a\n * CEL string disagree about the input: a schema-rendered field is one line, and\n * the column editor gives it a textarea. What they agree on is that testing it\n * is a click away from wherever it is typed.\n */\nexport function CelTestButton({\n  value,\n  scope,\n  rows,\n  title,\n  disabled,\n  onChange,\n}: {\n  value: string;\n  scope: CelScope | CelEnvironment;\n  rows: unknown[];\n  title: string;\n  disabled?: boolean;\n  onChange: (next: string) => void;\n}) {\n  const [open, setOpen] = useState(false);\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        className=\"shrink-0 gap-1\"\n        onClick={() => setOpen(true)}\n        {...(disabled === undefined ? {} : { disabled })}\n      >\n        <Icon icon={UiCode2} className=\"text-[12px]\" />\n        Test\n      </Button>\n      {open && (\n        <CelEditorDialog\n          value={value}\n          scope={scope}\n          rows={rows.filter(isRecord)}\n          title={title}\n          onChange={onChange}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </>\n  );\n}\n\n/** The schema-rendered field: the current expression, with the editor a click away. */\nexport function CelField({ field, ctx }: { field: FieldControl; ctx?: PostExtensionContext }) {\n  const rows = useJsonPathSample(ctx?.rootValue);\n  const value = (field.value as string) ?? \"\";\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <input\n        className=\"w-full rounded border border-border bg-card px-2 py-1 font-mono text-xs\"\n        value={value}\n        onChange={(event) => field.onChange(event.target.value)}\n        aria-label=\"CEL expression\"\n        {...(field.readOnly === undefined ? {} : { disabled: field.readOnly })}\n      />\n      <CelTestButton\n        value={value}\n        scope={scopeOf(field.schema)}\n        rows={rows}\n        title={String(field.schema.title ?? \"CEL\")}\n        disabled={field.readOnly === true}\n        onChange={(next) => field.onChange(next)}\n      />\n    </div>\n  );\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/cel/celEditorResults.cjs

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Badge = require("../../data/Badge.cjs");
+const button = require("../../components/button.cjs");
+const Icon = require("../../data/Icon.cjs");
+const utils = require("../../lib/utils.cjs");
+const celExpression = require("./celExpression.cjs");
+const UiSparkles = require("../../icons/components/UiSparkles.cjs");
+const UiArrowRight = require("../../icons/components/UiArrowRight.cjs");
+const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
+function Tally({
+  found,
+  results,
+  predicate
+}) {
+  const matched = results.filter((result) => result.value === true).length;
+  const missed = results.filter((result) => result.value === false).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    predicate ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "success", variant: "soft", size: "md", children: [
+        matched,
+        " true"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "neutral", variant: "soft", size: "md", children: [
+        missed,
+        " false"
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "success", variant: "soft", size: "md", children: [
+      found.ok,
+      " evaluated"
+    ] }),
+    found.empty > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "warning", variant: "soft", size: "md", children: [
+      found.empty,
+      " empty"
+    ] }),
+    found.failed > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "danger", variant: "soft", size: "md", icon: UiWarningTriangle.UiWarningTriangle, children: [
+      found.failed,
+      " failed"
+    ] })
+  ] });
+}
+function preview(value) {
+  if (value === null || value === void 0) return "null";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function ResultStrip({
+  result,
+  label,
+  pending,
+  draft,
+  onFix
+}) {
+  if (result == null ? void 0 : result.error) {
+    const failure = celExpression.explainCelError(result.error, draft);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 rounded border border-destructive/40 bg-destructive/[0.06] p-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] font-medium text-destructive", children: [
+        label,
+        " — evaluation failed"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-destructive", children: failure.message }),
+      failure.fix && /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", variant: "outline", className: "gap-1.5", onClick: () => onFix(failure.fix), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSparkles.UiSparkles, className: "text-[12px]" }),
+        "Fix it"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "code",
+        {
+          className: "block break-all font-mono text-[10px] text-muted-foreground",
+          title: result.error,
+          children: failure.raw
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 rounded border border-border bg-muted/40 p-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowRight.UiArrowRight, className: "text-[11px] text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "code",
+      {
+        className: utils.cn(
+          "min-w-0 flex-1 truncate font-mono text-[11px]",
+          (result == null ? void 0 : result.value) === null || (result == null ? void 0 : result.value) === void 0 ? "text-muted-foreground" : ""
+        ),
+        children: pending ? "…" : preview(result == null ? void 0 : result.value)
+      }
+    ),
+    (result == null ? void 0 : result.type) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1 text-[10px] text-muted-foreground", children: result.type })
+  ] });
+}
+function Coverage({
+  results,
+  rowCount,
+  focused,
+  onFocus,
+  rowLabel,
+  predicate
+}) {
+  if (rowCount === 0) return null;
+  const byIndex = new Map(results.map((result) => [result.index, result]));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: predicate ? "Matches" : "Sample coverage" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-0.5", children: Array.from({ length: rowCount }, (_, index) => {
+      const result = byIndex.get(index);
+      const failed = Boolean(result == null ? void 0 : result.error);
+      const empty = !failed && ((result == null ? void 0 : result.value) === null || (result == null ? void 0 : result.value) === void 0);
+      const unselected = predicate && (result == null ? void 0 : result.value) === false;
+      const label = rowLabel == null ? void 0 : rowLabel(index);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": label ?? `Row ${index + 1}`,
+          title: label,
+          onClick: () => onFocus(index),
+          className: utils.cn(
+            "h-5 w-5 rounded-sm border text-[9px] tabular-nums",
+            failed ? "border-destructive/50 bg-destructive/20 text-destructive" : empty ? "border-border bg-muted text-muted-foreground" : unselected ? "border-border bg-background text-muted-foreground" : "border-green-600/40 bg-green-500/20 text-green-800 [[data-theme=dark]_&]:text-green-300",
+            index === focused && "ring-2 ring-primary ring-offset-1"
+          ),
+          children: index + 1
+        },
+        index
+      );
+    }) })
+  ] });
+}
+exports.Coverage = Coverage;
+exports.ResultStrip = ResultStrip;
+exports.Tally = Tally;
+//# sourceMappingURL=celEditorResults.cjs.map

package/dist/profiles/cel/celEditorResults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"celEditorResults.cjs","sources":["../../../src/profiles/cel/celEditorResults.tsx"],"sourcesContent":["import { Badge } from \"../../data/Badge\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../../data/Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { UiArrowRight, UiSparkles, UiWarningTriangle } from \"../../icons\";\nimport { explainCelError, type CelCoverage, type CelResult } from \"./celExpression\";\n\n/**\n * What the expression made of the rows, in badges.\n *\n * A predicate's true and false are both values, so the coverage count would\n * call every row \"evaluated\" — which says nothing about which rows it selects.\n */\nexport function Tally({\n  found,\n  results,\n  predicate,\n}: {\n  found: CelCoverage;\n  results: CelResult[];\n  predicate?: boolean | undefined;\n}) {\n  const matched = results.filter((result) => result.value === true).length;\n  const missed = results.filter((result) => result.value === false).length;\n  return (\n    <div className=\"flex flex-wrap items-center gap-1.5\">\n      {predicate ? (\n        <>\n          <Badge tone=\"success\" variant=\"soft\" size=\"md\">\n            {matched} true\n          </Badge>\n          <Badge tone=\"neutral\" variant=\"soft\" size=\"md\">\n            {missed} false\n          </Badge>\n        </>\n      ) : (\n        <Badge tone=\"success\" variant=\"soft\" size=\"md\">\n          {found.ok} evaluated\n        </Badge>\n      )}\n      {found.empty > 0 && (\n        <Badge tone=\"warning\" variant=\"soft\" size=\"md\">\n          {found.empty} empty\n        </Badge>\n      )}\n      {found.failed > 0 && (\n        <Badge tone=\"danger\" variant=\"soft\" size=\"md\" icon={UiWarningTriangle}>\n          {found.failed} failed\n        </Badge>\n      )}\n    </div>\n  );\n}\n\n/**\n * One row's result, in one line.\n *\n * `String()` on a list of objects is a row of `[object Object]`, which is the\n * same non-answer the scope panel used to give — an expression that returns\n * structure has to show its structure to be judged at all.\n */\nfunction preview(value: unknown): string {\n  if (value === null || value === undefined) return \"null\";\n  if (typeof value === \"object\") return JSON.stringify(value);\n  return String(value);\n}\n\nexport function ResultStrip({\n  result,\n  label,\n  pending,\n  draft,\n  onFix,\n}: {\n  result: { value?: unknown; type?: string; error?: string } | undefined;\n  label: string;\n  pending: boolean;\n  draft: string;\n  onFix: (next: string) => void;\n}) {\n  if (result?.error) {\n    // The engine reports in the vocabulary of the Go library underneath it and\n    // interpolates the whole offending value, so what it says is translated\n    // and what it quotes is trimmed.\n    const failure = explainCelError(result.error, draft);\n    return (\n      <div className=\"space-y-1 rounded border border-destructive/40 bg-destructive/[0.06] p-2\">\n        <div className=\"text-[11px] font-medium text-destructive\">{label} — evaluation failed</div>\n        <p className=\"text-[11px] text-destructive\">{failure.message}</p>\n        {failure.fix && (\n          <Button size=\"sm\" variant=\"outline\" className=\"gap-1.5\" onClick={() => onFix(failure.fix!)}>\n            <Icon icon={UiSparkles} className=\"text-[12px]\" />\n            Fix it\n          </Button>\n        )}\n        <code\n          className=\"block break-all font-mono text-[10px] text-muted-foreground\"\n          title={result.error}\n        >\n          {failure.raw}\n        </code>\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex items-baseline gap-2 rounded border border-border bg-muted/40 p-2\">\n      <span className=\"text-[11px] font-medium\">{label}</span>\n      <Icon icon={UiArrowRight} className=\"text-[11px] text-muted-foreground\" />\n      <code\n        className={cn(\n          \"min-w-0 flex-1 truncate font-mono text-[11px]\",\n          result?.value === null || result?.value === undefined ? \"text-muted-foreground\" : \"\",\n        )}\n      >\n        {pending ? \"…\" : preview(result?.value)}\n      </code>\n      {result?.type && <span className=\"rounded bg-muted px-1 text-[10px] text-muted-foreground\">{result.type}</span>}\n    </div>\n  );\n}\n\n/**\n * Every row as one cell, coloured by what the expression made of it. A\n * predicate's `false` is drawn apart from `true`: both evaluated, but only one\n * selected the row.\n */\nexport function Coverage({\n  results,\n  rowCount,\n  focused,\n  onFocus,\n  rowLabel,\n  predicate,\n}: {\n  results: CelResult[];\n  rowCount: number;\n  focused: number;\n  onFocus: (index: number) => void;\n  rowLabel?: ((index: number) => string) | undefined;\n  predicate?: boolean | undefined;\n}) {\n  if (rowCount === 0) return null;\n  const byIndex = new Map(results.map((result) => [result.index, result]));\n\n  return (\n    <div className=\"space-y-1\">\n      <span className=\"text-[11px] text-muted-foreground\">{predicate ? \"Matches\" : \"Sample coverage\"}</span>\n      <div className=\"flex flex-wrap gap-0.5\">\n        {Array.from({ length: rowCount }, (_, index) => {\n          const result = byIndex.get(index);\n          const failed = Boolean(result?.error);\n          const empty = !failed && (result?.value === null || result?.value === undefined);\n          const unselected = predicate && result?.value === false;\n          const label = rowLabel?.(index);\n          return (\n            <button\n              key={index}\n              type=\"button\"\n              aria-label={label ?? `Row ${index + 1}`}\n              title={label}\n              onClick={() => onFocus(index)}\n              className={cn(\n                \"h-5 w-5 rounded-sm border text-[9px] tabular-nums\",\n                failed\n                  ? \"border-destructive/50 bg-destructive/20 text-destructive\"\n                  : empty\n                    ? \"border-border bg-muted text-muted-foreground\"\n                    : unselected\n                      ? \"border-border bg-background text-muted-foreground\"\n                      : \"border-green-600/40 bg-green-500/20 text-green-800 [[data-theme=dark]_&]:text-green-300\",\n                index === focused && \"ring-2 ring-primary ring-offset-1\",\n              )}\n            >\n              {index + 1}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","Fragment","Badge","UiWarningTriangle","explainCelError","jsx","Button","Icon","UiSparkles","UiArrowRight","cn"],"mappings":"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"}

package/dist/profiles/cel/celEditorResults.d.ts

@@ -0,0 +1,37 @@
+import { CelCoverage, CelResult } from './celExpression';
+/**
+ * What the expression made of the rows, in badges.
+ *
+ * A predicate's true and false are both values, so the coverage count would
+ * call every row "evaluated" — which says nothing about which rows it selects.
+ */
+export declare function Tally({ found, results, predicate, }: {
+    found: CelCoverage;
+    results: CelResult[];
+    predicate?: boolean | undefined;
+}): import("react").JSX.Element;
+export declare function ResultStrip({ result, label, pending, draft, onFix, }: {
+    result: {
+        value?: unknown;
+        type?: string;
+        error?: string;
+    } | undefined;
+    label: string;
+    pending: boolean;
+    draft: string;
+    onFix: (next: string) => void;
+}): import("react").JSX.Element;
+/**
+ * Every row as one cell, coloured by what the expression made of it. A
+ * predicate's `false` is drawn apart from `true`: both evaluated, but only one
+ * selected the row.
+ */
+export declare function Coverage({ results, rowCount, focused, onFocus, rowLabel, predicate, }: {
+    results: CelResult[];
+    rowCount: number;
+    focused: number;
+    onFocus: (index: number) => void;
+    rowLabel?: ((index: number) => string) | undefined;
+    predicate?: boolean | undefined;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=celEditorResults.d.ts.map

package/dist/profiles/cel/celEditorResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"celEditorResults.d.ts","sourceRoot":"","sources":["../../../src/profiles/cel/celEditorResults.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEpF;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE;IACD,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,+BA+BA;AAeD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GACN,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,+BAwCA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,sCAwCA"}