@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/profileColumnPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.js","sources":["../../src/profiles/profileColumnPicker.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiSqlColumn } from \"../icons\";\n\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"./profileWizardModel\";\nimport { profileColumnTypeLabel } from \"./profileColumnModel\";\nexport type { ProfileColumn };\n\n\nexport function ColumnPicker({\n  columns,\n  selected,\n  existing,\n  onChange,\n  timestampColumn,\n  onTimestampColumnChange,\n}: {\n  columns: ProfileColumn[];\n  selected: Set<string>;\n  existing: Set<string>;\n  onChange: (next: Set<string>) => void;\n  timestampColumn: string;\n  onTimestampColumnChange: (next: string) => void;\n}) {\n  return (\n    <div className=\"shrink-0 rounded-md border bg-card p-3\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlColumn} className=\"size-4\" />\n        Columns from sample\n      </div>\n      <div className=\"flex max-h-32 flex-wrap gap-2 overflow-auto\">\n        {columns.map((column) => (\n          <div\n            key={column.name}\n            className=\"flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs\"\n          >\n            <label className=\"flex cursor-pointer items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                checked={selected.has(column.name)}\n                onChange={(event) => {\n                  const next = new Set(selected);\n                  if (event.target.checked) next.add(column.name);\n                  else {\n                    next.delete(column.name);\n                    if (timestampColumn === column.name)\n                      onTimestampColumnChange(\"\");\n                  }\n                  onChange(next);\n                }}\n              />\n              <span className=\"font-medium\">{column.name}</span>\n              <span className=\"text-muted-foreground\">\n                {profileColumnTypeLabel(column.type)}\n              </span>\n            </label>\n            <label className=\"ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground\">\n              <input\n                type=\"radio\"\n                name=\"profile-timestamp-column\"\n                aria-label={`Use ${column.name} for time ranges`}\n                checked={timestampColumn === column.name}\n                disabled={!selected.has(column.name)}\n                onChange={() => onTimestampColumnChange(column.name)}\n              />\n              time range\n            </label>\n            {existing.has(column.name) ? (\n              <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                configured\n              </span>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n"],"names":[],"mappings":";;;;AAYO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,oGACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,UAAS;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,wBACC,OAAA,EAAI,WAAU,+CACZ,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,SAAA,EAAM,WAAU,0CACf,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,SAAS,IAAI,OAAO,IAAI;AAAA,gBACjC,UAAU,CAAC,UAAU;AACnB,wBAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,sBAAI,MAAM,OAAO,QAAS,MAAK,IAAI,OAAO,IAAI;AAAA,uBACzC;AACH,yBAAK,OAAO,OAAO,IAAI;AACvB,wBAAI,oBAAoB,OAAO;AAC7B,8CAAwB,EAAE;AAAA,kBAC9B;AACA,2BAAS,IAAI;AAAA,gBACf;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,oBAAC,QAAA,EAAK,WAAU,eAAe,iBAAO,MAAK;AAAA,gCAC1C,QAAA,EAAK,WAAU,yBACb,UAAA,uBAAuB,OAAO,IAAI,EAAA,CACrC;AAAA,UAAA,GACF;AAAA,UACA,qBAAC,SAAA,EAAM,WAAU,mFACf,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,cAAY,OAAO,OAAO,IAAI;AAAA,gBAC9B,SAAS,oBAAoB,OAAO;AAAA,gBACpC,UAAU,CAAC,SAAS,IAAI,OAAO,IAAI;AAAA,gBACnC,UAAU,MAAM,wBAAwB,OAAO,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YACnD;AAAA,UAAA,GAEJ;AAAA,UACC,SAAS,IAAI,OAAO,IAAI,wBACtB,QAAA,EAAK,WAAU,oEAAmE,UAAA,aAAA,CAEnF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAtCC,OAAO;AAAA,IAAA,CAwCf,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/profiles/profileEditor.cjs

@@ -0,0 +1,386 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../components/button.cjs");
+const Workspace = require("../layout/Workspace.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const operationLookupFetcher = require("../rpc/operationLookupFetcher.cjs");
+const react = require("react");
+const profileEditorModel = require("./profileEditorModel.cjs");
+const profileEditorPreview = require("./profileEditorPreview.cjs");
+const profileEditorRail = require("./profileEditorRail.cjs");
+const profileEditorSections = require("./profileEditorSections.cjs");
+const profileFieldEditor = require("./profileFieldEditor.cjs");
+const profileFieldGrid = require("./profileFieldGrid.cjs");
+const profileFieldState = require("./profileFieldState.cjs");
+const jsonPathSampleRow = require("./jsonPathSampleRow.cjs");
+const profileEditorRoutes = require("./profileEditorRoutes.cjs");
+const UiColumns = require("../icons/components/UiColumns.cjs");
+const UiSliders = require("../icons/components/UiSliders.cjs");
+const UiTable = require("../icons/components/UiTable.cjs");
+const UiListTree = require("../icons/components/UiListTree.cjs");
+const ProfileEditorRaw = react.lazy(
+  () => Promise.resolve().then(() => require("./profileEditorRaw.cjs")).then((module2) => ({
+    default: module2.ProfileEditorRaw
+  }))
+);
+function ProfileEditor({
+  client,
+  action,
+  surfaceKey,
+  initialValue,
+  onClose,
+  onSuccess
+}) {
+  var _a, _b, _c;
+  const lookupFetcher = operationLookupFetcher.useOperationLookupFetcher(client);
+  const initialDraft = react.useMemo(() => profileEditorModel.cloneProfileDraft(initialValue), [initialValue]);
+  const initialSerialized = react.useMemo(() => JSON.stringify(initialDraft), [initialDraft]);
+  const [draft, setDraft] = react.useState(initialDraft);
+  const [section, setSection] = react.useState("general");
+  const [discovered, setDiscovered] = react.useState(initialDraft.columns ?? []);
+  const [sampledColumns, setSampledColumns] = react.useState([]);
+  const [sampleRows, setSampleRows] = react.useState([]);
+  const [activeField, setActiveField] = react.useState(((_b = (_a = initialDraft.columns) == null ? void 0 : _a[0]) == null ? void 0 : _b.name) ?? "");
+  const [lastSampleSignature, setLastSampleSignature] = react.useState(() => profileEditorModel.profileSampleSignature(initialDraft));
+  const [rawValid, setRawValid] = react.useState(true);
+  const [saving, setSaving] = react.useState(false);
+  const [error, setError] = react.useState("");
+  const [replaceTarget, setReplaceTarget] = react.useState("");
+  const [confirmDiscard, setConfirmDiscard] = react.useState(false);
+  const [confirmResetColumns, setConfirmResetColumns] = react.useState(false);
+  const dirty = JSON.stringify(draft) !== initialSerialized;
+  const validationError = profileEditorModel.validateProfileEditorDraft(draft);
+  const sampleStale = profileEditorModel.profileSampleSignature(draft) !== lastSampleSignature;
+  const resetState = profileEditorModel.profileColumnResetState({
+    providerType: ((_c = draft.provider) == null ? void 0 : _c.type) ?? "",
+    sampledColumnCount: sampledColumns.length,
+    sampleStale
+  });
+  const fields = profileFieldState.useProfileFieldState({
+    discovered,
+    configured: draft.columns ?? [],
+    activeName: activeField,
+    onConfiguredChange: (columns) => setDraft((current) => ({ ...current, columns })),
+    onActiveNameChange: setActiveField
+  });
+  react.useEffect(() => {
+    if (!dirty) return;
+    const warn = (event) => event.preventDefault();
+    window.addEventListener("beforeunload", warn);
+    return () => window.removeEventListener("beforeunload", warn);
+  }, [dirty]);
+  const save = async (replaceExisting = false) => {
+    if (validationError) {
+      setError(validationError);
+      return;
+    }
+    if (!client.submitForm) {
+      setError("Profile updates are unavailable");
+      return;
+    }
+    setSaving(true);
+    setError("");
+    try {
+      const body = {
+        ...draft,
+        id: surfaceKey,
+        ...replaceExisting ? { replaceExisting: true } : {}
+      };
+      const response = await client.submitForm(
+        profileEditorRoutes.resolveProfileUpdatePath(action.path, surfaceKey),
+        action.method,
+        body
+      );
+      if (!response.success) {
+        const message = response.error || response.message || "Profile update failed";
+        const target = profileEditorModel.profileUpdateConflictTarget(message);
+        if (target && !replaceExisting) {
+          setReplaceTarget(target);
+          return;
+        }
+        throw new Error(message);
+      }
+      await onSuccess(draft.profile.trim());
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Profile update failed");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const acceptSample = ({ columns, rows, sourceDraft }) => {
+    setSampledColumns(structuredClone(columns));
+    setDiscovered(columns);
+    setSampleRows(rows);
+    setDraft((current) => ({
+      ...current,
+      columns: profileEditorModel.mergeSampledProfileColumns(current.columns ?? [], columns)
+    }));
+    setActiveField((current) => {
+      var _a2;
+      return current || ((_a2 = columns[0]) == null ? void 0 : _a2.name) || "";
+    });
+    setLastSampleSignature(profileEditorModel.profileSampleSignature(sourceDraft));
+  };
+  const resetColumns = () => {
+    const first = sampledColumns[0];
+    if (!first) throw new Error("cannot reset columns without a sample");
+    setDraft((current) => profileEditorModel.resetProfileColumns(current, sampledColumns));
+    setActiveField(first.name);
+    setConfirmResetColumns(false);
+  };
+  const sectionContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full overflow-auto p-5", children: [
+    section === "general" ? /* @__PURE__ */ jsxRuntime.jsx(profileEditorSections.ProfileGeneralSection, { draft, onChange: setDraft }) : null,
+    section === "source" ? /* @__PURE__ */ jsxRuntime.jsx(
+      profileEditorSections.ProfileSourceSection,
+      {
+        draft,
+        discovered,
+        sampleStale,
+        onChange: setDraft,
+        onSample: acceptSample
+      }
+    ) : null,
+    section === "parameters" ? /* @__PURE__ */ jsxRuntime.jsx(
+      profileEditorSections.ProfileSchemaSection,
+      {
+        draft,
+        keys: ["params"],
+        title: "Parameters",
+        description: "Named values the profile query and filters accept at run time.",
+        idPrefix: "profile-parameters",
+        layout: { mode: "stacked", valueMaxWidth: "none", help: "hover" },
+        onChange: setDraft
+      }
+    ) : null,
+    section === "advanced" ? /* @__PURE__ */ jsxRuntime.jsx(
+      profileEditorSections.ProfileSchemaSection,
+      {
+        draft,
+        keys: profileEditorModel.profileAdvancedKeys,
+        title: "Advanced composition",
+        description: "Compose profiles, add ordered aliases, chain post-query processors, and control output without exposing the root schema as the page layout.",
+        idPrefix: "profile-advanced",
+        ...lookupFetcher ? { lookupFetcher } : {},
+        onChange: setDraft
+      }
+    ) : null,
+    section === "raw" ? /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading YAML editor…" }), children: /* @__PURE__ */ jsxRuntime.jsx(ProfileEditorRaw, { draft, onChange: setDraft, onValidityChange: setRawValid }) }) : null
+  ] });
+  const panes = react.useMemo(() => {
+    var _a2;
+    const rail = {
+      id: "sections",
+      label: "Profile",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(UiListTree.UiListTree, {}),
+      location: "left",
+      width: 240,
+      minWidth: 180,
+      maxWidth: 340,
+      content: /* @__PURE__ */ jsxRuntime.jsx(
+        profileEditorRail.ProfileEditorRail,
+        {
+          value: section,
+          status: profileEditorModel.profileEditorSectionStatus({
+            draft,
+            availableColumns: fields.available.length,
+            sampleStale
+          }),
+          onChange: setSection
+        }
+      )
+    };
+    if (section !== "columns") {
+      return [rail, { id: "section", label: sectionLabel(section), location: "center", collapsible: false, contentClassName: "p-0", content: sectionContent }];
+    }
+    return [
+      rail,
+      {
+        id: "columns",
+        label: "Columns",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiColumns.UiColumns, {}),
+        location: "center",
+        collapsible: false,
+        contentClassName: "flex flex-col overflow-hidden",
+        slots: {
+          headerTrailing: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+              fields.configuredCount,
+              " of ",
+              fields.available.length,
+              " included"
+            ] }),
+            resetState.visible ? /* @__PURE__ */ jsxRuntime.jsx(
+              button.Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                disabled: resetState.disabled,
+                title: resetState.title,
+                onClick: () => setConfirmResetColumns(true),
+                children: "Reset columns"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "outline", onClick: fields.addField, children: "Add column" })
+          ] })
+        },
+        content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-b border-border p-2", children: /* @__PURE__ */ jsxRuntime.jsx(profileFieldGrid.ProfileFieldFilters, { state: fields, compact: true }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(profileFieldGrid.ProfileFieldGrid, { state: fields })
+        ] })
+      },
+      {
+        id: "field",
+        label: ((_a2 = fields.activeField) == null ? void 0 : _a2.name) ?? "Field",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiSliders.UiSliders, {}),
+        location: "right",
+        width: 380,
+        minWidth: 300,
+        maxWidth: 560,
+        contentClassName: "flex flex-col overflow-hidden",
+        // The pane header already names the field, so this composes the editor's
+        // parts rather than nesting its carded, self-titling variant.
+        content: fields.activeField ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-1 border-b border-border px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+            profileFieldEditor.ProfileFieldEditorActions,
+            {
+              selected: fields.selectedNames.has(fields.activeField.name),
+              onSelectedChange: (selected) => {
+                if (fields.activeField) fields.setFieldSelection(fields.activeField, selected);
+              },
+              canMoveUp: fields.canMoveUp,
+              canMoveDown: fields.canMoveDown,
+              onMoveUp: () => fields.moveActive(-1),
+              onMoveDown: () => fields.moveActive(1),
+              onRemove: fields.removeActive
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+            profileFieldEditor.ProfileFieldEditorForm,
+            {
+              field: fields.activeField,
+              columns: 1,
+              onChange: fields.updateActiveField
+            }
+          ) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "grid h-full place-items-center p-4 text-center text-sm text-muted-foreground", children: profileFieldEditor.profileFieldEditorEmptyMessage })
+      },
+      {
+        id: "preview",
+        label: "Preview",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(UiTable.UiTable, {}),
+        location: "bottom",
+        height: 220,
+        minHeight: 120,
+        maxHeight: 520,
+        slots: {
+          headerTrailing: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: sampleRows.length ? `${sampleRows.length} sampled rows · updates as you edit` : "No sample yet" })
+        },
+        content: /* @__PURE__ */ jsxRuntime.jsx(profileEditorPreview.ProfileEditorPreview, { columns: draft.columns ?? [], rows: sampleRows })
+      }
+    ];
+  }, [draft, fields, resetState, sampleRows, sampleStale, section, sectionContent]);
+  const leave = () => dirty ? setConfirmDiscard(true) : onClose();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsonPathSampleRow.JsonPathProfileProvider, { profile: draft, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)] bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "hover:text-foreground", onClick: leave, children: "Profiles" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "min-w-0 truncate hover:text-foreground", onClick: leave, children: initialDraft.profile ?? surfaceKey }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: "Edit" })
+        ] }),
+        error ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-destructive", children: error }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: dirty ? "Unsaved changes" : "No changes" }),
+        /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", size: "sm", variant: "ghost", onClick: leave, children: "Discard" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            size: "sm",
+            disabled: saving || Boolean(validationError) || section === "raw" && !rawValid,
+            title: validationError ?? void 0,
+            onClick: () => void save(),
+            children: saving ? "Saving…" : "Save profile"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Workspace.Workspace, { panes, storageKey: "profile-editor" })
+    ] }),
+    confirmDiscard ? /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open: true,
+        onClose: () => setConfirmDiscard(false),
+        title: "Discard profile changes?",
+        size: "sm",
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", onClick: () => setConfirmDiscard(false), children: "Keep editing" }),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "destructive", onClick: onClose, children: "Discard changes" })
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Your unsaved profile changes will be lost." })
+      }
+    ) : null,
+    confirmResetColumns ? /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open: true,
+        onClose: () => setConfirmResetColumns(false),
+        title: "Reset columns from latest sample?",
+        size: "sm",
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", onClick: () => setConfirmResetColumns(false), children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "destructive",
+              disabled: resetState.disabled,
+              onClick: resetColumns,
+              children: "Reset columns"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "Replace ",
+          fields.configuredCount,
+          " configured column",
+          fields.configuredCount === 1 ? "" : "s",
+          " with ",
+          sampledColumns.length,
+          " column",
+          sampledColumns.length === 1 ? "" : "s",
+          " from the latest sample. Custom labels, expressions, formatting, filtering, ordering, and manually added columns will be removed. The profile will remain unsaved until you save it."
+        ] })
+      }
+    ) : null,
+    replaceTarget ? /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
+      {
+        open: true,
+        onClose: () => setReplaceTarget(""),
+        title: `Replace ${replaceTarget}?`,
+        size: "sm",
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "ghost", onClick: () => setReplaceTarget(""), children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "destructive", disabled: saving, onClick: () => {
+            setReplaceTarget("");
+            void save(true);
+          }, children: "Replace profile" })
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "A profile named ",
+          replaceTarget,
+          " already exists. Its definition will be overwritten, the current profile will be renamed, and dependent imports will be updated atomically."
+        ] })
+      }
+    ) : null
+  ] });
+}
+function sectionLabel(section) {
+  return profileEditorModel.profileEditorSections.find((entry) => entry.id === section).label;
+}
+exports.ProfileEditor = ProfileEditor;
+//# sourceMappingURL=profileEditor.cjs.map

package/dist/profiles/profileEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditor.cjs","sources":["../../src/profiles/profileEditor.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Workspace } from \"../layout/Workspace\";\nimport type { WorkspacePaneSpec } from \"../layout/Workspace\";\nimport { Modal } from \"../overlay/Modal\";\nimport { useOperationLookupFetcher } from \"../rpc/operationLookupFetcher\";\nimport type { ResolvedOperation } from \"../rpc/types\";\nimport type { OperationsApiClient } from \"../rpc/useOperations\";\nimport { UiColumns, UiListTree, UiSliders, UiTable } from \"../icons\";\nimport { lazy, Suspense, useEffect, useMemo, useState } from \"react\";\nimport {\n  cloneProfileDraft,\n  mergeSampledProfileColumns,\n  profileAdvancedKeys,\n  profileColumnResetState,\n  profileEditorSectionStatus,\n  profileEditorSections,\n  profileSampleSignature,\n  profileUpdateConflictTarget,\n  resetProfileColumns,\n  validateProfileEditorDraft,\n  type ProfileEditorSection,\n} from \"./profileEditorModel\";\nimport { ProfileEditorPreview } from \"./profileEditorPreview\";\nimport { ProfileEditorRail } from \"./profileEditorRail\";\nimport {\n  ProfileGeneralSection,\n  ProfileSchemaSection,\n  ProfileSourceSection,\n} from \"./profileEditorSections\";\nimport {\n  ProfileFieldEditorActions,\n  ProfileFieldEditorForm,\n  profileFieldEditorEmptyMessage,\n} from \"./profileFieldEditor\";\nimport { ProfileFieldFilters, ProfileFieldGrid } from \"./profileFieldGrid\";\nimport { useProfileFieldState } from \"./profileFieldState\";\nimport type { ProfileSample } from \"./profileWizardQueryStep\";\nimport { JsonPathProfileProvider } from \"./jsonPathSampleRow\";\nimport type { ProfileColumn, ProfileWizardDraft } from \"./profileWizardModel\";\nimport { resolveProfileUpdatePath } from \"./profileEditorRoutes\";\n\nconst ProfileEditorRaw = lazy(() =>\n  import(\"./profileEditorRaw\").then((module) => ({\n    default: module.ProfileEditorRaw,\n  })),\n);\n\n/**\n * The profile editor as a route rather than a dialog.\n *\n * Six sections, ~130 discoverable fields and a CEL editor per column outgrew a\n * modal: the layout is a clicky-ui Workspace, so the section rail, the column\n * grid, the field inspector and the sampled preview are panes the user can\n * resize, collapse and keep across visits.\n */\nexport function ProfileEditor({\n  client,\n  action,\n  surfaceKey,\n  initialValue,\n  onClose,\n  onSuccess,\n}: {\n  client: OperationsApiClient;\n  action: ResolvedOperation;\n  surfaceKey: string;\n  initialValue: Record<string, unknown>;\n  onClose: () => void;\n  onSuccess: (name: string) => void | Promise<void>;\n}) {\n  const lookupFetcher = useOperationLookupFetcher(client);\n  const initialDraft = useMemo(() => cloneProfileDraft(initialValue), [initialValue]);\n  const initialSerialized = useMemo(() => JSON.stringify(initialDraft), [initialDraft]);\n  const [draft, setDraft] = useState<ProfileWizardDraft>(initialDraft);\n  const [section, setSection] = useState<ProfileEditorSection>(\"general\");\n  const [discovered, setDiscovered] = useState<ProfileColumn[]>(initialDraft.columns ?? []);\n  const [sampledColumns, setSampledColumns] = useState<ProfileColumn[]>([]);\n  const [sampleRows, setSampleRows] = useState<Record<string, unknown>[]>([]);\n  const [activeField, setActiveField] = useState(initialDraft.columns?.[0]?.name ?? \"\");\n  const [lastSampleSignature, setLastSampleSignature] = useState(() => profileSampleSignature(initialDraft));\n  const [rawValid, setRawValid] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [replaceTarget, setReplaceTarget] = useState(\"\");\n  const [confirmDiscard, setConfirmDiscard] = useState(false);\n  const [confirmResetColumns, setConfirmResetColumns] = useState(false);\n  const dirty = JSON.stringify(draft) !== initialSerialized;\n  const validationError = validateProfileEditorDraft(draft);\n  const sampleStale = profileSampleSignature(draft) !== lastSampleSignature;\n  const resetState = profileColumnResetState({\n    providerType: draft.provider?.type ?? \"\",\n    sampledColumnCount: sampledColumns.length,\n    sampleStale,\n  });\n\n  const fields = useProfileFieldState({\n    discovered,\n    configured: draft.columns ?? [],\n    activeName: activeField,\n    onConfiguredChange: (columns) => setDraft((current) => ({ ...current, columns })),\n    onActiveNameChange: setActiveField,\n  });\n\n  // A route can be refreshed or navigated away from; the dialog used to guard\n  // unsaved edits with confirmClose, so the route has to guard them too.\n  useEffect(() => {\n    if (!dirty) return;\n    const warn = (event: BeforeUnloadEvent) => event.preventDefault();\n    window.addEventListener(\"beforeunload\", warn);\n    return () => window.removeEventListener(\"beforeunload\", warn);\n  }, [dirty]);\n\n  const save = async (replaceExisting = false) => {\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    if (!client.submitForm) {\n      setError(\"Profile updates are unavailable\");\n      return;\n    }\n    setSaving(true);\n    setError(\"\");\n    try {\n      const body = {\n        ...draft,\n        id: surfaceKey,\n        ...(replaceExisting ? { replaceExisting: true } : {}),\n      };\n      const response = await client.submitForm(\n        resolveProfileUpdatePath(action.path, surfaceKey),\n        action.method,\n        body,\n      );\n      if (!response.success) {\n        const message = response.error || response.message || \"Profile update failed\";\n        const target = profileUpdateConflictTarget(message);\n        if (target && !replaceExisting) {\n          setReplaceTarget(target);\n          return;\n        }\n        throw new Error(message);\n      }\n      await onSuccess(draft.profile!.trim());\n    } catch (saveError) {\n      setError(saveError instanceof Error ? saveError.message : \"Profile update failed\");\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const acceptSample = ({ columns, rows, sourceDraft }: ProfileSample) => {\n    setSampledColumns(structuredClone(columns));\n    setDiscovered(columns);\n    setSampleRows(rows);\n    setDraft((current) => ({\n      ...current,\n      columns: mergeSampledProfileColumns(current.columns ?? [], columns),\n    }));\n    setActiveField((current) => current || columns[0]?.name || \"\");\n    setLastSampleSignature(profileSampleSignature(sourceDraft));\n  };\n\n  const resetColumns = () => {\n    const first = sampledColumns[0];\n    if (!first) throw new Error(\"cannot reset columns without a sample\");\n    setDraft((current) => resetProfileColumns(current, sampledColumns));\n    setActiveField(first.name);\n    setConfirmResetColumns(false);\n  };\n\n  const sectionContent = (\n    <div className=\"h-full overflow-auto p-5\">\n      {section === \"general\" ? <ProfileGeneralSection draft={draft} onChange={setDraft} /> : null}\n      {section === \"source\" ? (\n        <ProfileSourceSection\n          draft={draft}\n          discovered={discovered}\n          sampleStale={sampleStale}\n          onChange={setDraft}\n          onSample={acceptSample}\n        />\n      ) : null}\n      {section === \"parameters\" ? (\n        <ProfileSchemaSection\n          draft={draft}\n          keys={[\"params\"]}\n          title=\"Parameters\"\n          // The zero-item explanation lives on the schema now (it is the add\n          // row's own copy), so this stays a one-liner rather than repeating it.\n          description=\"Named values the profile query and filters accept at run time.\"\n          idPrefix=\"profile-parameters\"\n          // The accordion needs the full pane for its auto-fill grid — the\n          // default 600px stack would cap it at two columns — and its help\n          // belongs on the label, not stacked under every control.\n          layout={{ mode: \"stacked\", valueMaxWidth: \"none\", help: \"hover\" }}\n          onChange={setDraft}\n        />\n      ) : null}\n      {section === \"advanced\" ? (\n        <ProfileSchemaSection\n          draft={draft}\n          keys={profileAdvancedKeys}\n          title=\"Advanced composition\"\n          description=\"Compose profiles, add ordered aliases, chain post-query processors, and control output without exposing the root schema as the page layout.\"\n          idPrefix=\"profile-advanced\"\n          // Imports and reconcile.dest name other profiles; the fetcher is what\n          // turns them from free text into the hierarchical profile picker.\n          {...(lookupFetcher ? { lookupFetcher } : {})}\n          onChange={setDraft}\n        />\n      ) : null}\n      {section === \"raw\" ? (\n        <Suspense fallback={<p className=\"text-sm text-muted-foreground\">Loading YAML editor…</p>}>\n          <ProfileEditorRaw draft={draft} onChange={setDraft} onValidityChange={setRawValid} />\n        </Suspense>\n      ) : null}\n    </div>\n  );\n\n  const panes = useMemo<WorkspacePaneSpec[]>(() => {\n    const rail: WorkspacePaneSpec = {\n      id: \"sections\",\n      label: \"Profile\",\n      icon: <UiListTree />,\n      location: \"left\",\n      width: 240,\n      minWidth: 180,\n      maxWidth: 340,\n      content: (\n        <ProfileEditorRail\n          value={section}\n          status={profileEditorSectionStatus({\n            draft,\n            availableColumns: fields.available.length,\n            sampleStale,\n          })}\n          onChange={setSection}\n        />\n      ),\n    };\n\n    if (section !== \"columns\") {\n      return [rail, { id: \"section\", label: sectionLabel(section), location: \"center\", collapsible: false, contentClassName: \"p-0\", content: sectionContent }];\n    }\n\n    return [\n      rail,\n      {\n        id: \"columns\",\n        label: \"Columns\",\n        icon: <UiColumns />,\n        location: \"center\",\n        collapsible: false,\n        contentClassName: \"flex flex-col overflow-hidden\",\n        slots: {\n          headerTrailing: (\n            <>\n              <span className=\"text-[11px] text-muted-foreground\">\n                {fields.configuredCount} of {fields.available.length} included\n              </span>\n              {resetState.visible ? (\n                <Button\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  disabled={resetState.disabled}\n                  title={resetState.title}\n                  onClick={() => setConfirmResetColumns(true)}\n                >\n                  Reset columns\n                </Button>\n              ) : null}\n              <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={fields.addField}>\n                Add column\n              </Button>\n            </>\n          ),\n        },\n        content: (\n          <>\n            <div className=\"shrink-0 border-b border-border p-2\">\n              <ProfileFieldFilters state={fields} compact />\n            </div>\n            <ProfileFieldGrid state={fields} />\n          </>\n        ),\n      },\n      {\n        id: \"field\",\n        label: fields.activeField?.name ?? \"Field\",\n        icon: <UiSliders />,\n        location: \"right\",\n        width: 380,\n        minWidth: 300,\n        maxWidth: 560,\n        contentClassName: \"flex flex-col overflow-hidden\",\n        // The pane header already names the field, so this composes the editor's\n        // parts rather than nesting its carded, self-titling variant.\n        content: fields.activeField ? (\n          <>\n            <div className=\"flex shrink-0 flex-wrap items-center gap-1 border-b border-border px-2 py-1.5\">\n              <ProfileFieldEditorActions\n                selected={fields.selectedNames.has(fields.activeField.name)}\n                onSelectedChange={(selected) => {\n                  if (fields.activeField) fields.setFieldSelection(fields.activeField, selected);\n                }}\n                canMoveUp={fields.canMoveUp}\n                canMoveDown={fields.canMoveDown}\n                onMoveUp={() => fields.moveActive(-1)}\n                onMoveDown={() => fields.moveActive(1)}\n                onRemove={fields.removeActive}\n              />\n            </div>\n            <div className=\"min-h-0 flex-1 overflow-auto p-3\">\n              <ProfileFieldEditorForm\n                field={fields.activeField}\n                columns={1}\n                onChange={fields.updateActiveField}\n              />\n            </div>\n          </>\n        ) : (\n          <p className=\"grid h-full place-items-center p-4 text-center text-sm text-muted-foreground\">\n            {profileFieldEditorEmptyMessage}\n          </p>\n        ),\n      },\n      {\n        id: \"preview\",\n        label: \"Preview\",\n        icon: <UiTable />,\n        location: \"bottom\",\n        height: 220,\n        minHeight: 120,\n        maxHeight: 520,\n        slots: {\n          headerTrailing: (\n            <span className=\"text-[11px] text-muted-foreground\">\n              {sampleRows.length\n                ? `${sampleRows.length} sampled rows · updates as you edit`\n                : \"No sample yet\"}\n            </span>\n          ),\n        },\n        content: <ProfileEditorPreview columns={draft.columns ?? []} rows={sampleRows} />,\n      },\n    ];\n  }, [draft, fields, resetState, sampleRows, sampleStale, section, sectionContent]);\n\n  const leave = () => (dirty ? setConfirmDiscard(true) : onClose());\n\n  return (\n    <JsonPathProfileProvider profile={draft}>\n      <div className=\"grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)] bg-background\">\n        <header className=\"flex items-center gap-3 border-b border-border px-4 py-2.5\">\n          <nav className=\"flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground\">\n            <button type=\"button\" className=\"hover:text-foreground\" onClick={leave}>\n              Profiles\n            </button>\n            <span>/</span>\n            <button type=\"button\" className=\"min-w-0 truncate hover:text-foreground\" onClick={leave}>\n              {initialDraft.profile ?? surfaceKey}\n            </button>\n            <span>/</span>\n            <span className=\"font-medium text-foreground\">Edit</span>\n          </nav>\n          {error ? <span className=\"truncate text-sm text-destructive\">{error}</span> : null}\n          <span className=\"ml-auto shrink-0 text-xs text-muted-foreground\">\n            {dirty ? \"Unsaved changes\" : \"No changes\"}\n          </span>\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={leave}>\n            Discard\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            disabled={saving || Boolean(validationError) || (section === \"raw\" && !rawValid)}\n            title={validationError ?? undefined}\n            onClick={() => void save()}\n          >\n            {saving ? \"Saving…\" : \"Save profile\"}\n          </Button>\n        </header>\n\n        <Workspace panes={panes} storageKey=\"profile-editor\" />\n      </div>\n\n      {confirmDiscard ? (\n        <Modal\n          open\n          onClose={() => setConfirmDiscard(false)}\n          title=\"Discard profile changes?\"\n          size=\"sm\"\n          footer={\n            <div className=\"flex w-full justify-end gap-2\">\n              <Button type=\"button\" variant=\"ghost\" onClick={() => setConfirmDiscard(false)}>\n                Keep editing\n              </Button>\n              <Button type=\"button\" variant=\"destructive\" onClick={onClose}>\n                Discard changes\n              </Button>\n            </div>\n          }\n        >\n          <p className=\"text-sm text-muted-foreground\">\n            Your unsaved profile changes will be lost.\n          </p>\n        </Modal>\n      ) : null}\n\n      {confirmResetColumns ? (\n        <Modal\n          open\n          onClose={() => setConfirmResetColumns(false)}\n          title=\"Reset columns from latest sample?\"\n          size=\"sm\"\n          footer={\n            <div className=\"flex w-full justify-end gap-2\">\n              <Button type=\"button\" variant=\"ghost\" onClick={() => setConfirmResetColumns(false)}>\n                Cancel\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"destructive\"\n                disabled={resetState.disabled}\n                onClick={resetColumns}\n              >\n                Reset columns\n              </Button>\n            </div>\n          }\n        >\n          <p className=\"text-sm text-muted-foreground\">\n            Replace {fields.configuredCount} configured column{fields.configuredCount === 1 ? \"\" : \"s\"} with {sampledColumns.length} column{sampledColumns.length === 1 ? \"\" : \"s\"} from the latest sample. Custom labels, expressions, formatting, filtering, ordering, and manually added columns will be removed. The profile will remain unsaved until you save it.\n          </p>\n        </Modal>\n      ) : null}\n\n      {replaceTarget ? (\n        <Modal\n          open\n          onClose={() => setReplaceTarget(\"\")}\n          title={`Replace ${replaceTarget}?`}\n          size=\"sm\"\n          footer={\n            <div className=\"flex w-full justify-end gap-2\">\n              <Button type=\"button\" variant=\"ghost\" onClick={() => setReplaceTarget(\"\")}>Cancel</Button>\n              <Button type=\"button\" variant=\"destructive\" disabled={saving} onClick={() => {\n                setReplaceTarget(\"\");\n                void save(true);\n              }}>\n                Replace profile\n              </Button>\n            </div>\n          }\n        >\n          <p className=\"text-sm text-muted-foreground\">\n            A profile named {replaceTarget} already exists. Its definition will be\n            overwritten, the current profile will be renamed, and dependent imports\n            will be updated atomically.\n          </p>\n        </Modal>\n      ) : null}\n    </JsonPathProfileProvider>\n  );\n}\n\nfunction sectionLabel(section: ProfileEditorSection): string {\n  return profileEditorSections.find((entry) => entry.id === section)!.label;\n}\n\n"],"names":["lazy","module","useOperationLookupFetcher","useMemo","cloneProfileDraft","useState","profileSampleSignature","validateProfileEditorDraft","profileColumnResetState","useProfileFieldState","useEffect","resolveProfileUpdatePath","profileUpdateConflictTarget","mergeSampledProfileColumns","_a","resetProfileColumns","jsxs","jsx","ProfileGeneralSection","ProfileSourceSection","ProfileSchemaSection","profileAdvancedKeys","Suspense","UiListTree","ProfileEditorRail","profileEditorSectionStatus","UiColumns","Fragment","Button","ProfileFieldFilters","ProfileFieldGrid","UiSliders","ProfileFieldEditorActions","ProfileFieldEditorForm","profileFieldEditorEmptyMessage","UiTable","ProfileEditorPreview","JsonPathProfileProvider","Workspace","Modal","profileEditorSections"],"mappings":"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"}

package/dist/profiles/profileEditor.d.ts

@@ -0,0 +1,19 @@
+import { ResolvedOperation } from '../rpc/types';
+import { OperationsApiClient } from '../rpc/useOperations';
+/**
+ * The profile editor as a route rather than a dialog.
+ *
+ * Six sections, ~130 discoverable fields and a CEL editor per column outgrew a
+ * modal: the layout is a clicky-ui Workspace, so the section rail, the column
+ * grid, the field inspector and the sampled preview are panes the user can
+ * resize, collapse and keep across visits.
+ */
+export declare function ProfileEditor({ client, action, surfaceKey, initialValue, onClose, onSuccess, }: {
+    client: OperationsApiClient;
+    action: ResolvedOperation;
+    surfaceKey: string;
+    initialValue: Record<string, unknown>;
+    onClose: () => void;
+    onSuccess: (name: string) => void | Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileEditor.d.ts.map

package/dist/profiles/profileEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditor.d.ts","sourceRoot":"","sources":["../../src/profiles/profileEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAyChE;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,GACV,EAAE;IACD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnD,2CA6YA"}