@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/fields/profileFieldEditor.cjs

@@ -0,0 +1,198 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const JSONPathField = require("../../components/JSONPathField.cjs");
+const button = require("../../components/button.cjs");
+const celEditor = require("../cel/celEditor.cjs");
+const celPath = require("../cel/celPath.cjs");
+const profileFieldControls = require("./profileFieldControls.cjs");
+const profileFieldFilterEditor = require("./profileFieldFilterEditor.cjs");
+const profileFieldIcons = require("./profileFieldIcons.cjs");
+const jsonPathSample = require("../query/jsonPathSample.cjs");
+const UiTag = require("../../icons/components/UiTag.cjs");
+const UiFileType = require("../../icons/components/UiFileType.cjs");
+const UiTableProperties = require("../../icons/components/UiTableProperties.cjs");
+const UiPalette = require("../../icons/components/UiPalette.cjs");
+const UiScale = require("../../icons/components/UiScale.cjs");
+const UiColumns = require("../../icons/components/UiColumns.cjs");
+const UiFunctionSquare = require("../../icons/components/UiFunctionSquare.cjs");
+const UiBraces = require("../../icons/components/UiBraces.cjs");
+const UiEyeClosed = require("../../icons/components/UiEyeClosed.cjs");
+const profileFieldEditorEmptyMessage = "Add a column or run a sample to discover fields.";
+function celExamples(fieldName) {
+  const field = celPath.celFieldAccess(fieldName);
+  return [
+    { label: "Use the entire row", expression: "row" },
+    { label: `Read ${fieldName}`, expression: field.reference },
+    {
+      label: `Default ${fieldName} when missing`,
+      expression: `${field.presence} ? ${field.reference} : ""`
+    },
+    { label: `Convert ${fieldName} to text`, expression: `string(${field.reference})` },
+    { label: `Scale ${fieldName} by 1,000`, expression: `${field.reference} / 1000.0` }
+  ];
+}
+function ProfileFieldEditorActions({
+  canMoveUp,
+  canMoveDown,
+  selected,
+  onSelectedChange,
+  onMoveUp,
+  onMoveDown,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", disabled: !canMoveUp, onClick: onMoveUp, children: "Move up" }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", disabled: !canMoveDown, onClick: onMoveDown, children: "Move down" }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", onClick: onRemove, children: "Remove" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: selected,
+          onChange: (event) => onSelectedChange(event.target.checked)
+        }
+      ),
+      "Include"
+    ] })
+  ] });
+}
+function ProfileFieldEditorForm({
+  field,
+  columns = 2,
+  onChange
+}) {
+  const wide = columns === 2 ? "sm:col-span-2" : "";
+  const rows = jsonPathSample.useJsonPathSampleRows();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid gap-4 ${columns === 2 ? "sm:grid-cols-2" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Output name", icon: profileFieldIcons.profileTypeIcon(field.type), help: "Public field name used by tables, filters, APIs, and every export.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": "Output name", value: field.name, className: profileFieldControls.inputClassName, onChange: (event) => onChange({ name: event.target.value }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Display label", icon: /* @__PURE__ */ jsxRuntime.jsx(UiTag.UiTag, {}), help: "Optional table header; blank uses the field name.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": "Display label", value: field.label ?? "", className: profileFieldControls.inputClassName, placeholder: field.name, onChange: (event) => onChange({ label: event.target.value || void 0 }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldControls.EnumField,
+      {
+        label: "Data type",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiFileType.UiFileType, {}),
+        help: "Value shape and default formatting; independent of Role.",
+        value: field.type ?? "",
+        options: profileFieldIcons.profileTypeOptions,
+        placeholder: "Auto detect",
+        onChange: (next) => onChange({ type: next })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldControls.EnumField,
+      {
+        label: "Role",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiTableProperties.UiTableProperties, {}),
+        help: "Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.",
+        value: field.kind ?? "",
+        options: profileFieldIcons.profileRoleOptions,
+        placeholder: "Standard field",
+        onChange: (next) => onChange(next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldControls.EnumField,
+      {
+        label: "Format",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiPalette.UiPalette, {}),
+        help: "Optional formatter; Unit takes precedence when both are set.",
+        value: field.format ?? "",
+        options: profileFieldIcons.profileFormatOptions,
+        placeholder: "From Type",
+        onChange: (next) => onChange({ format: next })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldControls.EnumField,
+      {
+        label: "Unit",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiScale.UiScale, {}),
+        help: "Numeric scaling for number, duration, or bytes Types.",
+        value: field.unit ?? "",
+        options: profileFieldIcons.profileUnitOptions,
+        placeholder: "No unit",
+        onChange: (next) => onChange({ unit: next })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Max width (characters)", icon: /* @__PURE__ */ jsxRuntime.jsx(UiColumns.UiColumns, {}), help: "Maximum rendered width; blank uses the table default.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": "Max width (characters)", type: "number", min: 1, value: field.width ?? "", className: profileFieldControls.inputClassName, placeholder: "Auto", onChange: (event) => onChange({ width: event.target.value ? Number(event.target.value) : void 0 }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UiFunctionSquare.UiFunctionSquare, { className: "shrink-0 text-[15px] text-muted-foreground" }),
+          "CEL expression"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              "aria-label": "CEL examples",
+              value: "",
+              className: "h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+              onChange: (event) => onChange({ cel: event.target.value }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Examples" }),
+                celExamples(field.source ?? field.name).map((example) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: example.expression, children: example.label }, example.label))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            celEditor.CelTestButton,
+            {
+              value: field.cel ?? "",
+              scope: "row",
+              rows,
+              title: field.name,
+              onChange: (next) => onChange({ cel: next || void 0 })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("textarea", { "aria-label": "CEL expression", rows: 4, value: field.cel ?? "", className: `${profileFieldControls.inputClassName} resize-y font-mono text-xs`, placeholder: "Optional value transformation", onChange: (event) => onChange({ cel: event.target.value || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "Optional expression computing the value from row." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "JSONPath", icon: /* @__PURE__ */ jsxRuntime.jsx(UiBraces.UiBraces, {}), fullWidth: true, help: "Optional path computing the value, rooted at the row or at Source; an alternative to CEL.", children: /* @__PURE__ */ jsxRuntime.jsx(
+      JSONPathField.JSONPathField,
+      {
+        "aria-label": "JSONPath",
+        value: field.jsonpath ?? "",
+        onChange: (next) => onChange({ jsonpath: next || void 0 }),
+        onSelectPath: (next, { root }) => onChange({ jsonpath: next || void 0, source: root }),
+        ...field.source ? { source: field.source } : {},
+        ...rows.length === 0 ? {} : { json: rows[0], rows },
+        evaluate: jsonPathSample.evaluateJsonPath
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `flex items-center gap-2 text-sm font-medium ${wide}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: field.hidden ?? false, onChange: (event) => onChange({ hidden: event.target.checked }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(UiEyeClosed.UiEyeClosed, { className: "text-[15px] text-muted-foreground" }),
+      "Hide this field in the default table"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(profileFieldFilterEditor.ProfileFieldFilterEditor, { field, columns, onChange }) })
+  ] });
+}
+function ProfileFieldEditor({
+  field,
+  onChange,
+  ...actions
+}) {
+  if (!field) {
+    return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground", children: profileFieldEditorEmptyMessage });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "overflow-auto rounded-xl border bg-card p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 flex flex-wrap items-start gap-2 border-b pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-auto min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Field editor" }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-1 truncate font-mono text-sm font-semibold", children: field.name })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldEditorActions, { ...actions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldEditorForm, { field, onChange })
+  ] });
+}
+exports.ProfileFieldEditor = ProfileFieldEditor;
+exports.ProfileFieldEditorActions = ProfileFieldEditorActions;
+exports.ProfileFieldEditorForm = ProfileFieldEditorForm;
+exports.profileFieldEditorEmptyMessage = profileFieldEditorEmptyMessage;
+//# sourceMappingURL=profileFieldEditor.cjs.map

package/dist/profiles/fields/profileFieldEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldEditor.cjs","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport { evaluateJsonPath, useJsonPathSampleRows } from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(fieldName: string): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    { label: `Convert ${fieldName} to text`, expression: `string(${field.reference})` },\n    { label: `Scale ${fieldName} by 1,000`, expression: `${field.reference} / 1000.0` },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={!canMoveUp} onClick={onMoveUp}>\n        Move up\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={!canMoveDown} onClick={onMoveDown}>\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <EditorField label=\"Output name\" icon={profileTypeIcon(field.type)} help=\"Public field name used by tables, filters, APIs, and every export.\">\n        <input aria-label=\"Output name\" value={field.name} className={inputClassName} onChange={(event) => onChange({ name: event.target.value })} />\n      </EditorField>\n      <EditorField label=\"Display label\" icon={<UiTag />} help=\"Optional table header; blank uses the field name.\">\n        <input aria-label=\"Display label\" value={field.label ?? \"\"} className={inputClassName} placeholder={field.name} onChange={(event) => onChange({ label: event.target.value || undefined })} />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(next === \"timestamp\" ? { kind: next, type: \"datetime\" } : { kind: next })\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField label=\"Max width (characters)\" icon={<UiColumns />} help=\"Maximum rendered width; blank uses the table default.\">\n        <input aria-label=\"Max width (characters)\" type=\"number\" min={1} value={field.width ?? \"\"} className={inputClassName} placeholder=\"Auto\" onChange={(event) => onChange({ width: event.target.value ? Number(event.target.value) : undefined })} />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>{example.label}</option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea aria-label=\"CEL expression\" rows={4} value={field.cel ?? \"\"} className={`${inputClassName} resize-y font-mono text-xs`} placeholder=\"Optional value transformation\" onChange={(event) => onChange({ cel: event.target.value || undefined })} />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField label=\"JSONPath\" icon={<UiBraces />} fullWidth help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\">\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input type=\"checkbox\" checked={field.hidden ?? false} onChange={(event) => onChange({ hidden: event.target.checked })} />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n      <div className={wide}>\n        <ProfileFieldFilterEditor field={field} columns={columns} onChange={onChange} />\n      </div>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":["celFieldAccess","jsxs","Fragment","jsx","Button","useJsonPathSampleRows","EditorField","profileTypeIcon","inputClassName","UiTag","EnumField","UiFileType","profileTypeOptions","UiTableProperties","profileRoleOptions","UiPalette","profileFormatOptions","UiScale","profileUnitOptions","UiColumns","UiFunctionSquare","CelTestButton","UiBraces","JSONPathField","evaluateJsonPath","UiEyeClosed","ProfileFieldFilterEditor"],"mappings":"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"}

package/dist/profiles/fields/profileFieldEditor.d.ts

@@ -0,0 +1,34 @@
+import { Patch, ProfileColumn } from '../wizard/profileWizardModel';
+type FieldActions = {
+    selected: boolean;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+    onSelectedChange: (selected: boolean) => void;
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onRemove: () => void;
+};
+export declare const profileFieldEditorEmptyMessage = "Add a column or run a sample to discover fields.";
+/** Ordering, removal and inclusion — the operations that act on the field as a
+ *  whole rather than on one of its properties. */
+export declare function ProfileFieldEditorActions({ canMoveUp, canMoveDown, selected, onSelectedChange, onMoveUp, onMoveDown, onRemove, }: FieldActions): import("react/jsx-runtime").JSX.Element;
+/**
+ * Everything about a column that a grid cell cannot hold: role, format, unit
+ * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint
+ * because the wizard mounts this in a ~380px pane on a wide viewport, where
+ * viewport-based breakpoints would wrongly go two-up.
+ */
+export declare function ProfileFieldEditorForm({ field, columns, onChange, }: {
+    field: ProfileColumn;
+    columns?: 1 | 2;
+    onChange: (patch: Patch<ProfileColumn>) => void;
+}): import("react/jsx-runtime").JSX.Element;
+/** The wizard's carded inspector: names the field itself, because its field
+ *  list has no header to do it. The editor route composes the parts instead,
+ *  since its Workspace pane header already carries the name. */
+export declare function ProfileFieldEditor({ field, onChange, ...actions }: FieldActions & {
+    field?: ProfileColumn | undefined;
+    onChange: (patch: Patch<ProfileColumn>) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=profileFieldEditor.d.ts.map

package/dist/profiles/fields/profileFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAGzE,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,8BAA8B,qDACS,CAAC;AAuBrD;kDACkD;AAClD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,YAAY,2CAsBd;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,2CAyHA;AAED;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,GAAG,OAAO,EACX,EAAE,YAAY,GAAG;IAChB,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,2CAyBA"}

package/dist/profiles/fields/profileFieldEditor.js

@@ -0,0 +1,198 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { JSONPathField } from "../../components/JSONPathField.js";
+import { Button } from "../../components/button.js";
+import { CelTestButton } from "../cel/celEditor.js";
+import { celFieldAccess } from "../cel/celPath.js";
+import { EditorField, inputClassName, EnumField } from "./profileFieldControls.js";
+import { ProfileFieldFilterEditor } from "./profileFieldFilterEditor.js";
+import { profileTypeIcon, profileTypeOptions, profileRoleOptions, profileFormatOptions, profileUnitOptions } from "./profileFieldIcons.js";
+import { useJsonPathSampleRows, evaluateJsonPath } from "../query/jsonPathSample.js";
+import { UiTag } from "../../icons/components/UiTag.js";
+import { UiFileType } from "../../icons/components/UiFileType.js";
+import { UiTableProperties } from "../../icons/components/UiTableProperties.js";
+import { UiPalette } from "../../icons/components/UiPalette.js";
+import { UiScale } from "../../icons/components/UiScale.js";
+import { UiColumns } from "../../icons/components/UiColumns.js";
+import { UiFunctionSquare } from "../../icons/components/UiFunctionSquare.js";
+import { UiBraces } from "../../icons/components/UiBraces.js";
+import { UiEyeClosed } from "../../icons/components/UiEyeClosed.js";
+const profileFieldEditorEmptyMessage = "Add a column or run a sample to discover fields.";
+function celExamples(fieldName) {
+  const field = celFieldAccess(fieldName);
+  return [
+    { label: "Use the entire row", expression: "row" },
+    { label: `Read ${fieldName}`, expression: field.reference },
+    {
+      label: `Default ${fieldName} when missing`,
+      expression: `${field.presence} ? ${field.reference} : ""`
+    },
+    { label: `Convert ${fieldName} to text`, expression: `string(${field.reference})` },
+    { label: `Scale ${fieldName} by 1,000`, expression: `${field.reference} / 1000.0` }
+  ];
+}
+function ProfileFieldEditorActions({
+  canMoveUp,
+  canMoveDown,
+  selected,
+  onSelectedChange,
+  onMoveUp,
+  onMoveDown,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: !canMoveUp, onClick: onMoveUp, children: "Move up" }),
+    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: !canMoveDown, onClick: onMoveDown, children: "Move down" }),
+    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: onRemove, children: "Remove" }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: selected,
+          onChange: (event) => onSelectedChange(event.target.checked)
+        }
+      ),
+      "Include"
+    ] })
+  ] });
+}
+function ProfileFieldEditorForm({
+  field,
+  columns = 2,
+  onChange
+}) {
+  const wide = columns === 2 ? "sm:col-span-2" : "";
+  const rows = useJsonPathSampleRows();
+  return /* @__PURE__ */ jsxs("div", { className: `grid gap-4 ${columns === 2 ? "sm:grid-cols-2" : ""}`, children: [
+    /* @__PURE__ */ jsx(EditorField, { label: "Output name", icon: profileTypeIcon(field.type), help: "Public field name used by tables, filters, APIs, and every export.", children: /* @__PURE__ */ jsx("input", { "aria-label": "Output name", value: field.name, className: inputClassName, onChange: (event) => onChange({ name: event.target.value }) }) }),
+    /* @__PURE__ */ jsx(EditorField, { label: "Display label", icon: /* @__PURE__ */ jsx(UiTag, {}), help: "Optional table header; blank uses the field name.", children: /* @__PURE__ */ jsx("input", { "aria-label": "Display label", value: field.label ?? "", className: inputClassName, placeholder: field.name, onChange: (event) => onChange({ label: event.target.value || void 0 }) }) }),
+    /* @__PURE__ */ jsx(
+      EnumField,
+      {
+        label: "Data type",
+        icon: /* @__PURE__ */ jsx(UiFileType, {}),
+        help: "Value shape and default formatting; independent of Role.",
+        value: field.type ?? "",
+        options: profileTypeOptions,
+        placeholder: "Auto detect",
+        onChange: (next) => onChange({ type: next })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EnumField,
+      {
+        label: "Role",
+        icon: /* @__PURE__ */ jsx(UiTableProperties, {}),
+        help: "Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.",
+        value: field.kind ?? "",
+        options: profileRoleOptions,
+        placeholder: "Standard field",
+        onChange: (next) => onChange(next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EnumField,
+      {
+        label: "Format",
+        icon: /* @__PURE__ */ jsx(UiPalette, {}),
+        help: "Optional formatter; Unit takes precedence when both are set.",
+        value: field.format ?? "",
+        options: profileFormatOptions,
+        placeholder: "From Type",
+        onChange: (next) => onChange({ format: next })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EnumField,
+      {
+        label: "Unit",
+        icon: /* @__PURE__ */ jsx(UiScale, {}),
+        help: "Numeric scaling for number, duration, or bytes Types.",
+        value: field.unit ?? "",
+        options: profileUnitOptions,
+        placeholder: "No unit",
+        onChange: (next) => onChange({ unit: next })
+      }
+    ),
+    /* @__PURE__ */ jsx(EditorField, { label: "Max width (characters)", icon: /* @__PURE__ */ jsx(UiColumns, {}), help: "Maximum rendered width; blank uses the table default.", children: /* @__PURE__ */ jsx("input", { "aria-label": "Max width (characters)", type: "number", min: 1, value: field.width ?? "", className: inputClassName, placeholder: "Auto", onChange: (event) => onChange({ width: event.target.value ? Number(event.target.value) : void 0 }) }) }),
+    /* @__PURE__ */ jsx("div", { className: wide, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(UiFunctionSquare, { className: "shrink-0 text-[15px] text-muted-foreground" }),
+          "CEL expression"
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              "aria-label": "CEL examples",
+              value: "",
+              className: "h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15",
+              onChange: (event) => onChange({ cel: event.target.value }),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Examples" }),
+                celExamples(field.source ?? field.name).map((example) => /* @__PURE__ */ jsx("option", { value: example.expression, children: example.label }, example.label))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CelTestButton,
+            {
+              value: field.cel ?? "",
+              scope: "row",
+              rows,
+              title: field.name,
+              onChange: (next) => onChange({ cel: next || void 0 })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("textarea", { "aria-label": "CEL expression", rows: 4, value: field.cel ?? "", className: `${inputClassName} resize-y font-mono text-xs`, placeholder: "Optional value transformation", onChange: (event) => onChange({ cel: event.target.value || void 0 }) }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "Optional expression computing the value from row." })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: wide, children: /* @__PURE__ */ jsx(EditorField, { label: "JSONPath", icon: /* @__PURE__ */ jsx(UiBraces, {}), fullWidth: true, help: "Optional path computing the value, rooted at the row or at Source; an alternative to CEL.", children: /* @__PURE__ */ jsx(
+      JSONPathField,
+      {
+        "aria-label": "JSONPath",
+        value: field.jsonpath ?? "",
+        onChange: (next) => onChange({ jsonpath: next || void 0 }),
+        onSelectPath: (next, { root }) => onChange({ jsonpath: next || void 0, source: root }),
+        ...field.source ? { source: field.source } : {},
+        ...rows.length === 0 ? {} : { json: rows[0], rows },
+        evaluate: evaluateJsonPath
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 text-sm font-medium ${wide}`, children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", checked: field.hidden ?? false, onChange: (event) => onChange({ hidden: event.target.checked }) }),
+      /* @__PURE__ */ jsx(UiEyeClosed, { className: "text-[15px] text-muted-foreground" }),
+      "Hide this field in the default table"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: wide, children: /* @__PURE__ */ jsx(ProfileFieldFilterEditor, { field, columns, onChange }) })
+  ] });
+}
+function ProfileFieldEditor({
+  field,
+  onChange,
+  ...actions
+}) {
+  if (!field) {
+    return /* @__PURE__ */ jsx("section", { className: "grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground", children: profileFieldEditorEmptyMessage });
+  }
+  return /* @__PURE__ */ jsxs("section", { className: "overflow-auto rounded-xl border bg-card p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-5 flex flex-wrap items-start gap-2 border-b pb-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mr-auto min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Field editor" }),
+        /* @__PURE__ */ jsx("h3", { className: "mt-1 truncate font-mono text-sm font-semibold", children: field.name })
+      ] }),
+      /* @__PURE__ */ jsx(ProfileFieldEditorActions, { ...actions })
+    ] }),
+    /* @__PURE__ */ jsx(ProfileFieldEditorForm, { field, onChange })
+  ] });
+}
+export {
+  ProfileFieldEditor,
+  ProfileFieldEditorActions,
+  ProfileFieldEditorForm,
+  profileFieldEditorEmptyMessage
+};
+//# sourceMappingURL=profileFieldEditor.js.map

package/dist/profiles/fields/profileFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldEditor.js","sources":["../../../src/profiles/fields/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../../components/JSONPathField\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBraces,\n  UiColumns,\n  UiEyeClosed,\n  UiFileType,\n  UiFunctionSquare,\n  UiPalette,\n  UiScale,\n  UiTableProperties,\n  UiTag,\n} from \"../../icons\";\nimport { CelTestButton } from \"../cel/celEditor\";\nimport { celFieldAccess } from \"../cel/celPath\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { ProfileFieldFilterEditor } from \"./profileFieldFilterEditor\";\nimport {\n  profileFormatOptions,\n  profileRoleOptions,\n  profileTypeIcon,\n  profileTypeOptions,\n  profileUnitOptions,\n} from \"./profileFieldIcons\";\nimport type { Patch, ProfileColumn } from \"../wizard/profileWizardModel\";\nimport { evaluateJsonPath, useJsonPathSampleRows } from \"../query/jsonPathSample\";\n\ntype FieldActions = {\n  selected: boolean;\n  canMoveUp: boolean;\n  canMoveDown: boolean;\n  onSelectedChange: (selected: boolean) => void;\n  onMoveUp: () => void;\n  onMoveDown: () => void;\n  onRemove: () => void;\n};\n\nexport const profileFieldEditorEmptyMessage =\n  \"Add a column or run a sample to discover fields.\";\n\n/**\n * The starting points offered before a value is in hand.\n *\n * This header has only the field's name to go on — the sampled value lives in\n * the Test dialog, which is where the examples that fit it are offered. So\n * these stay deliberately generic and lead there.\n */\nfunction celExamples(fieldName: string): Array<{ label: string; expression: string }> {\n  const field = celFieldAccess(fieldName);\n  return [\n    { label: \"Use the entire row\", expression: \"row\" },\n    { label: `Read ${fieldName}`, expression: field.reference },\n    {\n      label: `Default ${fieldName} when missing`,\n      expression: `${field.presence} ? ${field.reference} : \"\"`,\n    },\n    { label: `Convert ${fieldName} to text`, expression: `string(${field.reference})` },\n    { label: `Scale ${fieldName} by 1,000`, expression: `${field.reference} / 1000.0` },\n  ];\n}\n\n/** Ordering, removal and inclusion — the operations that act on the field as a\n *  whole rather than on one of its properties. */\nexport function ProfileFieldEditorActions({\n  canMoveUp,\n  canMoveDown,\n  selected,\n  onSelectedChange,\n  onMoveUp,\n  onMoveDown,\n  onRemove,\n}: FieldActions) {\n  return (\n    <>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={!canMoveUp} onClick={onMoveUp}>\n        Move up\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" disabled={!canMoveDown} onClick={onMoveDown}>\n        Move down\n      </Button>\n      <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={onRemove}>\n        Remove\n      </Button>\n      <label className=\"flex items-center gap-2 text-sm font-medium\">\n        <input\n          type=\"checkbox\"\n          checked={selected}\n          onChange={(event) => onSelectedChange(event.target.checked)}\n        />\n        Include\n      </label>\n    </>\n  );\n}\n\n/**\n * Everything about a column that a grid cell cannot hold: role, format, unit\n * and the CEL expression. `columns` is explicit rather than a `sm:` breakpoint\n * because the wizard mounts this in a ~380px pane on a wide viewport, where\n * viewport-based breakpoints would wrongly go two-up.\n */\nexport function ProfileFieldEditorForm({\n  field,\n  columns = 2,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns?: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n  const rows = useJsonPathSampleRows();\n  return (\n    <div className={`grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n      <EditorField label=\"Output name\" icon={profileTypeIcon(field.type)} help=\"Public field name used by tables, filters, APIs, and every export.\">\n        <input aria-label=\"Output name\" value={field.name} className={inputClassName} onChange={(event) => onChange({ name: event.target.value })} />\n      </EditorField>\n      <EditorField label=\"Display label\" icon={<UiTag />} help=\"Optional table header; blank uses the field name.\">\n        <input aria-label=\"Display label\" value={field.label ?? \"\"} className={inputClassName} placeholder={field.name} onChange={(event) => onChange({ label: event.target.value || undefined })} />\n      </EditorField>\n      <EnumField\n        label=\"Data type\"\n        icon={<UiFileType />}\n        help=\"Value shape and default formatting; independent of Role.\"\n        value={field.type ?? \"\"}\n        options={profileTypeOptions}\n        placeholder=\"Auto detect\"\n        onChange={(next) => onChange({ type: next })}\n      />\n      <EnumField\n        label=\"Role\"\n        icon={<UiTableProperties />}\n        help=\"Optional table behavior. Timestamp also types the field as datetime, since it is the column the date-range control reads.\"\n        value={field.kind ?? \"\"}\n        options={profileRoleOptions}\n        placeholder=\"Standard field\"\n        // Naming the time column and leaving it typed as a string is a state\n        // nobody wants: the header drives a date range while the cell renders\n        // raw. The wizard already couples the two (mapTimestampColumn); doing\n        // it here too is what keeps the per-field editor from undoing it.\n        onChange={(next) =>\n          onChange(next === \"timestamp\" ? { kind: next, type: \"datetime\" } : { kind: next })\n        }\n      />\n      <EnumField\n        label=\"Format\"\n        icon={<UiPalette />}\n        help=\"Optional formatter; Unit takes precedence when both are set.\"\n        value={field.format ?? \"\"}\n        options={profileFormatOptions}\n        placeholder=\"From Type\"\n        onChange={(next) => onChange({ format: next })}\n      />\n      <EnumField\n        label=\"Unit\"\n        icon={<UiScale />}\n        help=\"Numeric scaling for number, duration, or bytes Types.\"\n        value={field.unit ?? \"\"}\n        options={profileUnitOptions}\n        placeholder=\"No unit\"\n        onChange={(next) => onChange({ unit: next })}\n      />\n      <EditorField label=\"Max width (characters)\" icon={<UiColumns />} help=\"Maximum rendered width; blank uses the table default.\">\n        <input aria-label=\"Max width (characters)\" type=\"number\" min={1} value={field.width ?? \"\"} className={inputClassName} placeholder=\"Auto\" onChange={(event) => onChange({ width: event.target.value ? Number(event.target.value) : undefined })} />\n      </EditorField>\n      <div className={wide}>\n        <div className=\"grid gap-1.5 text-sm font-medium\">\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"flex items-center gap-2\">\n              <UiFunctionSquare className=\"shrink-0 text-[15px] text-muted-foreground\" />\n              CEL expression\n            </span>\n            <span className=\"flex items-center gap-2\">\n              <select\n                aria-label=\"CEL examples\"\n                value=\"\"\n                className=\"h-8 rounded-md border border-input bg-background px-2 text-xs font-normal outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n                onChange={(event) => onChange({ cel: event.target.value })}\n              >\n                <option value=\"\">Examples</option>\n                {celExamples(field.source ?? field.name).map((example) => (\n                  <option key={example.label} value={example.expression}>{example.label}</option>\n                ))}\n              </select>\n              <CelTestButton\n                value={field.cel ?? \"\"}\n                scope=\"row\"\n                rows={rows}\n                title={field.name}\n                onChange={(next) => onChange({ cel: next || undefined })}\n              />\n            </span>\n          </div>\n          <textarea aria-label=\"CEL expression\" rows={4} value={field.cel ?? \"\"} className={`${inputClassName} resize-y font-mono text-xs`} placeholder=\"Optional value transformation\" onChange={(event) => onChange({ cel: event.target.value || undefined })} />\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Optional expression computing the value from row.\n          </span>\n        </div>\n      </div>\n      <div className={wide}>\n        <EditorField label=\"JSONPath\" icon={<UiBraces />} fullWidth help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\">\n          <JSONPathField\n            aria-label=\"JSONPath\"\n            value={field.jsonpath ?? \"\"}\n            onChange={(next) => onChange({ jsonpath: next || undefined })}\n            // This editor owns the whole column, so a path picked out of a\n            // JSON-encoded column sets the Source it needs in the same edit\n            // rather than leaving the author to pair the two by hand. A path\n            // picked outside one clears it: alongside a jsonpath, Source is the\n            // root, and a stale root re-roots the new path at a column it was\n            // never written against.\n            onSelectPath={(next, { root }) =>\n              onChange({ jsonpath: next || undefined, source: root })\n            }\n            {...(field.source ? { source: field.source } : {})}\n            {...(rows.length === 0 ? {} : { json: rows[0], rows })}\n            evaluate={evaluateJsonPath}\n          />\n        </EditorField>\n      </div>\n      <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n        <input type=\"checkbox\" checked={field.hidden ?? false} onChange={(event) => onChange({ hidden: event.target.checked })} />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\n      <div className={wide}>\n        <ProfileFieldFilterEditor field={field} columns={columns} onChange={onChange} />\n      </div>\n    </div>\n  );\n}\n\n/** The wizard's carded inspector: names the field itself, because its field\n *  list has no header to do it. The editor route composes the parts instead,\n *  since its Workspace pane header already carries the name. */\nexport function ProfileFieldEditor({\n  field,\n  onChange,\n  ...actions\n}: FieldActions & {\n  field?: ProfileColumn | undefined;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  if (!field) {\n    return (\n      <section className=\"grid min-h-64 place-items-center rounded-xl border border-dashed text-sm text-muted-foreground\">\n        {profileFieldEditorEmptyMessage}\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"overflow-auto rounded-xl border bg-card p-5\">\n      <div className=\"mb-5 flex flex-wrap items-start gap-2 border-b pb-4\">\n        <div className=\"mr-auto min-w-0\">\n          <p className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Field editor\n          </p>\n          <h3 className=\"mt-1 truncate font-mono text-sm font-semibold\">\n            {field.name}\n          </h3>\n        </div>\n        <ProfileFieldEditorActions {...actions} />\n      </div>\n      <ProfileFieldEditorForm field={field} onChange={onChange} />\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}