@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/editor/profileEditor.js

@@ -0,0 +1,471 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Button } from "../../components/button.js";
+import { Workspace } from "../../layout/Workspace.js";
+import { Modal } from "../../overlay/Modal.js";
+import { useOperationLookupFetcher } from "../../rpc/operationLookupFetcher.js";
+import { useMemo, useState, useEffect, Suspense, lazy } from "react";
+import { cloneProfileDraft, profileSampleSignature, validateProfileEditorDraft, profileColumnResetState, profileEditorSectionStatus, profileGeneralOptionKeys, profileProcessorKeys, profileEditorSections, profileUpdateConflictTarget, resetProfileColumns, mergeSampledProfileColumns } from "./profileEditorModel.js";
+import { ProfileEditorPreview } from "./profileEditorPreview.js";
+import { ProfileEditorRail } from "./profileEditorRail.js";
+import { ProfileGeneralSection, ProfileSchemaSection, ProfileSourceSection } from "./profileEditorSections.js";
+import { ProfileFieldFilters, ProfileFieldList } from "../fields/profileFieldList.js";
+import { useProfileFieldState } from "../fields/profileFieldState.js";
+import { JsonPathProfileProvider } from "../query/jsonPathSampleRow.js";
+import { resolveProfileUpdatePath } from "./profileEditorRoutes.js";
+import { UiColumns } from "../../icons/components/UiColumns.js";
+import { UiTable } from "../../icons/components/UiTable.js";
+import { UiListTree } from "../../icons/components/UiListTree.js";
+const ProfileEditorRaw = lazy(
+  () => import("./profileEditorRaw.js").then((module) => ({
+    default: module.ProfileEditorRaw
+  }))
+);
+function ProfileEditor({
+  client,
+  action,
+  surfaceKey,
+  initialValue,
+  onClose,
+  onSuccess
+}) {
+  var _a, _b, _c;
+  const lookupFetcher = useOperationLookupFetcher(client);
+  const initialDraft = useMemo(
+    () => cloneProfileDraft(initialValue),
+    [initialValue]
+  );
+  const initialSerialized = useMemo(
+    () => JSON.stringify(initialDraft),
+    [initialDraft]
+  );
+  const [draft, setDraft] = useState(initialDraft);
+  const [section, setSection] = useState("general");
+  const [discovered, setDiscovered] = useState(
+    initialDraft.columns ?? []
+  );
+  const [sampledColumns, setSampledColumns] = useState([]);
+  const [sampleRows, setSampleRows] = useState([]);
+  const [activeField, setActiveField] = useState(
+    ((_b = (_a = initialDraft.columns) == null ? void 0 : _a[0]) == null ? void 0 : _b.name) ?? ""
+  );
+  const [lastSampleSignature, setLastSampleSignature] = useState(
+    () => profileSampleSignature(initialDraft)
+  );
+  const [rawValid, setRawValid] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState("");
+  const [replaceTarget, setReplaceTarget] = useState("");
+  const [confirmDiscard, setConfirmDiscard] = useState(false);
+  const [confirmResetColumns, setConfirmResetColumns] = useState(false);
+  const dirty = JSON.stringify(draft) !== initialSerialized;
+  const validationError = validateProfileEditorDraft(draft);
+  const sampleStale = profileSampleSignature(draft) !== lastSampleSignature;
+  const resetState = profileColumnResetState({
+    providerType: ((_c = draft.provider) == null ? void 0 : _c.type) ?? "",
+    sampledColumnCount: sampledColumns.length,
+    sampleStale
+  });
+  const fields = useProfileFieldState({
+    discovered,
+    configured: draft.columns ?? [],
+    activeName: activeField,
+    onConfiguredChange: (columns) => setDraft((current) => ({ ...current, columns })),
+    onActiveNameChange: setActiveField
+  });
+  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(
+        resolveProfileUpdatePath(action.path, surfaceKey),
+        action.method,
+        body
+      );
+      if (!response.success) {
+        const message = response.error || response.message || "Profile update failed";
+        const target = 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: mergeSampledProfileColumns(current.columns ?? [], columns)
+    }));
+    setActiveField((current) => {
+      var _a2;
+      return current || ((_a2 = columns[0]) == null ? void 0 : _a2.name) || "";
+    });
+    setLastSampleSignature(profileSampleSignature(sourceDraft));
+  };
+  const resetColumns = () => {
+    const first = sampledColumns[0];
+    if (!first) throw new Error("cannot reset columns without a sample");
+    setDraft((current) => resetProfileColumns(current, sampledColumns));
+    setActiveField(first.name);
+    setConfirmResetColumns(false);
+  };
+  const sectionContent = /* @__PURE__ */ jsxs("div", { className: "h-full overflow-auto p-5", children: [
+    section === "general" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(ProfileGeneralSection, { draft, onChange: setDraft }),
+      /* @__PURE__ */ jsx(
+        ProfileSchemaSection,
+        {
+          draft,
+          keys: profileGeneralOptionKeys,
+          title: "General options",
+          description: "Compose profiles with imports and aliases, choose the output fields, and ignore values that should not be retained.",
+          idPrefix: "profile-general-options",
+          ...lookupFetcher ? { lookupFetcher } : {},
+          onChange: setDraft
+        }
+      )
+    ] }) : null,
+    section === "source" ? /* @__PURE__ */ jsx(
+      ProfileSourceSection,
+      {
+        draft,
+        discovered,
+        sampleStale,
+        ...lookupFetcher ? { lookupFetcher } : {},
+        onChange: setDraft,
+        onSample: acceptSample
+      }
+    ) : null,
+    section === "parameters" ? /* @__PURE__ */ jsx(
+      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 === "processors" ? /* @__PURE__ */ jsx(
+      ProfileSchemaSection,
+      {
+        draft,
+        keys: profileProcessorKeys,
+        title: "Processors",
+        description: "Add and configure ordered post-query transformations, then preview the selected stage.",
+        idPrefix: "profile-processors",
+        onChange: setDraft
+      }
+    ) : null,
+    section === "raw" ? /* @__PURE__ */ jsx(
+      Suspense,
+      {
+        fallback: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Loading YAML editor…" }),
+        children: /* @__PURE__ */ jsx(
+          ProfileEditorRaw,
+          {
+            draft,
+            onChange: setDraft,
+            onValidityChange: setRawValid
+          }
+        )
+      }
+    ) : null
+  ] });
+  const panes = useMemo(() => {
+    const rail = {
+      id: "sections",
+      label: "Profile",
+      icon: /* @__PURE__ */ jsx(UiListTree, {}),
+      location: "left",
+      width: 240,
+      minWidth: 180,
+      maxWidth: 340,
+      content: /* @__PURE__ */ jsx(
+        ProfileEditorRail,
+        {
+          value: section,
+          status: 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__ */ jsx(UiColumns, {}),
+        location: "center",
+        collapsible: false,
+        contentClassName: "flex flex-col overflow-hidden",
+        slots: {
+          headerTrailing: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+              fields.configuredCount,
+              " of ",
+              fields.available.length,
+              " included"
+            ] }),
+            resetState.visible ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                disabled: resetState.disabled,
+                title: resetState.title,
+                onClick: () => setConfirmResetColumns(true),
+                children: "Reset columns"
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                onClick: fields.addField,
+                children: "Add column"
+              }
+            )
+          ] })
+        },
+        content: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border p-2", children: /* @__PURE__ */ jsx(ProfileFieldFilters, { state: fields, compact: true }) }),
+          /* @__PURE__ */ jsx(ProfileFieldList, { state: fields })
+        ] })
+      },
+      {
+        id: "preview",
+        label: "Preview",
+        icon: /* @__PURE__ */ jsx(UiTable, {}),
+        location: "bottom",
+        height: 220,
+        minHeight: 120,
+        maxHeight: 520,
+        slots: {
+          headerTrailing: /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: sampleRows.length ? `${sampleRows.length} sampled rows · updates as you edit` : "No sample yet" })
+        },
+        content: /* @__PURE__ */ jsx(
+          ProfileEditorPreview,
+          {
+            columns: draft.columns ?? [],
+            rows: sampleRows
+          }
+        )
+      }
+    ];
+  }, [
+    draft,
+    fields,
+    resetState,
+    sampleRows,
+    sampleStale,
+    section,
+    sectionContent
+  ]);
+  const leave = () => dirty ? setConfirmDiscard(true) : onClose();
+  return /* @__PURE__ */ jsxs(JsonPathProfileProvider, { profile: draft, children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)] bg-background", children: [
+      /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 border-b border-border px-4 py-2.5", children: [
+        /* @__PURE__ */ jsxs("nav", { className: "flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "hover:text-foreground",
+              onClick: leave,
+              children: "Profiles"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "min-w-0 truncate hover:text-foreground",
+              onClick: leave,
+              children: initialDraft.profile ?? surfaceKey
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: "Edit" })
+        ] }),
+        error ? /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-destructive", children: error }) : null,
+        /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: dirty ? "Unsaved changes" : "No changes" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: leave, children: "Discard" }),
+        /* @__PURE__ */ jsx(
+          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__ */ jsx(Workspace, { panes, storageKey: "profile-editor" })
+    ] }),
+    confirmDiscard ? /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: true,
+        onClose: () => setConfirmDiscard(false),
+        title: "Discard profile changes?",
+        size: "sm",
+        footer: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => setConfirmDiscard(false),
+              children: "Keep editing"
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: onClose, children: "Discard changes" })
+        ] }),
+        children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Your unsaved profile changes will be lost." })
+      }
+    ) : null,
+    confirmResetColumns ? /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: true,
+        onClose: () => setConfirmResetColumns(false),
+        title: "Reset columns from latest sample?",
+        size: "sm",
+        footer: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => setConfirmResetColumns(false),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "destructive",
+              disabled: resetState.disabled,
+              onClick: resetColumns,
+              children: "Reset columns"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ 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__ */ jsx(
+      Modal,
+      {
+        open: true,
+        onClose: () => setReplaceTarget(""),
+        title: `Replace ${replaceTarget}?`,
+        size: "sm",
+        footer: /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              onClick: () => setReplaceTarget(""),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "destructive",
+              disabled: saving,
+              onClick: () => {
+                setReplaceTarget("");
+                void save(true);
+              },
+              children: "Replace profile"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ 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 profileEditorSections.find((entry) => entry.id === section).label;
+}
+export {
+  ProfileEditor
+};
+//# sourceMappingURL=profileEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditor.js","sources":["../../../src/profiles/editor/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, UiTable } from \"../../icons\";\nimport { lazy, Suspense, useEffect, useMemo, useState } from \"react\";\nimport {\n  cloneProfileDraft,\n  mergeSampledProfileColumns,\n  profileColumnResetState,\n  profileEditorSectionStatus,\n  profileEditorSections,\n  profileGeneralOptionKeys,\n  profileProcessorKeys,\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  ProfileFieldFilters,\n  ProfileFieldList,\n} from \"../fields/profileFieldList\";\nimport { useProfileFieldState } from \"../fields/profileFieldState\";\nimport type { ProfileSample } from \"../wizard/profileWizardQueryStep\";\nimport { JsonPathProfileProvider } from \"../query/jsonPathSampleRow\";\nimport type {\n  ProfileColumn,\n  ProfileWizardDraft,\n} from \"../wizard/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 and the sampled preview are panes the user can resize, collapse and keep\n * across visits. A column's own properties open inside its grid row rather than\n * as a fourth pane, so editing one never moves the eye off the list.\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(\n    () => cloneProfileDraft(initialValue),\n    [initialValue],\n  );\n  const initialSerialized = useMemo(\n    () => JSON.stringify(initialDraft),\n    [initialDraft],\n  );\n  const [draft, setDraft] = useState<ProfileWizardDraft>(initialDraft);\n  const [section, setSection] = useState<ProfileEditorSection>(\"general\");\n  const [discovered, setDiscovered] = useState<ProfileColumn[]>(\n    initialDraft.columns ?? [],\n  );\n  const [sampledColumns, setSampledColumns] = useState<ProfileColumn[]>([]);\n  const [sampleRows, setSampleRows] = useState<Record<string, unknown>[]>([]);\n  const [activeField, setActiveField] = useState(\n    initialDraft.columns?.[0]?.name ?? \"\",\n  );\n  const [lastSampleSignature, setLastSampleSignature] = useState(() =>\n    profileSampleSignature(initialDraft),\n  );\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) =>\n      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 =\n          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(\n        saveError instanceof Error\n          ? saveError.message\n          : \"Profile update failed\",\n      );\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\" ? (\n        <div className=\"space-y-4\">\n          <ProfileGeneralSection draft={draft} onChange={setDraft} />\n          <ProfileSchemaSection\n            draft={draft}\n            keys={profileGeneralOptionKeys}\n            title=\"General options\"\n            description=\"Compose profiles with imports and aliases, choose the output fields, and ignore values that should not be retained.\"\n            idPrefix=\"profile-general-options\"\n            {...(lookupFetcher ? { lookupFetcher } : {})}\n            onChange={setDraft}\n          />\n        </div>\n      ) : null}\n      {section === \"source\" ? (\n        <ProfileSourceSection\n          draft={draft}\n          discovered={discovered}\n          sampleStale={sampleStale}\n          {...(lookupFetcher ? { lookupFetcher } : {})}\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 === \"processors\" ? (\n        <ProfileSchemaSection\n          draft={draft}\n          keys={profileProcessorKeys}\n          title=\"Processors\"\n          description=\"Add and configure ordered post-query transformations, then preview the selected stage.\"\n          idPrefix=\"profile-processors\"\n          onChange={setDraft}\n        />\n      ) : null}\n      {section === \"raw\" ? (\n        <Suspense\n          fallback={\n            <p className=\"text-sm text-muted-foreground\">\n              Loading YAML editor…\n            </p>\n          }\n        >\n          <ProfileEditorRaw\n            draft={draft}\n            onChange={setDraft}\n            onValidityChange={setRawValid}\n          />\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 [\n        rail,\n        {\n          id: \"section\",\n          label: sectionLabel(section),\n          location: \"center\",\n          collapsible: false,\n          contentClassName: \"p-0\",\n          content: sectionContent,\n        },\n      ];\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\n                type=\"button\"\n                size=\"sm\"\n                variant=\"outline\"\n                onClick={fields.addField}\n              >\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            <ProfileFieldList state={fields} />\n          </>\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: (\n          <ProfileEditorPreview\n            columns={draft.columns ?? []}\n            rows={sampleRows}\n          />\n        ),\n      },\n    ];\n  }, [\n    draft,\n    fields,\n    resetState,\n    sampleRows,\n    sampleStale,\n    section,\n    sectionContent,\n  ]);\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\n              type=\"button\"\n              className=\"hover:text-foreground\"\n              onClick={leave}\n            >\n              Profiles\n            </button>\n            <span>/</span>\n            <button\n              type=\"button\"\n              className=\"min-w-0 truncate hover:text-foreground\"\n              onClick={leave}\n            >\n              {initialDraft.profile ?? surfaceKey}\n            </button>\n            <span>/</span>\n            <span className=\"font-medium text-foreground\">Edit</span>\n          </nav>\n          {error ? (\n            <span className=\"truncate text-sm text-destructive\">{error}</span>\n          ) : 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={\n              saving ||\n              Boolean(validationError) ||\n              (section === \"raw\" && !rawValid)\n            }\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\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => setConfirmDiscard(false)}\n              >\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\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => setConfirmResetColumns(false)}\n              >\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\n            {fields.configuredCount === 1 ? \"\" : \"s\"} with{\" \"}\n            {sampledColumns.length} column\n            {sampledColumns.length === 1 ? \"\" : \"s\"} from the latest sample.\n            Custom labels, expressions, formatting, filtering, ordering, and\n            manually added columns will be removed. The profile will remain\n            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\n                type=\"button\"\n                variant=\"ghost\"\n                onClick={() => setReplaceTarget(\"\")}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"destructive\"\n                disabled={saving}\n                onClick={() => {\n                  setReplaceTarget(\"\");\n                  void save(true);\n                }}\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\n            be overwritten, the current profile will be renamed, and dependent\n            imports 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"],"names":["_a"],"mappings":"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"}