@flanksource/clicky-ui 0.3.25 → 0.3.26

package/dist/profiles/fields/profileFieldEditor.cjs

@@ -28,8 +28,14 @@ function celExamples(fieldName) {
       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` }
+    {
+      label: `Convert ${fieldName} to text`,
+      expression: `string(${field.reference})`
+    },
+    {
+      label: `Scale ${fieldName} by 1,000`,
+      expression: `${field.reference} / 1000.0`
+    }
   ];
 }
 function ProfileFieldEditorActions({
@@ -42,8 +48,28 @@ function ProfileFieldEditorActions({
   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",
+        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(
@@ -66,8 +92,49 @@ function ProfileFieldEditorForm({
   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(
+      profileFieldFilterEditor.ProfileFieldFilterEditor,
+      {
+        field,
+        columns,
+        onChange
+      }
+    ),
+    /* @__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,
       {
@@ -89,7 +156,9 @@ function ProfileFieldEditorForm({
         value: field.kind ?? "",
         options: profileFieldIcons.profileRoleOptions,
         placeholder: "Standard field",
-        onChange: (next) => onChange(next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next })
+        onChange: (next) => onChange(
+          next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next }
+        )
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -116,7 +185,28 @@ function ProfileFieldEditorForm({
         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(
+      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: [
@@ -149,27 +239,52 @@ function ProfileFieldEditorForm({
           )
         ] })
       ] }),
-      /* @__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(
+        "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,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(
+      profileFieldControls.EditorField,
       {
-        "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
+        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(
+        "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({

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

@@ -1 +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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"}
+{"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 {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} 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(\n  fieldName: string,\n): 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    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\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\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\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      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\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(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\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\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\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}>\n                    {example.label}\n                  </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\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\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\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          fullWidth\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\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\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\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","ProfileFieldFilterEditor","EditorField","profileTypeIcon","inputClassName","UiTag","EnumField","UiFileType","profileTypeOptions","UiTableProperties","profileRoleOptions","UiPalette","profileFormatOptions","UiScale","profileUnitOptions","UiColumns","UiFunctionSquare","CelTestButton","UiBraces","JSONPathField","evaluateJsonPath","UiEyeClosed"],"mappings":"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"}

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

@@ -1 +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"}
+{"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;AAMzE,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;AA+BrD;kDACkD;AAClD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,EAAE,YAAY,2CAkCd;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,2CA0LA;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

@@ -26,8 +26,14 @@ function celExamples(fieldName) {
       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` }
+    {
+      label: `Convert ${fieldName} to text`,
+      expression: `string(${field.reference})`
+    },
+    {
+      label: `Scale ${fieldName} by 1,000`,
+      expression: `${field.reference} / 1000.0`
+    }
   ];
 }
 function ProfileFieldEditorActions({
@@ -40,8 +46,28 @@ function ProfileFieldEditorActions({
   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",
+        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(
@@ -64,8 +90,49 @@ function ProfileFieldEditorForm({
   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(
+      ProfileFieldFilterEditor,
+      {
+        field,
+        columns,
+        onChange
+      }
+    ),
+    /* @__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,
       {
@@ -87,7 +154,9 @@ function ProfileFieldEditorForm({
         value: field.kind ?? "",
         options: profileRoleOptions,
         placeholder: "Standard field",
-        onChange: (next) => onChange(next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next })
+        onChange: (next) => onChange(
+          next === "timestamp" ? { kind: next, type: "datetime" } : { kind: next }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -114,7 +183,28 @@ function ProfileFieldEditorForm({
         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(
+      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: [
@@ -147,27 +237,52 @@ function ProfileFieldEditorForm({
           )
         ] })
       ] }),
-      /* @__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(
+        "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,
+    /* @__PURE__ */ jsx("div", { className: wide, children: /* @__PURE__ */ jsx(
+      EditorField,
       {
-        "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
+        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(
+        "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({

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

@@ -1 +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":";;;;;;;;;;;;;;;;;;AAqCO,MAAM,iCACX;AASF,SAAS,YAAY,WAAiE;AACpF,QAAM,QAAQ,eAAe,SAAS;AACtC,SAAO;AAAA,IACL,EAAE,OAAO,sBAAsB,YAAY,MAAA;AAAA,IAC3C,EAAE,OAAO,QAAQ,SAAS,IAAI,YAAY,MAAM,UAAA;AAAA,IAChD;AAAA,MACE,OAAO,WAAW,SAAS;AAAA,MAC3B,YAAY,GAAG,MAAM,QAAQ,MAAM,MAAM,SAAS;AAAA,IAAA;AAAA,IAEpD,EAAE,OAAO,WAAW,SAAS,YAAY,YAAY,UAAU,MAAM,SAAS,IAAA;AAAA,IAC9E,EAAE,OAAO,SAAS,SAAS,aAAa,YAAY,GAAG,MAAM,SAAS,YAAA;AAAA,EAAY;AAEtF;AAIO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,SAAQ,UAAU,CAAC,WAAW,SAAS,UAAU,UAAA,WAEzF;AAAA,IACA,oBAAC,QAAA,EAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,SAAQ,UAAU,CAAC,aAAa,SAAS,YAAY,UAAA,aAE7F;AAAA,IACA,oBAAC,QAAA,EAAO,MAAK,UAAS,MAAK,MAAK,SAAQ,SAAQ,SAAS,UAAU,UAAA,SAAA,CAEnE;AAAA,IACA,qBAAC,SAAA,EAAM,WAAU,+CACf,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU,CAAC,UAAU,iBAAiB,MAAM,OAAO,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAC1D;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAQO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAIG;AACD,QAAM,OAAO,YAAY,IAAI,kBAAkB;AAC/C,QAAM,OAAO,sBAAA;AACb,SACE,qBAAC,SAAI,WAAW,cAAc,YAAY,IAAI,mBAAmB,EAAE,IACjE,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAY,OAAM,eAAc,MAAM,gBAAgB,MAAM,IAAI,GAAG,MAAK,sEACvE,UAAA,oBAAC,SAAA,EAAM,cAAW,eAAc,OAAO,MAAM,MAAM,WAAW,gBAAgB,UAAU,CAAC,UAAU,SAAS,EAAE,MAAM,MAAM,OAAO,MAAA,CAAO,GAAG,GAC7I;AAAA,IACA,oBAAC,aAAA,EAAY,OAAM,iBAAgB,MAAM,oBAAC,OAAA,CAAA,CAAM,GAAI,MAAK,qDACvD,UAAA,oBAAC,SAAA,EAAM,cAAW,iBAAgB,OAAO,MAAM,SAAS,IAAI,WAAW,gBAAgB,aAAa,MAAM,MAAM,UAAU,CAAC,UAAU,SAAS,EAAE,OAAO,MAAM,OAAO,SAAS,OAAA,CAAW,GAAG,GAC7L;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,0BAAO,YAAA,EAAW;AAAA,QAClB,MAAK;AAAA,QACL,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,UAAU,CAAC,SAAS,SAAS,EAAE,MAAM,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,0BAAO,mBAAA,EAAkB;AAAA,QACzB,MAAK;AAAA,QACL,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,aAAY;AAAA,QAKZ,UAAU,CAAC,SACT,SAAS,SAAS,cAAc,EAAE,MAAM,MAAM,MAAM,WAAA,IAAe,EAAE,MAAM,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,0BAAO,WAAA,EAAU;AAAA,QACjB,MAAK;AAAA,QACL,OAAO,MAAM,UAAU;AAAA,QACvB,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,UAAU,CAAC,SAAS,SAAS,EAAE,QAAQ,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,0BAAO,SAAA,EAAQ;AAAA,QACf,MAAK;AAAA,QACL,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,aAAY;AAAA,QACZ,UAAU,CAAC,SAAS,SAAS,EAAE,MAAM,MAAM;AAAA,MAAA;AAAA,IAAA;AAAA,wBAE5C,aAAA,EAAY,OAAM,0BAAyB,MAAM,oBAAC,aAAU,GAAI,MAAK,yDACpE,UAAA,oBAAC,SAAA,EAAM,cAAW,0BAAyB,MAAK,UAAS,KAAK,GAAG,OAAO,MAAM,SAAS,IAAI,WAAW,gBAAgB,aAAY,QAAO,UAAU,CAAC,UAAU,SAAS,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,KAAK,IAAI,OAAA,CAAW,GAAG,GAClP;AAAA,wBACC,OAAA,EAAI,WAAW,MACd,UAAA,qBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,UAAA,oBAAC,kBAAA,EAAiB,WAAU,6CAAA,CAA6C;AAAA,UAAE;AAAA,QAAA,GAE7E;AAAA,QACA,qBAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAW;AAAA,cACX,OAAM;AAAA,cACN,WAAU;AAAA,cACV,UAAU,CAAC,UAAU,SAAS,EAAE,KAAK,MAAM,OAAO,OAAO;AAAA,cAEzD,UAAA;AAAA,gBAAA,oBAAC,UAAA,EAAO,OAAM,IAAG,UAAA,YAAQ;AAAA,gBACxB,YAAY,MAAM,UAAU,MAAM,IAAI,EAAE,IAAI,CAAC,YAC5C,oBAAC,UAAA,EAA2B,OAAO,QAAQ,YAAa,kBAAQ,MAAA,GAAnD,QAAQ,KAAiD,CACvE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,MAAM,OAAO;AAAA,cACpB,OAAM;AAAA,cACN;AAAA,cACA,OAAO,MAAM;AAAA,cACb,UAAU,CAAC,SAAS,SAAS,EAAE,KAAK,QAAQ,QAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACzD,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,YAAA,EAAS,cAAW,kBAAiB,MAAM,GAAG,OAAO,MAAM,OAAO,IAAI,WAAW,GAAG,cAAc,+BAA+B,aAAY,iCAAgC,UAAU,CAAC,UAAU,SAAS,EAAE,KAAK,MAAM,OAAO,SAAS,OAAA,CAAW,EAAA,CAAG;AAAA,MACvP,oBAAC,QAAA,EAAK,WAAU,6CAA4C,UAAA,oDAAA,CAE5D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IACA,oBAAC,OAAA,EAAI,WAAW,MACd,8BAAC,aAAA,EAAY,OAAM,YAAW,0BAAO,UAAA,CAAA,CAAS,GAAI,WAAS,MAAC,MAAK,6FAC/D,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,OAAO,MAAM,YAAY;AAAA,QACzB,UAAU,CAAC,SAAS,SAAS,EAAE,UAAU,QAAQ,QAAW;AAAA,QAO5D,cAAc,CAAC,MAAM,EAAE,KAAA,MACrB,SAAS,EAAE,UAAU,QAAQ,QAAW,QAAQ,MAAM;AAAA,QAEvD,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAA,IAAW,CAAA;AAAA,QAC9C,GAAI,KAAK,WAAW,IAAI,CAAA,IAAK,EAAE,MAAM,KAAK,CAAC,GAAG,KAAA;AAAA,QAC/C,UAAU;AAAA,MAAA;AAAA,IAAA,GAEd,EAAA,CACF;AAAA,IACA,qBAAC,SAAA,EAAM,WAAW,+CAA+C,IAAI,IACnE,UAAA;AAAA,MAAA,oBAAC,WAAM,MAAK,YAAW,SAAS,MAAM,UAAU,OAAO,UAAU,CAAC,UAAU,SAAS,EAAE,QAAQ,MAAM,OAAO,QAAA,CAAS,GAAG;AAAA,MACxH,oBAAC,aAAA,EAAY,WAAU,oCAAA,CAAoC;AAAA,MAAE;AAAA,IAAA,GAE/D;AAAA,IACA,oBAAC,SAAI,WAAW,MACd,8BAAC,0BAAA,EAAyB,OAAc,SAAkB,SAAA,CAAoB,EAAA,CAChF;AAAA,EAAA,GACF;AAEJ;AAKO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGG;AACD,MAAI,CAAC,OAAO;AACV,WACE,oBAAC,WAAA,EAAQ,WAAU,kGAChB,UAAA,gCACH;AAAA,EAEJ;AAEA,SACE,qBAAC,WAAA,EAAQ,WAAU,+CACjB,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,uEAAsE,UAAA,gBAEnF;AAAA,QACA,oBAAC,MAAA,EAAG,WAAU,iDACX,gBAAM,KAAA,CACT;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,2BAAA,EAA2B,GAAG,QAAA,CAAS;AAAA,IAAA,GAC1C;AAAA,IACA,oBAAC,wBAAA,EAAuB,OAAc,SAAA,CAAoB;AAAA,EAAA,GAC5D;AAEJ;"}
+{"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 {\n  evaluateJsonPath,\n  useJsonPathSampleRows,\n} 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(\n  fieldName: string,\n): 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    {\n      label: `Convert ${fieldName} to text`,\n      expression: `string(${field.reference})`,\n    },\n    {\n      label: `Scale ${fieldName} by 1,000`,\n      expression: `${field.reference} / 1000.0`,\n    },\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\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveUp}\n        onClick={onMoveUp}\n      >\n        Move up\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        variant=\"ghost\"\n        disabled={!canMoveDown}\n        onClick={onMoveDown}\n      >\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      <ProfileFieldFilterEditor\n        field={field}\n        columns={columns}\n        onChange={onChange}\n      />\n      <EditorField\n        label=\"Output name\"\n        icon={profileTypeIcon(field.type)}\n        help=\"Public field name used by tables, filters, APIs, and every export.\"\n      >\n        <input\n          aria-label=\"Output name\"\n          value={field.name}\n          className={inputClassName}\n          onChange={(event) => onChange({ name: event.target.value })}\n        />\n      </EditorField>\n      <EditorField\n        label=\"Display label\"\n        icon={<UiTag />}\n        help=\"Optional table header; blank uses the field name.\"\n      >\n        <input\n          aria-label=\"Display label\"\n          value={field.label ?? \"\"}\n          className={inputClassName}\n          placeholder={field.name}\n          onChange={(event) =>\n            onChange({ label: event.target.value || undefined })\n          }\n        />\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(\n            next === \"timestamp\"\n              ? { kind: next, type: \"datetime\" }\n              : { kind: next },\n          )\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\n        label=\"Max width (characters)\"\n        icon={<UiColumns />}\n        help=\"Maximum rendered width; blank uses the table default.\"\n      >\n        <input\n          aria-label=\"Max width (characters)\"\n          type=\"number\"\n          min={1}\n          value={field.width ?? \"\"}\n          className={inputClassName}\n          placeholder=\"Auto\"\n          onChange={(event) =>\n            onChange({\n              width: event.target.value\n                ? Number(event.target.value)\n                : undefined,\n            })\n          }\n        />\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}>\n                    {example.label}\n                  </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\n            aria-label=\"CEL expression\"\n            rows={4}\n            value={field.cel ?? \"\"}\n            className={`${inputClassName} resize-y font-mono text-xs`}\n            placeholder=\"Optional value transformation\"\n            onChange={(event) =>\n              onChange({ cel: event.target.value || undefined })\n            }\n          />\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\n          label=\"JSONPath\"\n          icon={<UiBraces />}\n          fullWidth\n          help=\"Optional path computing the value, rooted at the row or at Source; an alternative to CEL.\"\n        >\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\n          type=\"checkbox\"\n          checked={field.hidden ?? false}\n          onChange={(event) => onChange({ hidden: event.target.checked })}\n        />\n        <UiEyeClosed className=\"text-[15px] text-muted-foreground\" />\n        Hide this field in the default table\n      </label>\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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"}