@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/profiles/cel/celEditor.cjs

@@ -8,21 +8,16 @@ const button = require("../../components/button.cjs");
 const Icon = require("../../data/Icon.cjs");
 const Modal = require("../../overlay/Modal.cjs");
 const Tree = require("../../data/Tree.cjs");
-const utils = require("../../lib/utils.cjs");
 const jsonPathTree = require("../../components/jsonPathTree.cjs");
 const jsonPathSample = require("../query/jsonPathSample.cjs");
 const celPath = require("./celPath.cjs");
+const celEditorResults = require("./celEditorResults.cjs");
+const celExamples = require("./celExamples.cjs");
 const celExpression = require("./celExpression.cjs");
 const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
 const UiArrowRight = require("../../icons/components/UiArrowRight.cjs");
 const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiCode2 = require("../../icons/components/UiCode2.cjs");
-const UiSparkles = require("../../icons/components/UiSparkles.cjs");
-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";
@@ -30,7 +25,15 @@ function scopeOf(schema) {
 function CelEditorDialog(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { open: true, onClose: props.onClose, title: `Expression — ${props.title}`, size: "xl", children: /* @__PURE__ */ jsxRuntime.jsx(CelEditorPanel, { ...props }) });
 }
+function countOf(count, noun) {
+  return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
 function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
+  var _a;
+  const environment = react.useMemo(
+    () => typeof scope === "string" ? celExpression.profileCelEnvironment(scope) : scope,
+    [scope]
+  );
   const [draft, setDraft] = react.useState(value);
   const [focused, setFocused] = react.useState(0);
   const [picked, setPicked] = react.useState(void 0);
@@ -49,32 +52,34 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
     });
   };
   const { data, isFetching, error } = reactQuery.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: () => celExpression.evaluateCel({ cel: draft, scope, rows })
+    queryFn: () => environment.evaluate(draft, rows)
   });
   const results = (data == null ? void 0 : data.results) ?? [];
   const found = react.useMemo(() => celExpression.coverage(results), [results]);
   const focusedResult = results.find((result) => result.index === focused) ?? results[0];
   const jump = celExpression.nextBarren(found, focused);
   const row = rows[focused];
-  const bindings = celExpression.bindingsFor(scope, row);
-  const unreachable = celExpression.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 = react.useMemo(
     () => jsonPathTree.createLazyJSONPathTree(row, { keyPrefix: `row${focused}:` }),
     [row, focused]
   );
-  const pickedPath = picked ? celPath.celPathFor(picked) : void 0;
+  const pickedPath = picked ? celPath.celPathFor(picked, environment.rowName) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "info", variant: "soft", size: "md", children: [
-        SCOPE_LABEL[scope],
-        " scope"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: rows.length === 0 ? "nothing sampled yet" : `${rows.length} sampled rows` })
+      /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "info", variant: "soft", size: "md", children: environment.label }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,1.4fr)_minmax(0,0.7fr)]", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-2", children: [
@@ -94,10 +99,10 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
         ] }),
         error instanceof Error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded border border-destructive/40 bg-destructive/[0.06] px-2 py-1 text-[11px] text-destructive", children: error.message }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          ResultStrip,
+          celEditorResults.ResultStrip,
           {
             result: focusedResult,
-            index: focused,
+            label: nameRow(focused),
             pending: isFetching,
             draft,
             onFix: setDraft
@@ -108,7 +113,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             /* @__PURE__ */ jsxRuntime.jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-primary", children: pickedPath }),
             /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "outline", onClick: () => insert(pickedPath), children: "Insert" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: celExpression.celExamplesFor(pickedPath, picked == null ? void 0 : picked.value).map((example) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: celExamples.celExamplesFor(pickedPath, picked == null ? void 0 : picked.value, { predicate: environment.predicate }).map((example) => /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
@@ -121,7 +126,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
           )) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Tally, { ok: found.ok, empty: found.empty, failed: found.failed }),
+          /* @__PURE__ */ jsxRuntime.jsx(celEditorResults.Tally, { found, results, predicate: environment.predicate }),
           jump !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", variant: "outline", className: "gap-1.5", onClick: () => setFocused(jump), children: [
             /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiArrowRight.UiArrowRight, className: "text-[12px]" }),
             "Next empty row"
@@ -131,15 +136,22 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             found.types.join(" | ")
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Coverage, { results, rowCount: rows.length, focused, onFocus: setFocused })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          celEditorResults.Coverage,
+          {
+            results,
+            rowCount: rows.length,
+            focused,
+            onFocus: setFocused,
+            rowLabel: environment.rowLabel ? nameRow : void 0,
+            predicate: environment.predicate
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-2 rounded-lg border border-border bg-muted/20 p-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold", children: "In scope" }),
-          rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "neutral", variant: "soft", size: "md", children: [
-            "row ",
-            focused + 1
-          ] })
+          rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { tone: "neutral", variant: "soft", size: "md", children: nameRow(focused) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: bindings.filter((binding) => binding.value === void 0).map((binding) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -159,7 +171,7 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
           Tree.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,
@@ -171,14 +183,14 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
             onSelect: setPicked,
             getSearchText: (node) => `${node.key} ${node.summary}`,
             renderRow: ({ node }) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-baseline gap-1.5", title: node.path, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 font-mono text-[11px] text-primary", children: node.path === "$" ? "row" : lastSegment(node.path) }),
+              /* @__PURE__ */ jsxRuntime.jsx("code", { className: "shrink-0 font-mono text-[11px] text-primary", children: node.path === "$" ? environment.rowName || nameRow(focused) : lastSegment(node.path) }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-[10px] text-muted-foreground", children: node.summary })
             ] })
           }
         ) }),
-        scope !== "row" && unreachable.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "border-t border-border/60 pt-1 text-[10px] text-muted-foreground", children: [
+        unreachable.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "border-t border-border/60 pt-1 text-[10px] text-muted-foreground", children: [
           "Reachable only through ",
-          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: "row" }),
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono", children: environment.rowName }),
           ", not as a bare name:",
           " ",
           unreachable.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("code", { className: "font-mono", children: [
@@ -208,119 +220,17 @@ function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
       !celExpression.isClean(found) && results.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "success", variant: "soft", size: "md", children: [
-      ok,
-      " evaluated"
-    ] }),
-    empty > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "warning", variant: "soft", size: "md", children: [
-      empty,
-      " empty"
-    ] }),
-    failed > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Badge.Badge, { tone: "danger", variant: "soft", size: "md", icon: UiWarningTriangle.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 = 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: [
-        "row ",
-        index + 1,
-        " — 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.jsxs("span", { className: "text-[11px] font-medium", children: [
-      "row ",
-      index + 1
-    ] }),
-    /* @__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
-}) {
-  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: "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);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Row ${index + 1}`,
-          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" : "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.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"celEditor.cjs","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":["Modal","useState","useRef","useQuery","evaluateCel","useMemo","coverage","nextBarren","bindingsFor","unreachableKeys","createLazyJSONPathTree","celPathFor","jsxs","Badge","jsx","Icon","UiWarningTriangle","Button","celExamplesFor","UiArrowRight","Tree","UiCheck","isClean","explainCelError","UiSparkles","cn","Fragment","UiCode2","useJsonPathSample"],"mappings":"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"}
+{"version":3,"file":"celEditor.cjs","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":["Modal","useMemo","profileCelEnvironment","useState","useRef","useQuery","coverage","nextBarren","createLazyJSONPathTree","celPathFor","jsxs","jsx","Badge","Icon","UiWarningTriangle","ResultStrip","Button","celExamplesFor","Tally","UiArrowRight","Coverage","Tree","UiCheck","isClean","Fragment","UiCode2","useJsonPathSample"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { FieldControl, PostExtensionContext } from '../../components/json-schema-form-types';
-import { CelScope } from './celExpression';
+import { CelEnvironment, CelScope } from './celExpression';
 /**
  * The expression editor.
  *
@@ -13,7 +13,8 @@ import { CelScope } from './celExpression';
 export declare function CelEditorDialog(props: CelEditorProps): import("react").JSX.Element;
 type CelEditorProps = {
     value: string;
-    scope: CelScope;
+    /** A profile scope, or the host's own environment for CEL that is not a profile's. */
+    scope: CelScope | CelEnvironment;
     rows: Record<string, unknown>[];
     title: string;
     onChange: (next: string) => void;
@@ -36,7 +37,7 @@ export declare function CelEditorPanel({ value, scope, rows, onChange, onClose }
  */
 export declare function CelTestButton({ value, scope, rows, title, disabled, onChange, }: {
     value: string;
-    scope: CelScope;
+    scope: CelScope | CelEnvironment;
     rows: unknown[];
     title: string;
     disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"celEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/cel/celEditor.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,yCAAyC,CAAC;AAKjD,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAC;AAazB;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,+BAMpD;AAED,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,cAAc,+BAgPvF;AA+ID;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BA0BA;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,CAAC,EAAE,oBAAoB,CAAA;CAAE,+BAuB3F"}
+{"version":3,"file":"celEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/cel/celEditor.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,yCAAyC,CAAC;AAOjD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAC;AAOzB;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,+BAMpD;AAED,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,KAAK,EAAE,QAAQ,GAAG,cAAc,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAOF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,cAAc,+BAqQvF;AAQD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,cAAc,CAAC;IACjC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,+BA0BA;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,GAAG,CAAC,EAAE,oBAAoB,CAAA;CAAE,+BAuB3F"}