@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileEditorSections.js

@@ -0,0 +1,213 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { JsonSchemaForm } from "../components/JsonSchemaForm.js";
+import { Icon } from "../data/Icon.js";
+import { mergeProfileProjection, profileSchemaProjection, providerTypes, providerOptionsSchema } from "./profileEditorModel.js";
+import { ProfileWizardQueryStep } from "./profileWizardQueryStep.js";
+import { profileConnectionID } from "./profileWizardModel.js";
+const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+function ProfileGeneralSection({
+  draft,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(
+    SectionCard,
+    {
+      title: "Profile identity",
+      description: "Name the profile and choose its default presentation. Renaming updates dependent imports when you save.",
+      children: /* @__PURE__ */ jsxs("div", { className: "grid gap-5 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(EditorField, { label: "Profile name", required: true, children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: draft.profile ?? "",
+            className: inputClassName,
+            onChange: (event) => onChange({ ...draft, profile: event.target.value })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(EditorField, { label: "Namespace", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: draft.namespace ?? "",
+            className: inputClassName,
+            placeholder: "Default namespace",
+            onChange: (event) => onChange({ ...draft, namespace: event.target.value })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(EditorField, { label: "Render mode", children: /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: typeof draft.render === "string" ? draft.render : "",
+            className: inputClassName,
+            onChange: (event) => onChange({ ...draft, render: event.target.value || void 0 }),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "Table (default)" }),
+              /* @__PURE__ */ jsx("option", { value: "table", children: "Table" }),
+              /* @__PURE__ */ jsx("option", { value: "logs", children: "Logs" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(EditorField, { label: "Icon", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: typeof draft.icon === "string" ? draft.icon : "",
+              className: inputClassName,
+              placeholder: "Provider default",
+              onChange: (event) => onChange({ ...draft, icon: event.target.value || void 0 })
+            }
+          ),
+          typeof draft.icon === "string" && draft.icon !== "" ? (
+            // Shows what the name actually resolves to — an unresolvable name
+            // renders nothing anywhere, which is invisible without a preview.
+            /* @__PURE__ */ jsx(Icon, { name: draft.icon, className: "size-5 shrink-0" })
+          ) : null
+        ] }) })
+      ] })
+    }
+  );
+}
+function ProfileSourceSection({
+  draft,
+  discovered,
+  sampleStale,
+  onChange,
+  onSample
+}) {
+  var _a, _b, _c, _d;
+  const connectionID = profileConnectionID(((_a = draft.provider) == null ? void 0 : _a.connection) ?? "");
+  const providerType = ((_b = draft.provider) == null ? void 0 : _b.type) ?? "";
+  return /* @__PURE__ */ jsxs("div", { className: "grid h-full min-h-0 gap-4", children: [
+    /* @__PURE__ */ jsxs(
+      SectionCard,
+      {
+        title: "Source",
+        description: "Select the provider and saved connection. Connection credentials remain server-side.",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(EditorField, { label: "Provider type", required: true, children: /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: providerType,
+                className: inputClassName,
+                onChange: (event) => onChange({
+                  ...draft,
+                  provider: { ...draft.provider, type: event.target.value }
+                }),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Choose a provider" }),
+                  providerTypes().map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(EditorField, { label: "Saved connection or inline URL", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: ((_c = draft.provider) == null ? void 0 : _c.connection) ?? "",
+                className: inputClassName,
+                placeholder: "connection://name",
+                onChange: (event) => onChange({
+                  ...draft,
+                  provider: { ...draft.provider, connection: event.target.value }
+                })
+              }
+            ) })
+          ] }),
+          sampleStale ? /* @__PURE__ */ jsx("p", { className: "mt-4 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3 text-sm text-warning-foreground", children: "Source or query settings changed after the latest sample. You can save, but sampling again will verify the current field shape." }) : null
+        ]
+      }
+    ),
+    connectionID ? /* @__PURE__ */ jsx(
+      ProfileWizardQueryStep,
+      {
+        connectionID,
+        draft,
+        discovered,
+        onDraftChange: onChange,
+        onSample
+      },
+      connectionID
+    ) : /* @__PURE__ */ jsxs(
+      SectionCard,
+      {
+        title: "Query and provider options",
+        description: "Inline sources use the provider schema for options while keeping the query workspace explicit.",
+        children: [
+          /* @__PURE__ */ jsx(EditorField, { label: "Query", children: /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              rows: 10,
+              value: draft.query ?? "",
+              className: `${inputClassName} resize-y font-mono text-xs`,
+              onChange: (event) => onChange({ ...draft, query: event.target.value })
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsx(
+            JsonSchemaForm,
+            {
+              idPrefix: "profile-provider-options",
+              schema: providerOptionsSchema(providerType),
+              value: ((_d = draft.provider) == null ? void 0 : _d.options) ?? {},
+              onChange: (options) => onChange({
+                ...draft,
+                provider: { ...draft.provider, options }
+              }),
+              showPreferencesMenu: false
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function ProfileSchemaSection({
+  draft,
+  keys,
+  title,
+  description,
+  idPrefix,
+  layout,
+  lookupFetcher,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(SectionCard, { title, description, children: /* @__PURE__ */ jsx(
+    JsonSchemaForm,
+    {
+      idPrefix,
+      schema: profileSchemaProjection(keys),
+      value: Object.fromEntries(keys.flatMap((key) => Object.prototype.hasOwnProperty.call(draft, key) ? [[key, draft[key]]] : [])),
+      onChange: (next) => onChange(mergeProfileProjection(draft, keys, next)),
+      showPreferencesMenu: false,
+      ...layout ? { layout } : {},
+      ...lookupFetcher ? { lookupFetcher } : {}
+    }
+  ) });
+}
+function SectionCard({
+  title,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-xl border bg-card p-5", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "mb-5 mt-1 text-sm text-muted-foreground", children: description }),
+    children
+  ] });
+}
+function EditorField({
+  label,
+  required,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
+    ] }),
+    children
+  ] });
+}
+export {
+  ProfileGeneralSection,
+  ProfileSchemaSection,
+  ProfileSourceSection
+};
+//# sourceMappingURL=profileEditorSections.js.map

package/dist/profiles/profileEditorSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorSections.js","sources":["../../src/profiles/profileEditorSections.tsx"],"sourcesContent":["import { JsonSchemaForm } from \"../components/JsonSchemaForm\";\nimport type { FormLayout, LookupFetcher } from \"../components/json-schema-form-types\";\nimport { Icon } from \"../data/Icon\";\nimport type { ReactNode } from \"react\";\nimport {\n  mergeProfileProjection,\n  profileSchemaProjection,\n  providerOptionsSchema,\n  providerTypes,\n} from \"./profileEditorModel\";\nimport { ProfileWizardQueryStep, type ProfileSample } from \"./profileWizardQueryStep\";\nimport {\n  profileConnectionID,\n  type ProfileColumn,\n  type ProfileWizardDraft,\n} from \"./profileWizardModel\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\nexport function ProfileGeneralSection({\n  draft,\n  onChange,\n}: EditorSectionProps) {\n  return (\n    <SectionCard\n      title=\"Profile identity\"\n      description=\"Name the profile and choose its default presentation. Renaming updates dependent imports when you save.\"\n    >\n      <div className=\"grid gap-5 md:grid-cols-2\">\n        <EditorField label=\"Profile name\" required>\n          <input\n            value={draft.profile ?? \"\"}\n            className={inputClassName}\n            onChange={(event) => onChange({ ...draft, profile: event.target.value })}\n          />\n        </EditorField>\n        <EditorField label=\"Namespace\">\n          <input\n            value={draft.namespace ?? \"\"}\n            className={inputClassName}\n            placeholder=\"Default namespace\"\n            onChange={(event) => onChange({ ...draft, namespace: event.target.value })}\n          />\n        </EditorField>\n        <EditorField label=\"Render mode\">\n          <select\n            value={typeof draft.render === \"string\" ? draft.render : \"\"}\n            className={inputClassName}\n            onChange={(event) => onChange({ ...draft, render: event.target.value || undefined })}\n          >\n            <option value=\"\">Table (default)</option>\n            <option value=\"table\">Table</option>\n            <option value=\"logs\">Logs</option>\n          </select>\n        </EditorField>\n        <EditorField label=\"Icon\">\n          <div className=\"flex items-center gap-2\">\n            <input\n              value={typeof draft.icon === \"string\" ? draft.icon : \"\"}\n              className={inputClassName}\n              // Empty is the norm: the provider type already supplies a mark.\n              // This is for the profile whose subject is not its backend.\n              placeholder=\"Provider default\"\n              onChange={(event) => onChange({ ...draft, icon: event.target.value || undefined })}\n            />\n            {typeof draft.icon === \"string\" && draft.icon !== \"\" ? (\n              // Shows what the name actually resolves to — an unresolvable name\n              // renders nothing anywhere, which is invisible without a preview.\n              <Icon name={draft.icon} className=\"size-5 shrink-0\" />\n            ) : null}\n          </div>\n        </EditorField>\n      </div>\n    </SectionCard>\n  );\n}\n\nexport function ProfileSourceSection({\n  draft,\n  discovered,\n  sampleStale,\n  onChange,\n  onSample,\n}: EditorSectionProps & {\n  discovered: ProfileColumn[];\n  sampleStale: boolean;\n  onSample: (sample: ProfileSample) => void;\n}) {\n  const connectionID = profileConnectionID(draft.provider?.connection ?? \"\");\n  const providerType = draft.provider?.type ?? \"\";\n  return (\n    <div className=\"grid h-full min-h-0 gap-4\">\n      <SectionCard\n        title=\"Source\"\n        description=\"Select the provider and saved connection. Connection credentials remain server-side.\"\n      >\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <EditorField label=\"Provider type\" required>\n            <select\n              value={providerType}\n              className={inputClassName}\n              onChange={(event) =>\n                onChange({\n                  ...draft,\n                  provider: { ...draft.provider, type: event.target.value },\n                })\n              }\n            >\n              <option value=\"\">Choose a provider</option>\n              {providerTypes().map((type) => <option key={type} value={type}>{type}</option>)}\n            </select>\n          </EditorField>\n          <EditorField label=\"Saved connection or inline URL\">\n            <input\n              value={draft.provider?.connection ?? \"\"}\n              className={inputClassName}\n              placeholder=\"connection://name\"\n              onChange={(event) =>\n                onChange({\n                  ...draft,\n                  provider: { ...draft.provider, connection: event.target.value },\n                })\n              }\n            />\n          </EditorField>\n        </div>\n        {sampleStale ? (\n          <p className=\"mt-4 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3 text-sm text-warning-foreground\">\n            Source or query settings changed after the latest sample. You can save,\n            but sampling again will verify the current field shape.\n          </p>\n        ) : null}\n      </SectionCard>\n      {connectionID ? (\n        <ProfileWizardQueryStep\n          key={connectionID}\n          connectionID={connectionID}\n          draft={draft}\n          discovered={discovered}\n          onDraftChange={onChange}\n          onSample={onSample}\n        />\n      ) : (\n        <SectionCard\n          title=\"Query and provider options\"\n          description=\"Inline sources use the provider schema for options while keeping the query workspace explicit.\"\n        >\n          <EditorField label=\"Query\">\n            <textarea\n              rows={10}\n              value={draft.query ?? \"\"}\n              className={`${inputClassName} resize-y font-mono text-xs`}\n              onChange={(event) => onChange({ ...draft, query: event.target.value })}\n            />\n          </EditorField>\n          <div className=\"mt-5\">\n            <JsonSchemaForm\n              idPrefix=\"profile-provider-options\"\n              schema={providerOptionsSchema(providerType)}\n              value={draft.provider?.options ?? {}}\n              onChange={(options) =>\n                onChange({\n                  ...draft,\n                  provider: { ...draft.provider, options },\n                })\n              }\n              showPreferencesMenu={false}\n            />\n          </div>\n        </SectionCard>\n      )}\n    </div>\n  );\n}\n\nexport function ProfileSchemaSection({\n  draft,\n  keys,\n  title,\n  description,\n  idPrefix,\n  layout,\n  lookupFetcher,\n  onChange,\n}: EditorSectionProps & {\n  keys: string[];\n  title: string;\n  description: string;\n  idPrefix: string;\n  // Presentation is the call site's, not this component's — it is shared with\n  // Advanced composition, which must keep the plain stacked defaults.\n  layout?: FormLayout;\n  // JsonSchemaForm always installs its own lookup provider, so an outer one is\n  // shadowed rather than inherited: without this, x-clicky-lookup fields (the\n  // imports and reconcile.dest profile pickers) render with no options at all.\n  lookupFetcher?: LookupFetcher;\n}) {\n  return (\n    <SectionCard title={title} description={description}>\n      <JsonSchemaForm\n        idPrefix={idPrefix}\n        schema={profileSchemaProjection(keys)}\n        value={Object.fromEntries(keys.flatMap((key) => Object.prototype.hasOwnProperty.call(draft, key) ? [[key, draft[key]]] : []))}\n        onChange={(next) => onChange(mergeProfileProjection(draft, keys, next))}\n        showPreferencesMenu={false}\n        {...(layout ? { layout } : {})}\n        {...(lookupFetcher ? { lookupFetcher } : {})}\n      />\n    </SectionCard>\n  );\n}\n\ntype EditorSectionProps = {\n  draft: ProfileWizardDraft;\n  onChange: (draft: ProfileWizardDraft) => void;\n};\n\nfunction SectionCard({\n  title,\n  description,\n  children,\n}: {\n  title: string;\n  description: string;\n  children: ReactNode;\n}) {\n  return (\n    <section className=\"rounded-xl border bg-card p-5\">\n      <h2 className=\"text-lg font-semibold\">{title}</h2>\n      <p className=\"mb-5 mt-1 text-sm text-muted-foreground\">{description}</p>\n      {children}\n    </section>\n  );\n}\n\nfunction EditorField({\n  label,\n  required,\n  children,\n}: {\n  label: string;\n  required?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <label className=\"grid gap-1.5 text-sm font-medium\">\n      <span>{label}{required ? <span className=\"text-destructive\"> *</span> : null}</span>\n      {children}\n    </label>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/profileFieldEditor.cjs

@@ -0,0 +1,200 @@
+"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 profileWizardModel = require("./profileWizardModel.cjs");
+const jsonPathSample = require("./jsonPathSample.cjs");
+const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
+const profileFieldEditorEmptyMessage = "Add a column or run a sample to discover fields.";
+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(EditorField, { label: "Output name", help: "Public field name used by tables, filters, APIs, and every export.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { value: field.name, className: inputClassName, onChange: (event) => onChange({ name: event.target.value }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Display label", help: "Optional table header; blank uses the field name.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { value: field.label ?? "", className: inputClassName, placeholder: field.name, onChange: (event) => onChange({ label: event.target.value || void 0 }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Data type", help: "Value shape and default formatting; independent of Role.", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { value: field.type ?? "", className: inputClassName, onChange: (event) => onChange({ type: event.target.value || void 0 }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Auto detect" }),
+      ["string", "number", "boolean", "datetime", "duration", "bytes", "status", "health", "key_value", "key_values", "json"].map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Role", help: "Optional table behavior, independent of Type.", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { value: field.kind ?? "", className: inputClassName, onChange: (event) => onChange({ kind: event.target.value || void 0 }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Standard field" }),
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "timestamp", children: "Timestamp" }),
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "tags", children: "Tags" }),
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "status", children: "Status" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Format", help: "Optional formatter; Unit takes precedence when both are set.", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { value: field.format ?? "", className: inputClassName, onChange: (event) => onChange({ format: event.target.value || void 0 }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "From Type" }),
+      profileWizardModel.PROFILE_COLUMN_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Unit", help: "Numeric scaling for number, duration, or bytes Types.", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { value: field.unit ?? "", className: inputClassName, onChange: (event) => onChange({ unit: event.target.value || void 0 }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "No unit" }),
+      profileWizardModel.PROFILE_COLUMN_UNIT_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Max width (characters)", help: "Maximum rendered width; blank uses the table default.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { 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__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "CEL expression", help: "Optional expression computing the value from row.", children: /* @__PURE__ */ jsxRuntime.jsx("textarea", { 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__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "JSONPath", 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 }) }),
+      "Hide this field in the default table"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(ProfileFieldFilterEditor, { field, columns, onChange }) })
+  ] });
+}
+function ProfileFieldFilterEditor({
+  field,
+  columns,
+  onChange
+}) {
+  var _a, _b;
+  const filter = field.filter ?? {};
+  const set = (patch) => onChange({ filter: profileWizardModel.patchColumnFilter(field.filter, patch) });
+  const kind = filter.kind ?? profileWizardModel.inferredFilterKind(field);
+  const picksFromAList = kind === "terms";
+  const enumerated = (((_a = filter.options) == null ? void 0 : _a.length) ?? 0) > 0;
+  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "rounded-md border px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "cursor-pointer text-sm font-medium", children: [
+      "Filtering",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-xs font-normal text-muted-foreground", children: filter.disabled ? "off" : summarizeFilter(kind, enumerated, looksUp, filter.limit) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mt-3 grid gap-4 ${columns === 2 ? "sm:grid-cols-2" : ""}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Control", help: "Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.", children: /* @__PURE__ */ jsxRuntime.jsxs("select", { value: filter.kind ?? "", className: inputClassName, onChange: (event) => set({ kind: event.target.value || void 0 }), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("option", { value: "", children: [
+          "From Type (",
+          ((_b = profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.find((o) => o.value === kind)) == null ? void 0 : _b.label) ?? kind,
+          ")"
+        ] }),
+        profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Backend field", help: "The indexed field for a document store, the result column for SQL; blank infers it from the column.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { value: filter.field ?? "", className: inputClassName, placeholder: field.source || field.name, onChange: (event) => set({ field: event.target.value || void 0 }) }) }),
+      picksFromAList ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Values", help: "Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            value: (filter.options ?? []).join(", "),
+            className: inputClassName,
+            placeholder: "Ask the backend",
+            onChange: (event) => set({ options: parseFilterOptions(event.target.value) })
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: looksUp,
+              disabled: enumerated,
+              onChange: (event) => set({ lookup: event.target.checked })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: enumerated ? "text-muted-foreground" : void 0, children: enumerated ? "Values are listed above" : "Look values up from the data" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label: "Values offered", help: `How many distinct values the control lists before the rest have to be typed for. Blank uses ${profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT}.`, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: profileWizardModel.PROFILE_FILTER_MAX_LIMIT,
+            value: filter.limit ?? "",
+            disabled: !looksUp,
+            className: inputClassName,
+            placeholder: String(profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT),
+            onChange: (event) => set({ limit: event.target.value ? Number(event.target.value) : void 0 })
+          }
+        ) })
+      ] }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: filter.multi ?? true, onChange: (event) => set({ multi: event.target.checked }) }),
+        "Allow several values at once"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: filter.disabled ?? false, onChange: (event) => set({ disabled: event.target.checked || void 0 }) }),
+        "Offer no filter for this column"
+      ] })
+    ] })
+  ] });
+}
+function parseFilterOptions(raw) {
+  const values = raw.split(",").map((value) => value.trim()).filter(Boolean);
+  return values.length ? values : void 0;
+}
+function summarizeFilter(kind, enumerated, looksUp, limit) {
+  var _a;
+  const control = ((_a = profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)) == null ? void 0 : _a.label) ?? kind;
+  if (enumerated) return `${control}, listed`;
+  if (!looksUp) return control;
+  return `${control}, top ${limit ?? profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT}`;
+}
+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 })
+  ] });
+}
+function EditorField({ label, help, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid gap-1.5 text-sm font-medium", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+    children,
+    help ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: help }) : null
+  ] });
+}
+exports.ProfileFieldEditor = ProfileFieldEditor;
+exports.ProfileFieldEditorActions = ProfileFieldEditorActions;
+exports.ProfileFieldEditorForm = ProfileFieldEditorForm;
+exports.profileFieldEditorEmptyMessage = profileFieldEditorEmptyMessage;
+//# sourceMappingURL=profileFieldEditor.cjs.map

package/dist/profiles/profileFieldEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldEditor.cjs","sources":["../../src/profiles/profileFieldEditor.tsx"],"sourcesContent":["import { JSONPathField } from \"../components/JSONPathField\";\nimport { Button } from \"../components/button\";\nimport type { ReactNode } from \"react\";\nimport {\n  inferredFilterKind,\n  patchColumnFilter,\n  PROFILE_COLUMN_FORMAT_OPTIONS,\n  PROFILE_COLUMN_UNIT_OPTIONS,\n  PROFILE_FILTER_DEFAULT_LIMIT,\n  PROFILE_FILTER_KIND_OPTIONS,\n  PROFILE_FILTER_MAX_LIMIT,\n  type Patch,\n  type ProfileColumn,\n  type ProfileColumnFilter,\n} from \"./profileWizardModel\";\nimport { evaluateJsonPath, useJsonPathSampleRows } from \"./jsonPathSample\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\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/** 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 editor route mounts this in a ~380px pane on a wide viewport,\n * where 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\" help=\"Public field name used by tables, filters, APIs, and every export.\">\n        <input value={field.name} className={inputClassName} onChange={(event) => onChange({ name: event.target.value })} />\n      </EditorField>\n      <EditorField label=\"Display label\" help=\"Optional table header; blank uses the field name.\">\n        <input value={field.label ?? \"\"} className={inputClassName} placeholder={field.name} onChange={(event) => onChange({ label: event.target.value || undefined })} />\n      </EditorField>\n      <EditorField label=\"Data type\" help=\"Value shape and default formatting; independent of Role.\">\n        <select value={field.type ?? \"\"} className={inputClassName} onChange={(event) => onChange({ type: event.target.value || undefined })}>\n          <option value=\"\">Auto detect</option>\n          {[\"string\", \"number\", \"boolean\", \"datetime\", \"duration\", \"bytes\", \"status\", \"health\", \"key_value\", \"key_values\", \"json\"].map((type) => (\n            <option key={type} value={type}>{type}</option>\n          ))}\n        </select>\n      </EditorField>\n      <EditorField label=\"Role\" help=\"Optional table behavior, independent of Type.\">\n        <select value={field.kind ?? \"\"} className={inputClassName} onChange={(event) => onChange({ kind: event.target.value || undefined })}>\n          <option value=\"\">Standard field</option>\n          <option value=\"timestamp\">Timestamp</option>\n          <option value=\"tags\">Tags</option>\n          <option value=\"status\">Status</option>\n        </select>\n      </EditorField>\n      <EditorField label=\"Format\" help=\"Optional formatter; Unit takes precedence when both are set.\">\n        <select value={field.format ?? \"\"} className={inputClassName} onChange={(event) => onChange({ format: event.target.value || undefined })}>\n          <option value=\"\">From Type</option>\n          {PROFILE_COLUMN_FORMAT_OPTIONS.map((option) => <option key={option.value} value={option.value}>{option.label}</option>)}\n        </select>\n      </EditorField>\n      <EditorField label=\"Unit\" help=\"Numeric scaling for number, duration, or bytes Types.\">\n        <select value={field.unit ?? \"\"} className={inputClassName} onChange={(event) => onChange({ unit: event.target.value || undefined })}>\n          <option value=\"\">No unit</option>\n          {PROFILE_COLUMN_UNIT_OPTIONS.map((option) => <option key={option.value} value={option.value}>{option.label}</option>)}\n        </select>\n      </EditorField>\n      <EditorField label=\"Max width (characters)\" help=\"Maximum rendered width; blank uses the table default.\">\n        <input 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        <EditorField label=\"CEL expression\" help=\"Optional expression computing the value from row.\">\n          <textarea 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        </EditorField>\n      </div>\n      <div className={wide}>\n        <EditorField label=\"JSONPath\" 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        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/**\n * How this column is filtered. Collapsed by default: every field here overrides\n * an inference the server already makes correctly for most columns, so opening\n * it should be a deliberate act rather than the price of editing a label.\n */\nfunction ProfileFieldFilterEditor({\n  field,\n  columns,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const filter = field.filter ?? {};\n  const set = (patch: Patch<ProfileColumnFilter>) =>\n    onChange({ filter: patchColumnFilter(field.filter, patch) });\n\n  // A value selection is the only kind with a list to enumerate; a range, a\n  // toggle and a substring are typed rather than picked.\n  const kind = filter.kind ?? inferredFilterKind(field);\n  const picksFromAList = kind === \"terms\";\n  const enumerated = (filter.options?.length ?? 0) > 0;\n  // Declaring the values IS the answer the lookup would go and fetch, so the two\n  // are mutually exclusive — the server enforces this and the form mirrors it.\n  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);\n\n  return (\n    <details className=\"rounded-md border px-3 py-2\">\n      <summary className=\"cursor-pointer text-sm font-medium\">\n        Filtering\n        <span className=\"ml-2 text-xs font-normal text-muted-foreground\">\n          {filter.disabled ? \"off\" : summarizeFilter(kind, enumerated, looksUp, filter.limit)}\n        </span>\n      </summary>\n      <div className={`mt-3 grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n        <EditorField label=\"Control\" help=\"Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.\">\n          <select value={filter.kind ?? \"\"} className={inputClassName} onChange={(event) => set({ kind: event.target.value || undefined })}>\n            <option value=\"\">From Type ({PROFILE_FILTER_KIND_OPTIONS.find((o) => o.value === kind)?.label ?? kind})</option>\n            {PROFILE_FILTER_KIND_OPTIONS.map((option) => (\n              <option key={option.value} value={option.value}>{option.label}</option>\n            ))}\n          </select>\n        </EditorField>\n        <EditorField label=\"Backend field\" help=\"The indexed field for a document store, the result column for SQL; blank infers it from the column.\">\n          <input value={filter.field ?? \"\"} className={inputClassName} placeholder={field.source || field.name} onChange={(event) => set({ field: event.target.value || undefined })} />\n        </EditorField>\n        {picksFromAList ? (\n          <>\n            <div className=\"sm:col-span-2\">\n              <EditorField label=\"Values\" help=\"Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.\">\n                <input\n                  value={(filter.options ?? []).join(\", \")}\n                  className={inputClassName}\n                  placeholder=\"Ask the backend\"\n                  onChange={(event) => set({ options: parseFilterOptions(event.target.value) })}\n                />\n              </EditorField>\n            </div>\n            <label className=\"flex items-center gap-2 text-sm font-medium\">\n              <input\n                type=\"checkbox\"\n                checked={looksUp}\n                disabled={enumerated}\n                onChange={(event) => set({ lookup: event.target.checked })}\n              />\n              <span className={enumerated ? \"text-muted-foreground\" : undefined}>\n                {enumerated ? \"Values are listed above\" : \"Look values up from the data\"}\n              </span>\n            </label>\n            <EditorField label=\"Values offered\" help={`How many distinct values the control lists before the rest have to be typed for. Blank uses ${PROFILE_FILTER_DEFAULT_LIMIT}.`}>\n              <input\n                type=\"number\"\n                min={1}\n                max={PROFILE_FILTER_MAX_LIMIT}\n                value={filter.limit ?? \"\"}\n                disabled={!looksUp}\n                className={inputClassName}\n                placeholder={String(PROFILE_FILTER_DEFAULT_LIMIT)}\n                onChange={(event) => set({ limit: event.target.value ? Number(event.target.value) : undefined })}\n              />\n            </EditorField>\n          </>\n        ) : null}\n        <label className=\"flex items-center gap-2 text-sm font-medium\">\n          <input type=\"checkbox\" checked={filter.multi ?? true} onChange={(event) => set({ multi: event.target.checked })} />\n          Allow several values at once\n        </label>\n        <label className=\"flex items-center gap-2 text-sm font-medium\">\n          <input type=\"checkbox\" checked={filter.disabled ?? false} onChange={(event) => set({ disabled: event.target.checked || undefined })} />\n          Offer no filter for this column\n        </label>\n      </div>\n    </details>\n  );\n}\n\nfunction parseFilterOptions(raw: string): string[] | undefined {\n  const values = raw.split(\",\").map((value) => value.trim()).filter(Boolean);\n  return values.length ? values : undefined;\n}\n\nfunction summarizeFilter(kind: string, enumerated: boolean, looksUp: boolean, limit?: number) {\n  const control = PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)?.label ?? kind;\n  if (enumerated) return `${control}, listed`;\n  if (!looksUp) return control;\n  return `${control}, top ${limit ?? PROFILE_FILTER_DEFAULT_LIMIT}`;\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\nfunction EditorField({ label, help, children }: { label: string; help?: string; children: ReactNode }) {\n  return (\n    <label className=\"grid gap-1.5 text-sm font-medium\">\n      <span>{label}</span>\n      {children}\n      {help ? <span className=\"text-xs font-normal text-muted-foreground\">{help}</span> : null}\n    </label>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","Button","useJsonPathSampleRows","PROFILE_COLUMN_FORMAT_OPTIONS","PROFILE_COLUMN_UNIT_OPTIONS","JSONPathField","evaluateJsonPath","patchColumnFilter","inferredFilterKind","PROFILE_FILTER_KIND_OPTIONS","PROFILE_FILTER_DEFAULT_LIMIT","PROFILE_FILTER_MAX_LIMIT"],"mappings":"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"}

package/dist/profiles/profileFieldEditor.d.ts

@@ -0,0 +1,34 @@
+import { Patch, ProfileColumn } from './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 editor route 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/profileFieldEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldEditor.d.ts","sourceRoot":"","sources":["../../src/profiles/profileFieldEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,KAAK,KAAK,EACV,KAAK,aAAa,EAEnB,MAAM,sBAAsB,CAAC;AAM9B,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;AAErD;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,2CA6EA;AA+GD;;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"}