@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/profiles/editor/profileParameterEditor.d.ts

@@ -0,0 +1,12 @@
+import { ProfileWizardDraft } from '../wizard/profileWizardModel';
+type ParameterEditorProps = {
+    draft: ProfileWizardDraft;
+    activeIndex: number;
+    onChange: (draft: ProfileWizardDraft) => void;
+};
+export declare function ProfileParameterSidebar({ draft, activeIndex, onActiveIndexChange, onChange, }: ParameterEditorProps & {
+    onActiveIndexChange: (index: number) => void;
+}): import("react").JSX.Element;
+export declare function ProfileParameterDetail({ draft, activeIndex, onChange, }: ParameterEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=profileParameterEditor.d.ts.map

package/dist/profiles/editor/profileParameterEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileParameterEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileParameterEditor.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,8BAA8B,CAAC;AAEtC,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,kBAAkB,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,QAAQ,GACT,EAAE,oBAAoB,GAAG;IACxB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,+BA2GA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,+BA2CtB"}

package/dist/profiles/editor/profileParameterEditor.js

@@ -0,0 +1,228 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { JsonSchemaForm } from "../../components/JsonSchemaForm.js";
+import { ItemActions } from "../../components/ItemActions.js";
+import { ItemGlyph, ItemBadge, RequiredMark } from "../../components/json-schema-form-item-row.js";
+import { resolveItemSpec, emptyItemsCopy, noItemsLabel, itemCountLabel, itemSummaryFor, itemActionsAllow, addItemLabel } from "../../components/json-schema-form-item-summary.js";
+import { resolveControl } from "../../components/json-schema-form-resolve.js";
+import { canRemoveItem, canAddItem, seedFromSchema } from "../../components/json-schema-form-utils.js";
+import { isPlainObject, setIndex, removeIndex, duplicateIndex, moveItem } from "../../lib/collections.js";
+import { profileSchema, profileFormExtensions } from "../profileApi.js";
+import { UiAdd } from "../../icons/components/UiAdd.js";
+function ProfileParameterSidebar({
+  draft,
+  activeIndex,
+  onActiveIndexChange,
+  onChange
+}) {
+  const field = parameterArrayField(draft, onChange);
+  const items = parameterItems(field);
+  const itemSchema = parameterItemSchema(field.schema);
+  const spec = resolveItemSpec(field.schema, itemSchema);
+  const emptyCopy = emptyItemsCopy(spec, field.schema);
+  const selectedIndex = boundedActiveIndex(activeIndex, items.length);
+  const commit = (next) => field.onChange(next);
+  const move = (from, to) => {
+    commit(moveItem(items, from, to));
+    onActiveIndexChange(reorderedActiveIndex(selectedIndex, from, to));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2 py-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: items.length === 0 ? noItemsLabel(spec) : itemCountLabel(spec, items.length) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      items.map((item, index) => {
+        const summary = itemSummaryFor({ item, index, spec, itemSchema });
+        const active = index === selectedIndex;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-profile-tree-item": true,
+            className: `group relative flex min-w-0 items-center gap-1 rounded-md px-1 py-0.5 ${active ? "bg-primary/[0.08]" : "hover:bg-muted/50"}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "aria-current": active ? "page" : void 0,
+                  className: "flex min-w-0 flex-1 items-center gap-1.5 rounded px-1 py-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  onClick: () => onActiveIndexChange(index),
+                  children: [
+                    /* @__PURE__ */ jsx(ItemGlyph, { glyph: summary.glyph }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate text-xs font-medium", children: summary.title }),
+                    /* @__PURE__ */ jsx(ItemBadge, { badge: summary.badge }),
+                    summary.flagged ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ItemActions,
+                {
+                  label: summary.title,
+                  index,
+                  count: items.length,
+                  size: "xs",
+                  ...itemActionsAllow(spec, "reorder") ? { onMove: (to) => move(index, to) } : {},
+                  ...itemActionsAllow(spec, "duplicate") ? {
+                    onDuplicate: () => {
+                      commit(duplicateIndex(items, index));
+                      onActiveIndexChange(index + 1);
+                    }
+                  } : {},
+                  ...itemActionsAllow(spec, "remove") && canRemoveItem(field, items.length) ? {
+                    onRemove: () => {
+                      commit(removeIndex(items, index));
+                      onActiveIndexChange(
+                        removedActiveIndex(
+                          selectedIndex,
+                          index,
+                          items.length
+                        )
+                      );
+                    }
+                  } : {}
+                }
+              )
+            ]
+          },
+          `${item.name ?? "parameter"}-${index}`
+        );
+      }),
+      canAddItem(field, items.length) ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "data-profile-tree-item": true,
+          className: "relative flex w-full items-center gap-2 rounded-md px-1 py-1 text-left text-xs text-muted-foreground hover:bg-muted/50",
+          onClick: () => {
+            commit([...items, parameterSeed(itemSchema)]);
+            onActiveIndexChange(items.length);
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60", children: /* @__PURE__ */ jsx(UiAdd, { className: "size-3.5" }) }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block font-medium text-foreground", children: addItemLabel(spec) }),
+              items.length === 0 && emptyCopy ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block leading-snug", children: emptyCopy }) : null
+            ] })
+          ]
+        }
+      ) : null
+    ] })
+  ] });
+}
+function ProfileParameterDetail({
+  draft,
+  activeIndex,
+  onChange
+}) {
+  const field = parameterArrayField(draft, onChange);
+  const items = parameterItems(field);
+  const selectedIndex = boundedActiveIndex(activeIndex, items.length);
+  const item = items[selectedIndex];
+  if (!item) {
+    return /* @__PURE__ */ jsx("div", { className: "grid h-full place-items-center p-8 text-sm text-muted-foreground", children: "Add a parameter in the sidebar to configure it." });
+  }
+  const itemSchema = parameterItemSchema(field.schema);
+  const wrapperKey = "parameter";
+  const extensions = profileFormExtensions();
+  return /* @__PURE__ */ jsx(
+    JsonSchemaForm,
+    {
+      idPrefix: `profile-parameter-${selectedIndex}`,
+      schema: {
+        type: "object",
+        properties: { [wrapperKey]: itemSchema }
+      },
+      value: { [wrapperKey]: item },
+      onChange: (next) => {
+        if (!isPlainObject(next[wrapperKey])) {
+          throw new Error(
+            "profile parameter editor produced a non-object item"
+          );
+        }
+        field.onChange(
+          setIndex(items, selectedIndex, next[wrapperKey])
+        );
+      },
+      rootValue: draft,
+      onRootChange: onChange,
+      instancePath: `/params/${selectedIndex}`,
+      layout: { mode: "stacked", valueMaxWidth: "40rem", help: "hover" },
+      showPreferencesMenu: false,
+      pre: extensions.pre,
+      post: extensions.post
+    }
+  );
+}
+function parameterArrayField(draft, onChange) {
+  var _a, _b;
+  const schema = profileSchema();
+  const prop = (_a = schema.properties) == null ? void 0 : _a.params;
+  if (!prop) throw new Error("profile schema does not define params");
+  const value = draft.params ?? [];
+  let field = resolveControl({
+    key: "params",
+    prop,
+    required: ((_b = schema.required) == null ? void 0 : _b.includes("params")) ?? false,
+    value,
+    onChange: (next) => {
+      if (!Array.isArray(next)) {
+        throw new Error("profile params editor produced a non-array value");
+      }
+      onChange({ ...draft, params: next });
+    }
+  });
+  for (const extension of profileFormExtensions().pre) {
+    if (!field) break;
+    field = extension(field, {
+      key: "params",
+      prop,
+      value,
+      rootValue: draft,
+      onRootChange: onChange
+    });
+  }
+  if (!field)
+    throw new Error("profile params field was hidden by an extension");
+  if (field.kind !== "array") {
+    throw new Error(
+      `profile params must resolve to an array, got ${field.kind}`
+    );
+  }
+  return field;
+}
+function parameterItemSchema(schema) {
+  if (!schema.items || Array.isArray(schema.items)) {
+    throw new Error("profile params schema must define one object item schema");
+  }
+  return schema.items;
+}
+function parameterItems(field) {
+  if (!Array.isArray(field.value)) {
+    throw new Error("profile params value must be an array");
+  }
+  return field.value;
+}
+function parameterSeed(schema) {
+  const seed = seedFromSchema(schema);
+  if (!isPlainObject(seed)) {
+    throw new Error("profile parameter schema must seed an object");
+  }
+  return seed;
+}
+function reorderedActiveIndex(active, from, to) {
+  if (active === from) return to;
+  if (from < active && to >= active) return active - 1;
+  if (from > active && to <= active) return active + 1;
+  return active;
+}
+function removedActiveIndex(active, removed, count) {
+  if (count <= 1) return 0;
+  if (active === removed) return Math.max(0, Math.min(removed - 1, count - 2));
+  return active > removed ? active - 1 : active;
+}
+function boundedActiveIndex(active, count) {
+  return count === 0 ? 0 : Math.max(0, Math.min(active, count - 1));
+}
+export {
+  ProfileParameterDetail,
+  ProfileParameterSidebar
+};
+//# sourceMappingURL=profileParameterEditor.js.map

package/dist/profiles/editor/profileParameterEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileParameterEditor.js","sources":["../../../src/profiles/editor/profileParameterEditor.tsx"],"sourcesContent":["import { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { ItemActions } from \"../../components/ItemActions\";\nimport {\n  ItemBadge,\n  ItemGlyph,\n  RequiredMark,\n} from \"../../components/json-schema-form-item-row\";\nimport {\n  addItemLabel,\n  emptyItemsCopy,\n  itemActionsAllow,\n  itemCountLabel,\n  itemSummaryFor,\n  noItemsLabel,\n  resolveItemSpec,\n} from \"../../components/json-schema-form-item-summary\";\nimport { resolveControl } from \"../../components/json-schema-form-resolve\";\nimport {\n  canAddItem,\n  canRemoveItem,\n  seedFromSchema,\n} from \"../../components/json-schema-form-utils\";\nimport type {\n  FieldControl,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"../../components/json-schema-form-types\";\nimport { UiAdd } from \"../../icons\";\nimport {\n  duplicateIndex,\n  isPlainObject,\n  moveItem,\n  removeIndex,\n  setIndex,\n} from \"../../lib/collections\";\nimport { profileFormExtensions, profileSchema } from \"../profileApi\";\nimport type {\n  ParamDraft,\n  ProfileWizardDraft,\n} from \"../wizard/profileWizardModel\";\n\ntype ParameterEditorProps = {\n  draft: ProfileWizardDraft;\n  activeIndex: number;\n  onChange: (draft: ProfileWizardDraft) => void;\n};\n\nexport function ProfileParameterSidebar({\n  draft,\n  activeIndex,\n  onActiveIndexChange,\n  onChange,\n}: ParameterEditorProps & {\n  onActiveIndexChange: (index: number) => void;\n}) {\n  const field = parameterArrayField(draft, onChange);\n  const items = parameterItems(field);\n  const itemSchema = parameterItemSchema(field.schema);\n  const spec = resolveItemSpec(field.schema, itemSchema);\n  const emptyCopy = emptyItemsCopy(spec, field.schema);\n  const selectedIndex = boundedActiveIndex(activeIndex, items.length);\n  const commit = (next: ParamDraft[]) => field.onChange(next);\n\n  const move = (from: number, to: number) => {\n    commit(moveItem(items, from, to));\n    onActiveIndexChange(reorderedActiveIndex(selectedIndex, from, to));\n  };\n\n  return (\n    <div className=\"space-y-2 py-1\">\n      <p className=\"text-[11px] text-muted-foreground\">\n        {items.length === 0\n          ? noItemsLabel(spec)\n          : itemCountLabel(spec, items.length)}\n      </p>\n      <div className=\"space-y-0.5\">\n        {items.map((item, index) => {\n          const summary = itemSummaryFor({ item, index, spec, itemSchema });\n          const active = index === selectedIndex;\n          return (\n            <div\n              key={`${item.name ?? \"parameter\"}-${index}`}\n              data-profile-tree-item\n              className={`group relative flex min-w-0 items-center gap-1 rounded-md px-1 py-0.5 ${\n                active ? \"bg-primary/[0.08]\" : \"hover:bg-muted/50\"\n              }`}\n            >\n              <button\n                type=\"button\"\n                aria-current={active ? \"page\" : undefined}\n                className=\"flex min-w-0 flex-1 items-center gap-1.5 rounded px-1 py-1 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                onClick={() => onActiveIndexChange(index)}\n              >\n                <ItemGlyph glyph={summary.glyph} />\n                <span className=\"truncate text-xs font-medium\">\n                  {summary.title}\n                </span>\n                <ItemBadge badge={summary.badge} />\n                {summary.flagged ? <RequiredMark /> : null}\n              </button>\n              <ItemActions\n                label={summary.title}\n                index={index}\n                count={items.length}\n                size=\"xs\"\n                {...(itemActionsAllow(spec, \"reorder\")\n                  ? { onMove: (to: number) => move(index, to) }\n                  : {})}\n                {...(itemActionsAllow(spec, \"duplicate\")\n                  ? {\n                      onDuplicate: () => {\n                        commit(duplicateIndex(items, index));\n                        onActiveIndexChange(index + 1);\n                      },\n                    }\n                  : {})}\n                {...(itemActionsAllow(spec, \"remove\") &&\n                canRemoveItem(field, items.length)\n                  ? {\n                      onRemove: () => {\n                        commit(removeIndex(items, index));\n                        onActiveIndexChange(\n                          removedActiveIndex(\n                            selectedIndex,\n                            index,\n                            items.length,\n                          ),\n                        );\n                      },\n                    }\n                  : {})}\n              />\n            </div>\n          );\n        })}\n        {canAddItem(field, items.length) ? (\n          <button\n            type=\"button\"\n            data-profile-tree-item\n            className=\"relative flex w-full items-center gap-2 rounded-md px-1 py-1 text-left text-xs text-muted-foreground hover:bg-muted/50\"\n            onClick={() => {\n              commit([...items, parameterSeed(itemSchema)]);\n              onActiveIndexChange(items.length);\n            }}\n          >\n            <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60\">\n              <UiAdd className=\"size-3.5\" />\n            </span>\n            <span className=\"min-w-0\">\n              <span className=\"block font-medium text-foreground\">\n                {addItemLabel(spec)}\n              </span>\n              {items.length === 0 && emptyCopy ? (\n                <span className=\"mt-0.5 block leading-snug\">{emptyCopy}</span>\n              ) : null}\n            </span>\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport function ProfileParameterDetail({\n  draft,\n  activeIndex,\n  onChange,\n}: ParameterEditorProps) {\n  const field = parameterArrayField(draft, onChange);\n  const items = parameterItems(field);\n  const selectedIndex = boundedActiveIndex(activeIndex, items.length);\n  const item = items[selectedIndex];\n  if (!item) {\n    return (\n      <div className=\"grid h-full place-items-center p-8 text-sm text-muted-foreground\">\n        Add a parameter in the sidebar to configure it.\n      </div>\n    );\n  }\n\n  const itemSchema = parameterItemSchema(field.schema);\n  const wrapperKey = \"parameter\";\n  const extensions = profileFormExtensions();\n  return (\n    <JsonSchemaForm\n      idPrefix={`profile-parameter-${selectedIndex}`}\n      schema={{\n        type: \"object\",\n        properties: { [wrapperKey]: itemSchema },\n      }}\n      value={{ [wrapperKey]: item }}\n      onChange={(next) => {\n        if (!isPlainObject(next[wrapperKey])) {\n          throw new Error(\n            \"profile parameter editor produced a non-object item\",\n          );\n        }\n        field.onChange(\n          setIndex(items, selectedIndex, next[wrapperKey] as ParamDraft),\n        );\n      }}\n      rootValue={draft}\n      onRootChange={onChange}\n      instancePath={`/params/${selectedIndex}`}\n      layout={{ mode: \"stacked\", valueMaxWidth: \"40rem\", help: \"hover\" }}\n      showPreferencesMenu={false}\n      pre={extensions.pre}\n      post={extensions.post}\n    />\n  );\n}\n\nfunction parameterArrayField(\n  draft: ProfileWizardDraft,\n  onChange: (draft: ProfileWizardDraft) => void,\n): FieldControl {\n  const schema = profileSchema();\n  const prop = schema.properties?.params;\n  if (!prop) throw new Error(\"profile schema does not define params\");\n  const value = draft.params ?? [];\n  let field: FieldControl | null = resolveControl({\n    key: \"params\",\n    prop,\n    required: schema.required?.includes(\"params\") ?? false,\n    value,\n    onChange: (next) => {\n      if (!Array.isArray(next)) {\n        throw new Error(\"profile params editor produced a non-array value\");\n      }\n      onChange({ ...draft, params: next as ParamDraft[] });\n    },\n  });\n  for (const extension of profileFormExtensions().pre) {\n    if (!field) break;\n    field = extension(field, {\n      key: \"params\",\n      prop,\n      value,\n      rootValue: draft,\n      onRootChange: onChange,\n    });\n  }\n  if (!field)\n    throw new Error(\"profile params field was hidden by an extension\");\n  if (field.kind !== \"array\") {\n    throw new Error(\n      `profile params must resolve to an array, got ${field.kind}`,\n    );\n  }\n  return field;\n}\n\nfunction parameterItemSchema(schema: JsonSchemaProperty): JsonSchemaObject {\n  if (!schema.items || Array.isArray(schema.items)) {\n    throw new Error(\"profile params schema must define one object item schema\");\n  }\n  return schema.items as JsonSchemaObject;\n}\n\nfunction parameterItems(field: FieldControl): ParamDraft[] {\n  if (!Array.isArray(field.value)) {\n    throw new Error(\"profile params value must be an array\");\n  }\n  return field.value as ParamDraft[];\n}\n\nfunction parameterSeed(schema: JsonSchemaProperty): ParamDraft {\n  const seed = seedFromSchema(schema);\n  if (!isPlainObject(seed)) {\n    throw new Error(\"profile parameter schema must seed an object\");\n  }\n  return seed as ParamDraft;\n}\n\nfunction reorderedActiveIndex(\n  active: number,\n  from: number,\n  to: number,\n): number {\n  if (active === from) return to;\n  if (from < active && to >= active) return active - 1;\n  if (from > active && to <= active) return active + 1;\n  return active;\n}\n\nfunction removedActiveIndex(active: number, removed: number, count: number) {\n  if (count <= 1) return 0;\n  if (active === removed) return Math.max(0, Math.min(removed - 1, count - 2));\n  return active > removed ? active - 1 : active;\n}\n\nfunction boundedActiveIndex(active: number, count: number) {\n  return count === 0 ? 0 : Math.max(0, Math.min(active, count - 1));\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/editor/profileYaml.cjs

@@ -8,7 +8,7 @@ function parseProfileYamlDocument(value) {
   return parsed;
 }
 function profileYamlFilename(name) {
-  const safeName = name === void 0 ? void 0 : string.stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"));
+  const safeName = name === void 0 ? void 0 : string.stripSurroundingChars(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"), "-");
   return `${safeName || "profile"}.yaml`;
 }
 function isRecord(value) {

package/dist/profiles/editor/profileYaml.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"profileYaml.cjs","sources":["../../../src/profiles/editor/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingDashes } from \"../../lib/string\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"));\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":["parse","stripSurroundingDashes"],"mappings":";;;;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAASA,KAAAA,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACAC,OAAAA,uBAAuB,KAAK,OAAO,QAAQ,qBAAqB,GAAG,CAAC;AAC1E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;"}
+{"version":3,"file":"profileYaml.cjs","sources":["../../../src/profiles/editor/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingChars } from \"../../lib/string\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingChars(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"), \"-\");\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":["parse","stripSurroundingChars"],"mappings":";;;;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAASA,KAAAA,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACAC,OAAAA,sBAAsB,KAAK,KAAA,EAAO,QAAQ,qBAAqB,GAAG,GAAG,GAAG;AAC9E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;;;"}

package/dist/profiles/editor/profileYaml.js

@@ -1,12 +1,12 @@
 import { parse } from "yaml";
-import { stripSurroundingDashes } from "../../lib/string.js";
+import { stripSurroundingChars } from "../../lib/string.js";
 function parseProfileYamlDocument(value) {
   const parsed = parse(value);
   if (!isRecord(parsed)) throw new Error("Profile YAML must contain an object");
   return parsed;
 }
 function profileYamlFilename(name) {
-  const safeName = name === void 0 ? void 0 : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"));
+  const safeName = name === void 0 ? void 0 : stripSurroundingChars(name.trim().replace(/[^a-zA-Z0-9._-]+/g, "-"), "-");
   return `${safeName || "profile"}.yaml`;
 }
 function isRecord(value) {

package/dist/profiles/editor/profileYaml.js.map

@@ -1 +1 @@
-{"version":3,"file":"profileYaml.js","sources":["../../../src/profiles/editor/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingDashes } from \"../../lib/string\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingDashes(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"));\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":";;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAAS,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACA,uBAAuB,KAAK,OAAO,QAAQ,qBAAqB,GAAG,CAAC;AAC1E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;"}
+{"version":3,"file":"profileYaml.js","sources":["../../../src/profiles/editor/profileYaml.ts"],"sourcesContent":["import { parse } from \"yaml\";\nimport { stripSurroundingChars } from \"../../lib/string\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\n\nexport function parseProfileYamlDocument(value: string): ProfileWizardDraft {\n  const parsed = parse(value);\n  if (!isRecord(parsed)) throw new Error(\"Profile YAML must contain an object\");\n  return parsed as ProfileWizardDraft;\n}\n\nexport function profileYamlFilename(name?: string): string {\n  const safeName =\n    name === undefined\n      ? undefined\n      : stripSurroundingChars(name.trim().replace(/[^a-zA-Z0-9._-]+/g, \"-\"), \"-\");\n  return `${safeName || \"profile\"}.yaml`;\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"names":[],"mappings":";;AAIO,SAAS,yBAAyB,OAAmC;AAC1E,QAAM,SAAS,MAAM,KAAK;AAC1B,MAAI,CAAC,SAAS,MAAM,EAAG,OAAM,IAAI,MAAM,qCAAqC;AAC5E,SAAO;AACT;AAEO,SAAS,oBAAoB,MAAuB;AACzD,QAAM,WACJ,SAAS,SACL,SACA,sBAAsB,KAAK,KAAA,EAAO,QAAQ,qBAAqB,GAAG,GAAG,GAAG;AAC9E,SAAO,GAAG,YAAY,SAAS;AACjC;AAEA,SAAS,SAAS,OAAkD;AAClE,SAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;"}

package/dist/profiles/editor/testSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testSchema.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/testSchema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,aAqD/B,CAAC"}
+{"version":3,"file":"testSchema.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/testSchema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,eAAO,MAAM,iBAAiB,EAAE,aA2E/B,CAAC"}

package/dist/profiles/fields/profileFieldControls.cjs

@@ -9,12 +9,17 @@ function EditorField({
   label,
   icon,
   help,
-  fullWidth,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `grid gap-1.5 text-sm font-medium ${fullWidth ? "" : "max-w-md"}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "grid w-full gap-1.5 text-sm font-medium", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon, className: "shrink-0 text-[15px] text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.LabelIcon,
+        {
+          icon,
+          className: "shrink-0 text-[15px] text-muted-foreground"
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
       help ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.HelpHint, { label, helper: help }) : null
     ] }),
@@ -31,18 +36,26 @@ function EnumField({
   disabled,
   onChange
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label, ...icon ? { icon } : {}, ...help ? { help } : {}, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Combobox.Combobox,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EditorField,
     {
-      ariaLabel: label,
-      value,
-      options,
-      placeholder,
-      allowCustomValue: false,
-      ...disabled ? { disabled } : {},
-      onChange: (next) => onChange(next || void 0)
+      label,
+      ...icon ? { icon } : {},
+      ...help ? { help } : {},
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Combobox.Combobox,
+        {
+          ariaLabel: label,
+          value,
+          options,
+          placeholder,
+          allowCustomValue: false,
+          ...disabled ? { disabled } : {},
+          onChange: (next) => onChange(next || void 0)
+        }
+      )
     }
-  ) });
+  );
 }
 exports.EditorField = EditorField;
 exports.EnumField = EnumField;

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldControls.cjs","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * Capped rather than filling its grid track: a name, a type and a backend field\n * are all short, and stretching them to half a wide editor puts the label and\n * the value it names at opposite ends of the screen. `fullWidth` opts out for\n * the editors that genuinely need the room — a JSONPath, a CEL expression.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  fullWidth,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  fullWidth?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <label className={`grid gap-1.5 text-sm font-medium ${fullWidth ? \"\" : \"max-w-md\"}`}>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon icon={icon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField label={label} {...(icon ? { icon } : {})} {...(help ? { help } : {})}>\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":["jsxs","jsx","LabelIcon","HelpHint","Combobox"],"mappings":";;;;;;AAeO,MAAM,iBACX;AAYK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,yCACG,SAAA,EAAM,WAAW,oCAAoC,YAAY,KAAK,UAAU,IAC/E,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,WAAA,EAAU,MAAY,WAAU,6CAAA,CAA6C;AAAA,MAC9ED,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAOA,2BAAAA,IAACE,+BAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,wCACG,aAAA,EAAY,OAAe,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAAM,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAC5E,UAAAF,2BAAAA;AAAAA,IAACG,SAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,IAAA;AAAA,EAAA,GAElD;AAEJ;;;;"}
+{"version":3,"file":"profileFieldControls.cjs","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * The labelled control fills its grid track, so paired fields keep equal widths\n * as the editor pane grows and do not leave a dead strip inside either column.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  children: ReactNode;\n}) {\n  return (\n    <label className=\"grid w-full gap-1.5 text-sm font-medium\">\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon\n          icon={icon}\n          className=\"shrink-0 text-[15px] text-muted-foreground\"\n        />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField\n      label={label}\n      {...(icon ? { icon } : {})}\n      {...(help ? { help } : {})}\n    >\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":["jsxs","jsx","LabelIcon","HelpHint","Combobox"],"mappings":";;;;;;AAeO,MAAM,iBACX;AAUK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEA,2BAAAA,KAAC,SAAA,EAAM,WAAU,2CACf,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAAC,2BAAAA;AAAAA,QAACC,KAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZD,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAOA,2BAAAA,IAACE,+BAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,MACtB,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,MAEvB,UAAAA,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA,kBAAkB;AAAA,UACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAChD;AAAA,EAAA;AAGN;;;;"}

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

@@ -7,16 +7,13 @@ export declare const inputClassName = "w-full rounded-md border border-input bg-
  * a button inside the <label>, and an embedded control leaves the implicit
  * label unable to name anything.
  *
- * Capped rather than filling its grid track: a name, a type and a backend field
- * are all short, and stretching them to half a wide editor puts the label and
- * the value it names at opposite ends of the screen. `fullWidth` opts out for
- * the editors that genuinely need the room — a JSONPath, a CEL expression.
+ * The labelled control fills its grid track, so paired fields keep equal widths
+ * as the editor pane grows and do not leave a dead strip inside either column.
  */
-export declare function EditorField({ label, icon, help, fullWidth, children, }: {
+export declare function EditorField({ label, icon, help, children, }: {
     label: string;
     icon?: LabelIconSpec;
     help?: string;
-    fullWidth?: boolean;
     children: ReactNode;
 }): import("react").JSX.Element;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldControls.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,eAAO,MAAM,cAAc,+IACmH,CAAC;AAE/I;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAWA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C,+BAcA"}
+{"version":3,"file":"profileFieldControls.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,eAAO,MAAM,cAAc,+IACmH,CAAC;AAE/I;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAcA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C,+BAkBA"}

package/dist/profiles/fields/profileFieldControls.js

@@ -7,12 +7,17 @@ function EditorField({
   label,
   icon,
   help,
-  fullWidth,
   children
 }) {
-  return /* @__PURE__ */ jsxs("label", { className: `grid gap-1.5 text-sm font-medium ${fullWidth ? "" : "max-w-md"}`, children: [
+  return /* @__PURE__ */ jsxs("label", { className: "grid w-full gap-1.5 text-sm font-medium", children: [
     /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
-      /* @__PURE__ */ jsx(LabelIcon, { icon, className: "shrink-0 text-[15px] text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        LabelIcon,
+        {
+          icon,
+          className: "shrink-0 text-[15px] text-muted-foreground"
+        }
+      ),
       /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
       help ? /* @__PURE__ */ jsx(HelpHint, { label, helper: help }) : null
     ] }),
@@ -29,18 +34,26 @@ function EnumField({
   disabled,
   onChange
 }) {
-  return /* @__PURE__ */ jsx(EditorField, { label, ...icon ? { icon } : {}, ...help ? { help } : {}, children: /* @__PURE__ */ jsx(
-    Combobox,
+  return /* @__PURE__ */ jsx(
+    EditorField,
     {
-      ariaLabel: label,
-      value,
-      options,
-      placeholder,
-      allowCustomValue: false,
-      ...disabled ? { disabled } : {},
-      onChange: (next) => onChange(next || void 0)
+      label,
+      ...icon ? { icon } : {},
+      ...help ? { help } : {},
+      children: /* @__PURE__ */ jsx(
+        Combobox,
+        {
+          ariaLabel: label,
+          value,
+          options,
+          placeholder,
+          allowCustomValue: false,
+          ...disabled ? { disabled } : {},
+          onChange: (next) => onChange(next || void 0)
+        }
+      )
     }
-  ) });
+  );
 }
 export {
   EditorField,

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

@@ -1 +1 @@
-{"version":3,"file":"profileFieldControls.js","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * Capped rather than filling its grid track: a name, a type and a backend field\n * are all short, and stretching them to half a wide editor puts the label and\n * the value it names at opposite ends of the screen. `fullWidth` opts out for\n * the editors that genuinely need the room — a JSONPath, a CEL expression.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  fullWidth,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  fullWidth?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <label className={`grid gap-1.5 text-sm font-medium ${fullWidth ? \"\" : \"max-w-md\"}`}>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon icon={icon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField label={label} {...(icon ? { icon } : {})} {...(help ? { help } : {})}>\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":[],"mappings":";;;;AAeO,MAAM,iBACX;AAYK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,8BACG,SAAA,EAAM,WAAW,oCAAoC,YAAY,KAAK,UAAU,IAC/E,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,MAAY,WAAU,6CAAA,CAA6C;AAAA,MAC9E,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAO,oBAAC,UAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,6BACG,aAAA,EAAY,OAAe,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAAM,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAC5E,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,IAAA;AAAA,EAAA,GAElD;AAEJ;"}
+{"version":3,"file":"profileFieldControls.js","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * The labelled control fills its grid track, so paired fields keep equal widths\n * as the editor pane grows and do not leave a dead strip inside either column.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  children: ReactNode;\n}) {\n  return (\n    <label className=\"grid w-full gap-1.5 text-sm font-medium\">\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon\n          icon={icon}\n          className=\"shrink-0 text-[15px] text-muted-foreground\"\n        />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField\n      label={label}\n      {...(icon ? { icon } : {})}\n      {...(help ? { help } : {})}\n    >\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":[],"mappings":";;;;AAeO,MAAM,iBACX;AAUK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,SAAA,EAAM,WAAU,2CACf,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAO,oBAAC,UAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,MACtB,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA;AAAA,MAEvB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA,kBAAkB;AAAA,UACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAChD;AAAA,EAAA;AAGN;"}

package/dist/profiles/fields/profileFieldEditor.cjs

@@ -257,7 +257,6 @@ function ProfileFieldEditorForm({
       {
         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,