@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/cel/celEditor.js

@@ -0,0 +1,395 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useMemo } 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 { 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";
+}
+function CelEditorDialog(props) {
+  return /* @__PURE__ */ jsx(Modal, { open: true, onClose: props.onClose, title: `Expression — ${props.title}`, size: "xl", children: /* @__PURE__ */ jsx(CelEditorPanel, { ...props }) });
+}
+function CelEditorPanel({ value, scope, rows, onChange, onClose }) {
+  const [draft, setDraft] = useState(value);
+  const [focused, setFocused] = useState(0);
+  const [picked, setPicked] = useState(void 0);
+  const input = useRef(null);
+  const insert = (text) => {
+    const element = input.current;
+    setDraft((current) => {
+      const start = (element == null ? void 0 : element.selectionStart) ?? current.length;
+      const end = (element == null ? void 0 : element.selectionEnd) ?? current.length;
+      return current.slice(0, start) + text + current.slice(end);
+    });
+    queueMicrotask(() => {
+      element == null ? void 0 : element.focus();
+      const at = ((element == null ? void 0 : element.selectionStart) ?? 0) + text.length;
+      element == null ? void 0 : element.setSelectionRange(at, at);
+    });
+  };
+  const { data, isFetching, error } = useQuery({
+    queryKey: ["cel-expression", scope, draft, rows.length],
+    enabled: draft.trim() !== "" && rows.length > 0,
+    staleTime: Infinity,
+    retry: false,
+    refetchOnWindowFocus: false,
+    queryFn: () => evaluateCel({ cel: draft, scope, 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 tree = useMemo(
+    () => createLazyJSONPathTree(row, { keyPrefix: `row${focused}:` }),
+    [row, focused]
+  );
+  const pickedPath = picked ? celPathFor(picked) : 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__ */ 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: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref: input,
+            className: "h-24 w-full resize-none rounded border border-border bg-background p-2 font-mono text-xs",
+            value: draft,
+            onChange: (event) => setDraft(event.target.value),
+            "aria-label": "CEL expression"
+          }
+        ),
+        (data == null ? void 0 : data.error) && /* @__PURE__ */ jsxs("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", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiWarningTriangle, className: "mt-0.5 shrink-0 text-[12px]" }),
+          data.error
+        ] }),
+        error instanceof Error && /* @__PURE__ */ jsx("p", { className: "rounded border border-destructive/40 bg-destructive/[0.06] px-2 py-1 text-[11px] text-destructive", children: error.message }),
+        /* @__PURE__ */ jsx(
+          ResultStrip,
+          {
+            result: focusedResult,
+            index: focused,
+            pending: isFetching,
+            draft,
+            onFix: setDraft
+          }
+        ),
+        pickedPath && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded border border-border bg-muted/30 p-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__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(
+            "button",
+            {
+              type: "button",
+              title: example.expression,
+              className: "rounded-full border border-border px-2 py-0.5 text-[10px] hover:bg-muted",
+              onClick: () => setDraft(example.expression),
+              children: example.label
+            },
+            example.label
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Tally, { ok: found.ok, empty: found.empty, failed: found.failed }),
+          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"
+          ] }),
+          found.types.length > 1 && /* @__PURE__ */ jsxs(Badge, { tone: "warning", variant: "soft", size: "md", children: [
+            "returns ",
+            found.types.join(" | ")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Coverage, { results, rowCount: rows.length, focused, onFocus: setFocused })
+      ] }),
+      /* @__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
+          ] })
+        ] }),
+        /* @__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",
+          {
+            type: "button",
+            className: "flex w-full items-baseline gap-1.5 rounded px-1 py-0.5 text-left hover:bg-muted",
+            onClick: () => insert(binding.name),
+            children: [
+              /* @__PURE__ */ jsx("code", { className: "shrink-0 font-mono text-[11px] text-primary", children: binding.name }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[10px] text-muted-foreground", children: binding.detail })
+            ]
+          }
+        ) }, binding.name)) }),
+        row && // Tree sizes to its parent and has no height of its own, so the
+        // box has to bound it or the panel grows with the document.
+        /* @__PURE__ */ jsx("div", { className: "flex h-72 min-h-0 flex-col overflow-hidden rounded border border-border bg-background", children: /* @__PURE__ */ jsx(
+          Tree,
+          {
+            className: "min-h-0 flex-1",
+            ariaLabel: "Row values",
+            showControls: false,
+            roots: tree.roots,
+            getKey: (node) => node.key,
+            getChildren: tree.getChildren,
+            hasMoreChildren: tree.hasMoreChildren,
+            loadChildren: tree.loadChildren,
+            defaultOpen: (_, depth) => depth < 1,
+            selected: picked ?? null,
+            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("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: [
+          "Reachable only through ",
+          /* @__PURE__ */ jsx("code", { className: "font-mono", children: "row" }),
+          ", not as a bare name:",
+          " ",
+          unreachable.map((key) => /* @__PURE__ */ jsxs("code", { className: "font-mono", children: [
+            key,
+            " "
+          ] }, key))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap items-center gap-2 border-t border-border pt-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          className: "gap-1.5",
+          onClick: () => {
+            onChange(draft);
+            onClose();
+          },
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "text-[12px]" }),
+            "Apply"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: onClose, children: "Cancel" }),
+      !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."
+      ] })
+    ] })
+  ] });
+}
+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,
+  rows,
+  title,
+  disabled,
+  onChange
+}) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size: "sm",
+        variant: "outline",
+        className: "shrink-0 gap-1",
+        onClick: () => setOpen(true),
+        ...disabled === void 0 ? {} : { disabled },
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: UiCode2, className: "text-[12px]" }),
+          "Test"
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      CelEditorDialog,
+      {
+        value,
+        scope,
+        rows: rows.filter(isRecord),
+        title,
+        onChange,
+        onClose: () => setOpen(false)
+      }
+    )
+  ] });
+}
+function CelField({ field, ctx }) {
+  const rows = useJsonPathSample(ctx == null ? void 0 : ctx.rootValue);
+  const value = field.value ?? "";
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        className: "w-full rounded border border-border bg-card px-2 py-1 font-mono text-xs",
+        value,
+        onChange: (event) => field.onChange(event.target.value),
+        "aria-label": "CEL expression",
+        ...field.readOnly === void 0 ? {} : { disabled: field.readOnly }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CelTestButton,
+      {
+        value,
+        scope: scopeOf(field.schema),
+        rows,
+        title: String(field.schema.title ?? "CEL"),
+        disabled: field.readOnly === true,
+        onChange: (next) => field.onChange(next)
+      }
+    )
+  ] });
+}
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+export {
+  CelEditorDialog,
+  CelEditorPanel,
+  CelField,
+  CelTestButton
+};
+//# sourceMappingURL=celEditor.js.map

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

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

package/dist/profiles/cel/celEditorExtension.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const celEditor = require("./celEditor.cjs");
+const celExpression = require("./celExpression.cjs");
+const celEditorPost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== celExpression.CEL_EDITOR_WIDGET) return nodes;
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsxRuntime.jsx(celEditor.CelField, { field, ...ctx ? { ctx } : {} })
+  };
+};
+const celEditorFormExtensions = { post: [celEditorPost] };
+exports.celEditorFormExtensions = celEditorFormExtensions;
+//# sourceMappingURL=celEditorExtension.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"celEditorExtension.cjs","sources":["../../../src/profiles/cel/celEditorExtension.tsx"],"sourcesContent":["/**\n * The JSON-schema form extension that swaps in the CEL editor.\n *\n * It lives apart from celEditor.tsx because it is not a component, and a module\n * that exports components must export nothing else for Fast Refresh to work\n * (react/only-export-components).\n */\n\nimport type { PostExtension } from \"../../components/json-schema-form-types\";\nimport { CelField } from \"./celEditor\";\nimport { CEL_EDITOR_WIDGET } from \"./celExpression\";\n\nconst celEditorPost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== CEL_EDITOR_WIDGET) return nodes;\n  return {\n    label: nodes.label,\n    value: <CelField field={field} {...(ctx ? { ctx } : {})} />,\n  };\n};\n\nexport const celEditorFormExtensions = { post: [celEditorPost] };\n"],"names":["CEL_EDITOR_WIDGET","jsx","CelField"],"mappings":";;;;;AAYA,MAAM,gBAA+B,CAAC,OAAO,OAAO,QAAQ;AAC1D,MAAI,MAAM,OAAO,oBAAoB,MAAMA,cAAAA,kBAAmB,QAAO;AACrE,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OAAOC,2BAAAA,IAACC,UAAAA,UAAA,EAAS,OAAe,GAAI,MAAM,EAAE,IAAA,IAAQ,GAAC,CAAI;AAAA,EAAA;AAE7D;AAEO,MAAM,0BAA0B,EAAE,MAAM,CAAC,aAAa,EAAA;;"}

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

@@ -0,0 +1,5 @@
+import { PostExtension } from '../../components/json-schema-form-types';
+export declare const celEditorFormExtensions: {
+    post: PostExtension[];
+};
+//# sourceMappingURL=celEditorExtension.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"celEditorExtension.d.ts","sourceRoot":"","sources":["../../../src/profiles/cel/celEditorExtension.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAY7E,eAAO,MAAM,uBAAuB;;CAA4B,CAAC"}

package/dist/profiles/cel/celEditorExtension.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { CelField } from "./celEditor.js";
+import { CEL_EDITOR_WIDGET } from "./celExpression.js";
+const celEditorPost = (field, nodes, ctx) => {
+  if (field.schema["x-clicky-component"] !== CEL_EDITOR_WIDGET) return nodes;
+  return {
+    label: nodes.label,
+    value: /* @__PURE__ */ jsx(CelField, { field, ...ctx ? { ctx } : {} })
+  };
+};
+const celEditorFormExtensions = { post: [celEditorPost] };
+export {
+  celEditorFormExtensions
+};
+//# sourceMappingURL=celEditorExtension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"celEditorExtension.js","sources":["../../../src/profiles/cel/celEditorExtension.tsx"],"sourcesContent":["/**\n * The JSON-schema form extension that swaps in the CEL editor.\n *\n * It lives apart from celEditor.tsx because it is not a component, and a module\n * that exports components must export nothing else for Fast Refresh to work\n * (react/only-export-components).\n */\n\nimport type { PostExtension } from \"../../components/json-schema-form-types\";\nimport { CelField } from \"./celEditor\";\nimport { CEL_EDITOR_WIDGET } from \"./celExpression\";\n\nconst celEditorPost: PostExtension = (field, nodes, ctx) => {\n  if (field.schema[\"x-clicky-component\"] !== CEL_EDITOR_WIDGET) return nodes;\n  return {\n    label: nodes.label,\n    value: <CelField field={field} {...(ctx ? { ctx } : {})} />,\n  };\n};\n\nexport const celEditorFormExtensions = { post: [celEditorPost] };\n"],"names":[],"mappings":";;;AAYA,MAAM,gBAA+B,CAAC,OAAO,OAAO,QAAQ;AAC1D,MAAI,MAAM,OAAO,oBAAoB,MAAM,kBAAmB,QAAO;AACrE,SAAO;AAAA,IACL,OAAO,MAAM;AAAA,IACb,OAAO,oBAAC,UAAA,EAAS,OAAe,GAAI,MAAM,EAAE,IAAA,IAAQ,GAAC,CAAI;AAAA,EAAA;AAE7D;AAEO,MAAM,0BAA0B,EAAE,MAAM,CAAC,aAAa,EAAA;"}