@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/profiles/editor/profileEditorRail.cjs

@@ -1,46 +1,103 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
 const profileEditorModel = require("./profileEditorModel.cjs");
+const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");
+const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
+const UiFileCode = require("../../icons/components/UiFileCode.cjs");
+const UiFunnelData = require("../../icons/components/UiFunnelData.cjs");
+const UiBraces = require("../../icons/components/UiBraces.cjs");
+const UiColumns = require("../../icons/components/UiColumns.cjs");
+const UiDatabaseZap = require("../../icons/components/UiDatabaseZap.cjs");
+const UiSliders = require("../../icons/components/UiSliders.cjs");
+const collectionSections = /* @__PURE__ */ new Set([
+  "columns",
+  "parameters",
+  "processors"
+]);
 function ProfileEditorRail({
   value,
   status,
+  collections = {},
   onChange
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "w-full overflow-auto p-2", "aria-label": "Profile sections", children: profileEditorModel.profileEditorSections.map((section) => {
+  const [expanded, setExpanded] = react.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "w-full overflow-auto p-1.5", "aria-label": "Profile sections", children: profileEditorModel.profileEditorSections.map((section) => {
     const active = section.id === value;
+    const collection = collectionSections.has(section.id);
+    const open = collection && expanded.has(section.id);
     const { badge, attention } = status[section.id];
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-current": active ? "page" : void 0,
-        className: `mb-0.5 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors ${active ? "bg-background shadow-sm ring-1 ring-border" : "hover:bg-background/70"}`,
-        onClick: () => onChange(section.id),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-current": active ? "page" : void 0,
+          "aria-expanded": collection ? open : void 0,
+          className: `flex w-full items-center gap-1.5 rounded-md px-1.5 py-1.5 text-left transition-colors ${active ? "bg-muted/80 text-foreground" : "hover:bg-muted/50"}`,
+          onClick: () => {
+            onChange(section.id);
+            if (!collection) return;
+            setExpanded((current) => {
+              const next = new Set(current);
+              if (next.has(section.id)) next.delete(section.id);
+              else next.add(section.id);
+              return next;
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: collection ? open ? /* @__PURE__ */ jsxRuntime.jsx(UiChevronDown.UiChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(UiChevronRight.UiChevronRight, { "aria-hidden": "true", className: "size-3.5" }) : null }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-5 shrink-0 items-center justify-center text-muted-foreground", children: iconForSection(section.id) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: `block truncate text-sm ${active ? "font-medium text-foreground" : "text-foreground/80"}`,
+                  children: section.label
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: section.hint })
+            ] }),
+            attention ? /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: `block truncate text-sm ${active ? "font-medium text-foreground" : "text-foreground/80"}`,
-                children: section.label
+                className: "size-1.5 shrink-0 rounded-full bg-warning",
+                title: "Needs attention"
               }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: section.hint })
-          ] }),
-          attention ? /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: "size-1.5 shrink-0 rounded-full bg-warning",
-              title: "Needs attention"
-            }
-          ) : null,
-          badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: badge }) : null
-        ]
-      },
-      section.id
-    );
+            ) : null,
+            badge ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: badge }) : null
+          ]
+        }
+      ),
+      open && collections[section.id] ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-profile-tree-group": section.id,
+          className: "relative ml-3.5 border-l border-border/80 pb-1 pl-4 pt-1 [&_[data-profile-tree-item]]:before:absolute [&_[data-profile-tree-item]]:before:-left-4 [&_[data-profile-tree-item]]:before:top-1/2 [&_[data-profile-tree-item]]:before:h-px [&_[data-profile-tree-item]]:before:w-4 [&_[data-profile-tree-item]]:before:bg-border [&_[data-profile-tree-item]]:before:content-['']",
+          children: collections[section.id]
+        }
+      ) : null
+    ] }, section.id);
   }) });
 }
+function iconForSection(section) {
+  switch (section) {
+    case "general":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiSliders.UiSliders, { className: "size-4" });
+    case "source":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiDatabaseZap.UiDatabaseZap, { className: "size-4" });
+    case "columns":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiColumns.UiColumns, { className: "size-4" });
+    case "parameters":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiBraces.UiBraces, { className: "size-4" });
+    case "processors":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiFunnelData.UiFunnelData, { className: "size-4" });
+    case "raw":
+      return /* @__PURE__ */ jsxRuntime.jsx(UiFileCode.UiFileCode, { className: "size-4" });
+  }
+}
 exports.ProfileEditorRail = ProfileEditorRail;
 //# sourceMappingURL=profileEditorRail.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"profileEditorRail.cjs","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"sourcesContent":["import {\n  profileEditorSections,\n  type ProfileEditorSection,\n  type ProfileSectionStatus,\n} from \"./profileEditorModel\";\n\n/** Vertical section nav for the editor route, in place of the modal's tabs. */\nexport function ProfileEditorRail({\n  value,\n  status,\n  onChange,\n}: {\n  value: ProfileEditorSection;\n  status: Record<ProfileEditorSection, ProfileSectionStatus>;\n  onChange: (section: ProfileEditorSection) => void;\n}) {\n  return (\n    <nav className=\"w-full overflow-auto p-2\" aria-label=\"Profile sections\">\n      {profileEditorSections.map((section) => {\n        const active = section.id === value;\n        const { badge, attention } = status[section.id];\n        return (\n          <button\n            key={section.id}\n            type=\"button\"\n            aria-current={active ? \"page\" : undefined}\n            className={`mb-0.5 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors ${\n              active ? \"bg-background shadow-sm ring-1 ring-border\" : \"hover:bg-background/70\"\n            }`}\n            onClick={() => onChange(section.id)}\n          >\n            <span className=\"min-w-0 flex-1\">\n              <span\n                className={`block truncate text-sm ${active ? \"font-medium text-foreground\" : \"text-foreground/80\"}`}\n              >\n                {section.label}\n              </span>\n              <span className=\"block truncate text-[11px] text-muted-foreground\">\n                {section.hint}\n              </span>\n            </span>\n            {attention ? (\n              <span\n                className=\"size-1.5 shrink-0 rounded-full bg-warning\"\n                title=\"Needs attention\"\n              />\n            ) : null}\n            {badge ? (\n              <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                {badge}\n              </span>\n            ) : null}\n          </button>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":["jsx","profileEditorSections","jsxs"],"mappings":";;;;AAOO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,+BAAC,SAAI,WAAU,4BAA2B,cAAW,oBAClD,UAAAC,mBAAAA,sBAAsB,IAAI,CAAC,YAAY;AACtC,UAAM,SAAS,QAAQ,OAAO;AAC9B,UAAM,EAAE,OAAO,UAAA,IAAc,OAAO,QAAQ,EAAE;AAC9C,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc,SAAS,SAAS;AAAA,QAChC,WAAW,4FACT,SAAS,+CAA+C,wBAC1D;AAAA,QACA,SAAS,MAAM,SAAS,QAAQ,EAAE;AAAA,QAElC,UAAA;AAAA,UAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,YAAAF,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,0BAA0B,SAAS,gCAAgC,oBAAoB;AAAA,gBAEjG,UAAA,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEXA,2BAAAA,IAAC,QAAA,EAAK,WAAU,oDACb,kBAAQ,KAAA,CACX;AAAA,UAAA,GACF;AAAA,UACC,YACCA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,YAAA;AAAA,UAAA,IAEN;AAAA,UACH,QACCA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6EACb,iBACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MA5BC,QAAQ;AAAA,IAAA;AAAA,EA+BnB,CAAC,EAAA,CACH;AAEJ;;"}
+{"version":3,"file":"profileEditorRail.cjs","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport {\n  UiBraces,\n  UiChevronDown,\n  UiChevronRight,\n  UiColumns,\n  UiDatabaseZap,\n  UiFileCode,\n  UiFunnelData,\n  UiSliders,\n} from \"../../icons\";\nimport {\n  profileEditorSections,\n  type ProfileEditorSection,\n  type ProfileSectionStatus,\n} from \"./profileEditorModel\";\n\nconst collectionSections = new Set<ProfileEditorSection>([\n  \"columns\",\n  \"parameters\",\n  \"processors\",\n]);\n\nexport type ProfileEditorRailCollections = Partial<\n  Record<ProfileEditorSection, ReactNode>\n>;\n\n/** Section navigation whose collection sections can reveal their item lists. */\nexport function ProfileEditorRail({\n  value,\n  status,\n  collections = {},\n  onChange,\n}: {\n  value: ProfileEditorSection;\n  status: Record<ProfileEditorSection, ProfileSectionStatus>;\n  collections?: ProfileEditorRailCollections;\n  onChange: (section: ProfileEditorSection) => void;\n}) {\n  const [expanded, setExpanded] = useState<Set<ProfileEditorSection>>(\n    () => new Set(),\n  );\n\n  return (\n    <nav className=\"w-full overflow-auto p-1.5\" aria-label=\"Profile sections\">\n      {profileEditorSections.map((section) => {\n        const active = section.id === value;\n        const collection = collectionSections.has(section.id);\n        const open = collection && expanded.has(section.id);\n        const { badge, attention } = status[section.id];\n        return (\n          <div key={section.id}>\n            <button\n              type=\"button\"\n              aria-current={active ? \"page\" : undefined}\n              aria-expanded={collection ? open : undefined}\n              className={`flex w-full items-center gap-1.5 rounded-md px-1.5 py-1.5 text-left transition-colors ${\n                active ? \"bg-muted/80 text-foreground\" : \"hover:bg-muted/50\"\n              }`}\n              onClick={() => {\n                onChange(section.id);\n                if (!collection) return;\n                setExpanded((current) => {\n                  const next = new Set(current);\n                  if (next.has(section.id)) next.delete(section.id);\n                  else next.add(section.id);\n                  return next;\n                });\n              }}\n            >\n              <span className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground\">\n                {collection ? (\n                  open ? (\n                    <UiChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n                  ) : (\n                    <UiChevronRight aria-hidden=\"true\" className=\"size-3.5\" />\n                  )\n                ) : null}\n              </span>\n              <span className=\"flex size-5 shrink-0 items-center justify-center text-muted-foreground\">\n                {iconForSection(section.id)}\n              </span>\n              <span className=\"min-w-0 flex-1\">\n                <span\n                  className={`block truncate text-sm ${\n                    active\n                      ? \"font-medium text-foreground\"\n                      : \"text-foreground/80\"\n                  }`}\n                >\n                  {section.label}\n                </span>\n                <span className=\"block truncate text-[11px] text-muted-foreground\">\n                  {section.hint}\n                </span>\n              </span>\n              {attention ? (\n                <span\n                  className=\"size-1.5 shrink-0 rounded-full bg-warning\"\n                  title=\"Needs attention\"\n                />\n              ) : null}\n              {badge ? (\n                <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                  {badge}\n                </span>\n              ) : null}\n            </button>\n            {open && collections[section.id] ? (\n              <div\n                data-profile-tree-group={section.id}\n                className=\"relative ml-3.5 border-l border-border/80 pb-1 pl-4 pt-1 [&_[data-profile-tree-item]]:before:absolute [&_[data-profile-tree-item]]:before:-left-4 [&_[data-profile-tree-item]]:before:top-1/2 [&_[data-profile-tree-item]]:before:h-px [&_[data-profile-tree-item]]:before:w-4 [&_[data-profile-tree-item]]:before:bg-border [&_[data-profile-tree-item]]:before:content-['']\"\n              >\n                {collections[section.id]}\n              </div>\n            ) : null}\n          </div>\n        );\n      })}\n    </nav>\n  );\n}\n\nfunction iconForSection(section: ProfileEditorSection): ReactNode {\n  switch (section) {\n    case \"general\":\n      return <UiSliders className=\"size-4\" />;\n    case \"source\":\n      return <UiDatabaseZap className=\"size-4\" />;\n    case \"columns\":\n      return <UiColumns className=\"size-4\" />;\n    case \"parameters\":\n      return <UiBraces className=\"size-4\" />;\n    case \"processors\":\n      return <UiFunnelData className=\"size-4\" />;\n    case \"raw\":\n      return <UiFileCode className=\"size-4\" />;\n  }\n}\n"],"names":["useState","jsx","profileEditorSections","jsxs","UiChevronDown","UiChevronRight","UiSliders","UiDatabaseZap","UiColumns","UiBraces","UiFunnelData","UiFileCode"],"mappings":"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"}

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

@@ -1,8 +1,11 @@
+import { ReactNode } from 'react';
 import { ProfileEditorSection, ProfileSectionStatus } from './profileEditorModel';
-/** Vertical section nav for the editor route, in place of the modal's tabs. */
-export declare function ProfileEditorRail({ value, status, onChange, }: {
+export type ProfileEditorRailCollections = Partial<Record<ProfileEditorSection, ReactNode>>;
+/** Section navigation whose collection sections can reveal their item lists. */
+export declare function ProfileEditorRail({ value, status, collections, onChange, }: {
     value: ProfileEditorSection;
     status: Record<ProfileEditorSection, ProfileSectionStatus>;
+    collections?: ProfileEditorRailCollections;
     onChange: (section: ProfileEditorSection) => void;
 }): import("react").JSX.Element;
 //# sourceMappingURL=profileEditorRail.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"profileEditorRail.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;IAC3D,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD,+BA0CA"}
+{"version":3,"file":"profileEditorRail.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjD,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAQ9B,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAChD,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,CACxC,CAAC;AAEF,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,WAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,oBAAoB,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACnD,+BAmFA"}

package/dist/profiles/editor/profileEditorRail.js

@@ -1,45 +1,102 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { profileEditorSections } from "./profileEditorModel.js";
+import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
+import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
+import { UiFileCode } from "../../icons/components/UiFileCode.js";
+import { UiFunnelData } from "../../icons/components/UiFunnelData.js";
+import { UiBraces } from "../../icons/components/UiBraces.js";
+import { UiColumns } from "../../icons/components/UiColumns.js";
+import { UiDatabaseZap } from "../../icons/components/UiDatabaseZap.js";
+import { UiSliders } from "../../icons/components/UiSliders.js";
+const collectionSections = /* @__PURE__ */ new Set([
+  "columns",
+  "parameters",
+  "processors"
+]);
 function ProfileEditorRail({
   value,
   status,
+  collections = {},
   onChange
 }) {
-  return /* @__PURE__ */ jsx("nav", { className: "w-full overflow-auto p-2", "aria-label": "Profile sections", children: profileEditorSections.map((section) => {
+  const [expanded, setExpanded] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  return /* @__PURE__ */ jsx("nav", { className: "w-full overflow-auto p-1.5", "aria-label": "Profile sections", children: profileEditorSections.map((section) => {
     const active = section.id === value;
+    const collection = collectionSections.has(section.id);
+    const open = collection && expanded.has(section.id);
     const { badge, attention } = status[section.id];
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-current": active ? "page" : void 0,
-        className: `mb-0.5 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors ${active ? "bg-background shadow-sm ring-1 ring-border" : "hover:bg-background/70"}`,
-        onClick: () => onChange(section.id),
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-current": active ? "page" : void 0,
+          "aria-expanded": collection ? open : void 0,
+          className: `flex w-full items-center gap-1.5 rounded-md px-1.5 py-1.5 text-left transition-colors ${active ? "bg-muted/80 text-foreground" : "hover:bg-muted/50"}`,
+          onClick: () => {
+            onChange(section.id);
+            if (!collection) return;
+            setExpanded((current) => {
+              const next = new Set(current);
+              if (next.has(section.id)) next.delete(section.id);
+              else next.add(section.id);
+              return next;
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center text-muted-foreground", children: collection ? open ? /* @__PURE__ */ jsx(UiChevronDown, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx(UiChevronRight, { "aria-hidden": "true", className: "size-3.5" }) : null }),
+            /* @__PURE__ */ jsx("span", { className: "flex size-5 shrink-0 items-center justify-center text-muted-foreground", children: iconForSection(section.id) }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `block truncate text-sm ${active ? "font-medium text-foreground" : "text-foreground/80"}`,
+                  children: section.label
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: section.hint })
+            ] }),
+            attention ? /* @__PURE__ */ jsx(
               "span",
               {
-                className: `block truncate text-sm ${active ? "font-medium text-foreground" : "text-foreground/80"}`,
-                children: section.label
+                className: "size-1.5 shrink-0 rounded-full bg-warning",
+                title: "Needs attention"
               }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: section.hint })
-          ] }),
-          attention ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "size-1.5 shrink-0 rounded-full bg-warning",
-              title: "Needs attention"
-            }
-          ) : null,
-          badge ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: badge }) : null
-        ]
-      },
-      section.id
-    );
+            ) : null,
+            badge ? /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: badge }) : null
+          ]
+        }
+      ),
+      open && collections[section.id] ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-profile-tree-group": section.id,
+          className: "relative ml-3.5 border-l border-border/80 pb-1 pl-4 pt-1 [&_[data-profile-tree-item]]:before:absolute [&_[data-profile-tree-item]]:before:-left-4 [&_[data-profile-tree-item]]:before:top-1/2 [&_[data-profile-tree-item]]:before:h-px [&_[data-profile-tree-item]]:before:w-4 [&_[data-profile-tree-item]]:before:bg-border [&_[data-profile-tree-item]]:before:content-['']",
+          children: collections[section.id]
+        }
+      ) : null
+    ] }, section.id);
   }) });
 }
+function iconForSection(section) {
+  switch (section) {
+    case "general":
+      return /* @__PURE__ */ jsx(UiSliders, { className: "size-4" });
+    case "source":
+      return /* @__PURE__ */ jsx(UiDatabaseZap, { className: "size-4" });
+    case "columns":
+      return /* @__PURE__ */ jsx(UiColumns, { className: "size-4" });
+    case "parameters":
+      return /* @__PURE__ */ jsx(UiBraces, { className: "size-4" });
+    case "processors":
+      return /* @__PURE__ */ jsx(UiFunnelData, { className: "size-4" });
+    case "raw":
+      return /* @__PURE__ */ jsx(UiFileCode, { className: "size-4" });
+  }
+}
 export {
   ProfileEditorRail
 };

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

@@ -1 +1 @@
-{"version":3,"file":"profileEditorRail.js","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"sourcesContent":["import {\n  profileEditorSections,\n  type ProfileEditorSection,\n  type ProfileSectionStatus,\n} from \"./profileEditorModel\";\n\n/** Vertical section nav for the editor route, in place of the modal's tabs. */\nexport function ProfileEditorRail({\n  value,\n  status,\n  onChange,\n}: {\n  value: ProfileEditorSection;\n  status: Record<ProfileEditorSection, ProfileSectionStatus>;\n  onChange: (section: ProfileEditorSection) => void;\n}) {\n  return (\n    <nav className=\"w-full overflow-auto p-2\" aria-label=\"Profile sections\">\n      {profileEditorSections.map((section) => {\n        const active = section.id === value;\n        const { badge, attention } = status[section.id];\n        return (\n          <button\n            key={section.id}\n            type=\"button\"\n            aria-current={active ? \"page\" : undefined}\n            className={`mb-0.5 flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors ${\n              active ? \"bg-background shadow-sm ring-1 ring-border\" : \"hover:bg-background/70\"\n            }`}\n            onClick={() => onChange(section.id)}\n          >\n            <span className=\"min-w-0 flex-1\">\n              <span\n                className={`block truncate text-sm ${active ? \"font-medium text-foreground\" : \"text-foreground/80\"}`}\n              >\n                {section.label}\n              </span>\n              <span className=\"block truncate text-[11px] text-muted-foreground\">\n                {section.hint}\n              </span>\n            </span>\n            {attention ? (\n              <span\n                className=\"size-1.5 shrink-0 rounded-full bg-warning\"\n                title=\"Needs attention\"\n              />\n            ) : null}\n            {badge ? (\n              <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                {badge}\n              </span>\n            ) : null}\n          </button>\n        );\n      })}\n    </nav>\n  );\n}\n"],"names":[],"mappings":";;AAOO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,oBAAC,SAAI,WAAU,4BAA2B,cAAW,oBAClD,UAAA,sBAAsB,IAAI,CAAC,YAAY;AACtC,UAAM,SAAS,QAAQ,OAAO;AAC9B,UAAM,EAAE,OAAO,UAAA,IAAc,OAAO,QAAQ,EAAE;AAC9C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc,SAAS,SAAS;AAAA,QAChC,WAAW,4FACT,SAAS,+CAA+C,wBAC1D;AAAA,QACA,SAAS,MAAM,SAAS,QAAQ,EAAE;AAAA,QAElC,UAAA;AAAA,UAAA,qBAAC,QAAA,EAAK,WAAU,kBACd,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,0BAA0B,SAAS,gCAAgC,oBAAoB;AAAA,gBAEjG,UAAA,QAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,YAEX,oBAAC,QAAA,EAAK,WAAU,oDACb,kBAAQ,KAAA,CACX;AAAA,UAAA,GACF;AAAA,UACC,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,YAAA;AAAA,UAAA,IAEN;AAAA,UACH,QACC,oBAAC,QAAA,EAAK,WAAU,6EACb,iBACH,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MA5BC,QAAQ;AAAA,IAAA;AAAA,EA+BnB,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"profileEditorRail.js","sources":["../../../src/profiles/editor/profileEditorRail.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport {\n  UiBraces,\n  UiChevronDown,\n  UiChevronRight,\n  UiColumns,\n  UiDatabaseZap,\n  UiFileCode,\n  UiFunnelData,\n  UiSliders,\n} from \"../../icons\";\nimport {\n  profileEditorSections,\n  type ProfileEditorSection,\n  type ProfileSectionStatus,\n} from \"./profileEditorModel\";\n\nconst collectionSections = new Set<ProfileEditorSection>([\n  \"columns\",\n  \"parameters\",\n  \"processors\",\n]);\n\nexport type ProfileEditorRailCollections = Partial<\n  Record<ProfileEditorSection, ReactNode>\n>;\n\n/** Section navigation whose collection sections can reveal their item lists. */\nexport function ProfileEditorRail({\n  value,\n  status,\n  collections = {},\n  onChange,\n}: {\n  value: ProfileEditorSection;\n  status: Record<ProfileEditorSection, ProfileSectionStatus>;\n  collections?: ProfileEditorRailCollections;\n  onChange: (section: ProfileEditorSection) => void;\n}) {\n  const [expanded, setExpanded] = useState<Set<ProfileEditorSection>>(\n    () => new Set(),\n  );\n\n  return (\n    <nav className=\"w-full overflow-auto p-1.5\" aria-label=\"Profile sections\">\n      {profileEditorSections.map((section) => {\n        const active = section.id === value;\n        const collection = collectionSections.has(section.id);\n        const open = collection && expanded.has(section.id);\n        const { badge, attention } = status[section.id];\n        return (\n          <div key={section.id}>\n            <button\n              type=\"button\"\n              aria-current={active ? \"page\" : undefined}\n              aria-expanded={collection ? open : undefined}\n              className={`flex w-full items-center gap-1.5 rounded-md px-1.5 py-1.5 text-left transition-colors ${\n                active ? \"bg-muted/80 text-foreground\" : \"hover:bg-muted/50\"\n              }`}\n              onClick={() => {\n                onChange(section.id);\n                if (!collection) return;\n                setExpanded((current) => {\n                  const next = new Set(current);\n                  if (next.has(section.id)) next.delete(section.id);\n                  else next.add(section.id);\n                  return next;\n                });\n              }}\n            >\n              <span className=\"flex size-4 shrink-0 items-center justify-center text-muted-foreground\">\n                {collection ? (\n                  open ? (\n                    <UiChevronDown aria-hidden=\"true\" className=\"size-3.5\" />\n                  ) : (\n                    <UiChevronRight aria-hidden=\"true\" className=\"size-3.5\" />\n                  )\n                ) : null}\n              </span>\n              <span className=\"flex size-5 shrink-0 items-center justify-center text-muted-foreground\">\n                {iconForSection(section.id)}\n              </span>\n              <span className=\"min-w-0 flex-1\">\n                <span\n                  className={`block truncate text-sm ${\n                    active\n                      ? \"font-medium text-foreground\"\n                      : \"text-foreground/80\"\n                  }`}\n                >\n                  {section.label}\n                </span>\n                <span className=\"block truncate text-[11px] text-muted-foreground\">\n                  {section.hint}\n                </span>\n              </span>\n              {attention ? (\n                <span\n                  className=\"size-1.5 shrink-0 rounded-full bg-warning\"\n                  title=\"Needs attention\"\n                />\n              ) : null}\n              {badge ? (\n                <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                  {badge}\n                </span>\n              ) : null}\n            </button>\n            {open && collections[section.id] ? (\n              <div\n                data-profile-tree-group={section.id}\n                className=\"relative ml-3.5 border-l border-border/80 pb-1 pl-4 pt-1 [&_[data-profile-tree-item]]:before:absolute [&_[data-profile-tree-item]]:before:-left-4 [&_[data-profile-tree-item]]:before:top-1/2 [&_[data-profile-tree-item]]:before:h-px [&_[data-profile-tree-item]]:before:w-4 [&_[data-profile-tree-item]]:before:bg-border [&_[data-profile-tree-item]]:before:content-['']\"\n              >\n                {collections[section.id]}\n              </div>\n            ) : null}\n          </div>\n        );\n      })}\n    </nav>\n  );\n}\n\nfunction iconForSection(section: ProfileEditorSection): ReactNode {\n  switch (section) {\n    case \"general\":\n      return <UiSliders className=\"size-4\" />;\n    case \"source\":\n      return <UiDatabaseZap className=\"size-4\" />;\n    case \"columns\":\n      return <UiColumns className=\"size-4\" />;\n    case \"parameters\":\n      return <UiBraces className=\"size-4\" />;\n    case \"processors\":\n      return <UiFunnelData className=\"size-4\" />;\n    case \"raw\":\n      return <UiFileCode className=\"size-4\" />;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/editor/profileParameterEditor.cjs

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const JsonSchemaForm = require("../../components/JsonSchemaForm.cjs");
+const ItemActions = require("../../components/ItemActions.cjs");
+const jsonSchemaFormItemRow = require("../../components/json-schema-form-item-row.cjs");
+const jsonSchemaFormItemSummary = require("../../components/json-schema-form-item-summary.cjs");
+const jsonSchemaFormResolve = require("../../components/json-schema-form-resolve.cjs");
+const jsonSchemaFormUtils = require("../../components/json-schema-form-utils.cjs");
+const collections = require("../../lib/collections.cjs");
+const profileApi = require("../profileApi.cjs");
+const UiAdd = require("../../icons/components/UiAdd.cjs");
+function ProfileParameterSidebar({
+  draft,
+  activeIndex,
+  onActiveIndexChange,
+  onChange
+}) {
+  const field = parameterArrayField(draft, onChange);
+  const items = parameterItems(field);
+  const itemSchema = parameterItemSchema(field.schema);
+  const spec = jsonSchemaFormItemSummary.resolveItemSpec(field.schema, itemSchema);
+  const emptyCopy = jsonSchemaFormItemSummary.emptyItemsCopy(spec, field.schema);
+  const selectedIndex = boundedActiveIndex(activeIndex, items.length);
+  const commit = (next) => field.onChange(next);
+  const move = (from, to) => {
+    commit(collections.moveItem(items, from, to));
+    onActiveIndexChange(reorderedActiveIndex(selectedIndex, from, to));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: items.length === 0 ? jsonSchemaFormItemSummary.noItemsLabel(spec) : jsonSchemaFormItemSummary.itemCountLabel(spec, items.length) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      items.map((item, index) => {
+        const summary = jsonSchemaFormItemSummary.itemSummaryFor({ item, index, spec, itemSchema });
+        const active = index === selectedIndex;
+        return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemGlyph, { glyph: summary.glyph }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium", children: summary.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemBadge, { badge: summary.badge }),
+                    summary.flagged ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.RequiredMark, {}) : null
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ItemActions.ItemActions,
+                {
+                  label: summary.title,
+                  index,
+                  count: items.length,
+                  size: "xs",
+                  ...jsonSchemaFormItemSummary.itemActionsAllow(spec, "reorder") ? { onMove: (to) => move(index, to) } : {},
+                  ...jsonSchemaFormItemSummary.itemActionsAllow(spec, "duplicate") ? {
+                    onDuplicate: () => {
+                      commit(collections.duplicateIndex(items, index));
+                      onActiveIndexChange(index + 1);
+                    }
+                  } : {},
+                  ...jsonSchemaFormItemSummary.itemActionsAllow(spec, "remove") && jsonSchemaFormUtils.canRemoveItem(field, items.length) ? {
+                    onRemove: () => {
+                      commit(collections.removeIndex(items, index));
+                      onActiveIndexChange(
+                        removedActiveIndex(
+                          selectedIndex,
+                          index,
+                          items.length
+                        )
+                      );
+                    }
+                  } : {}
+                }
+              )
+            ]
+          },
+          `${item.name ?? "parameter"}-${index}`
+        );
+      }),
+      jsonSchemaFormUtils.canAddItem(field, items.length) ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(UiAdd.UiAdd, { className: "size-3.5" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-medium text-foreground", children: jsonSchemaFormItemSummary.addItemLabel(spec) }),
+              items.length === 0 && emptyCopy ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = profileApi.profileFormExtensions();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    JsonSchemaForm.JsonSchemaForm,
+    {
+      idPrefix: `profile-parameter-${selectedIndex}`,
+      schema: {
+        type: "object",
+        properties: { [wrapperKey]: itemSchema }
+      },
+      value: { [wrapperKey]: item },
+      onChange: (next) => {
+        if (!collections.isPlainObject(next[wrapperKey])) {
+          throw new Error(
+            "profile parameter editor produced a non-object item"
+          );
+        }
+        field.onChange(
+          collections.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 = profileApi.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 = jsonSchemaFormResolve.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 profileApi.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 = jsonSchemaFormUtils.seedFromSchema(schema);
+  if (!collections.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));
+}
+exports.ProfileParameterDetail = ProfileParameterDetail;
+exports.ProfileParameterSidebar = ProfileParameterSidebar;
+//# sourceMappingURL=profileParameterEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileParameterEditor.cjs","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":["resolveItemSpec","emptyItemsCopy","moveItem","jsxs","jsx","noItemsLabel","itemCountLabel","itemSummaryFor","ItemGlyph","ItemBadge","RequiredMark","ItemActions","itemActionsAllow","duplicateIndex","canRemoveItem","removeIndex","canAddItem","UiAdd","addItemLabel","profileFormExtensions","JsonSchemaForm","isPlainObject","setIndex","profileSchema","resolveControl","seedFromSchema"],"mappings":"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"}