@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/editor/profileEditorRaw.cjs

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../components/button.cjs");
+const MonacoSchemaEditor = require("../../monaco/MonacoSchemaEditor.cjs");
+const react = require("react");
+const yaml = require("yaml");
+const profileEditorModel = require("./profileEditorModel.cjs");
+const profileYaml = require("./profileYaml.cjs");
+const UiUpload = require("../../icons/components/UiUpload.cjs");
+const UiDownload = require("../../icons/components/UiDownload.cjs");
+function ProfileEditorRaw({
+  draft,
+  onChange,
+  onValidityChange
+}) {
+  const [value, setValue] = react.useState(() => yaml.stringify(draft));
+  const [parseError, setParseError] = react.useState("");
+  const fileInput = react.useRef(null);
+  const updateValue = (next) => {
+    setValue(next);
+    try {
+      const parsed = profileYaml.parseProfileYamlDocument(next);
+      setParseError("");
+      onValidityChange(true);
+      onChange(parsed);
+    } catch (error) {
+      setParseError(error instanceof Error ? error.message : "Invalid YAML");
+      onValidityChange(false);
+    }
+  };
+  const importYaml = async (event) => {
+    var _a;
+    const input = event.currentTarget;
+    const file = (_a = input.files) == null ? void 0 : _a[0];
+    input.value = "";
+    if (!file) return;
+    try {
+      updateValue(await file.text());
+    } catch (error) {
+      setParseError(
+        `Unable to read ${file.name}: ${error instanceof Error ? error.message : String(error)}`
+      );
+      onValidityChange(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-[32rem] flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap items-start gap-3 rounded-lg border bg-muted/25 px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "min-w-64 flex-1 text-sm text-muted-foreground", children: "Raw YAML edits the complete profile. Invalid text is kept here while you work; returning to another tab restores the last valid structured value. YAML comments and key ordering are not preserved after structured edits." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInput,
+            type: "file",
+            accept: ".yaml,.yml,application/yaml,text/yaml,text/x-yaml",
+            className: "hidden",
+            "aria-label": "Import YAML file",
+            onChange: (event) => void importYaml(event)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { type: "button", size: "sm", variant: "outline", onClick: () => {
+          var _a;
+          return (_a = fileInput.current) == null ? void 0 : _a.click();
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UiUpload.UiUpload, { className: "size-4" }),
+          "Import YAML"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          button.Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: () => downloadProfileYaml(value, profileYaml.profileYamlFilename(draft.profile)),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(UiDownload.UiDownload, { className: "size-4" }),
+              "Export YAML"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    parseError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: parseError }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "profile-yaml-editor-frame",
+        className: "min-h-0 flex-1 overflow-hidden [&>[data-slot=monaco-editor]]:h-full",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          MonacoSchemaEditor.MonacoSchemaEditor,
+          {
+            language: "yaml",
+            path: "profile-editor.yaml",
+            schemaUri: "https://flanksource.com/schemas/profile.json",
+            schema: profileEditorModel.profileEditorSchema(),
+            value,
+            height: "100%",
+            onValidationChange: (state) => {
+              if (!parseError) onValidityChange(state.status !== "invalid");
+            },
+            onChange: updateValue
+          }
+        )
+      }
+    )
+  ] });
+}
+function downloadProfileYaml(value, filename) {
+  const url = URL.createObjectURL(new Blob([value], { type: "application/yaml;charset=utf-8" }));
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  link.click();
+  URL.revokeObjectURL(url);
+}
+exports.ProfileEditorRaw = ProfileEditorRaw;
+//# sourceMappingURL=profileEditorRaw.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.cjs","sources":["../../../src/profiles/editor/profileEditorRaw.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { UiDownload, UiUpload } from \"../../icons\";\nimport { MonacoSchemaEditor } from \"../../monaco\";\nimport { useRef, useState, type ChangeEvent } from \"react\";\nimport { stringify } from \"yaml\";\nimport { profileEditorSchema } from \"./profileEditorModel\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\nimport { parseProfileYamlDocument, profileYamlFilename } from \"./profileYaml\";\n\nexport function ProfileEditorRaw({\n  draft,\n  onChange,\n  onValidityChange\n}: {\n  draft: ProfileWizardDraft;\n  onChange: (draft: ProfileWizardDraft) => void;\n  onValidityChange: (valid: boolean) => void;\n}) {\n  const [value, setValue] = useState(() => stringify(draft));\n  const [parseError, setParseError] = useState(\"\");\n  const fileInput = useRef<HTMLInputElement>(null);\n\n  const updateValue = (next: string) => {\n    setValue(next);\n    try {\n      const parsed = parseProfileYamlDocument(next);\n      setParseError(\"\");\n      onValidityChange(true);\n      onChange(parsed);\n    } catch (error) {\n      setParseError(error instanceof Error ? error.message : \"Invalid YAML\");\n      onValidityChange(false);\n    }\n  };\n\n  const importYaml = async (event: ChangeEvent<HTMLInputElement>) => {\n    const input = event.currentTarget;\n    const file = input.files?.[0];\n    input.value = \"\";\n    if (!file) return;\n    try {\n      updateValue(await file.text());\n    } catch (error) {\n      setParseError(\n        `Unable to read ${file.name}: ${error instanceof Error ? error.message : String(error)}`,\n      );\n      onValidityChange(false);\n    }\n  };\n\n  return (\n    <div className=\"flex h-full min-h-[32rem] flex-col gap-3\">\n      <div className=\"flex shrink-0 flex-wrap items-start gap-3 rounded-lg border bg-muted/25 px-4 py-3\">\n        <p className=\"min-w-64 flex-1 text-sm text-muted-foreground\">\n          Raw YAML edits the complete profile. Invalid text is kept here while you\n          work; returning to another tab restores the last valid structured value.\n          YAML comments and key ordering are not preserved after structured edits.\n        </p>\n        <div className=\"flex shrink-0 items-center gap-2\">\n          <input\n            ref={fileInput}\n            type=\"file\"\n            accept=\".yaml,.yml,application/yaml,text/yaml,text/x-yaml\"\n            className=\"hidden\"\n            aria-label=\"Import YAML file\"\n            onChange={(event) => void importYaml(event)}\n          />\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => fileInput.current?.click()}>\n            <UiUpload className=\"size-4\" />\n            Import YAML\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => downloadProfileYaml(value, profileYamlFilename(draft.profile))}\n          >\n            <UiDownload className=\"size-4\" />\n            Export YAML\n          </Button>\n        </div>\n      </div>\n      {parseError ? (\n        <p className=\"text-sm text-destructive\">{parseError}</p>\n      ) : null}\n      <div\n        data-slot=\"profile-yaml-editor-frame\"\n        className=\"min-h-0 flex-1 overflow-hidden [&>[data-slot=monaco-editor]]:h-full\"\n      >\n        <MonacoSchemaEditor\n          language=\"yaml\"\n          path=\"profile-editor.yaml\"\n          schemaUri=\"https://flanksource.com/schemas/profile.json\"\n          schema={profileEditorSchema()}\n          value={value}\n          height=\"100%\"\n          onValidationChange={(state) => {\n            if (!parseError) onValidityChange(state.status !== \"invalid\");\n          }}\n          onChange={updateValue}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction downloadProfileYaml(value: string, filename: string) {\n  const url = URL.createObjectURL(new Blob([value], { type: \"application/yaml;charset=utf-8\" }));\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = filename;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n"],"names":["useState","stringify","useRef","parseProfileYamlDocument","jsxs","jsx","Button","UiUpload","profileYamlFilename","UiDownload","MonacoSchemaEditor","profileEditorSchema"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ProfileWizardDraft } from '../wizard/profileWizardModel';
+export declare function ProfileEditorRaw({ draft, onChange, onValidityChange }: {
+    draft: ProfileWizardDraft;
+    onChange: (draft: ProfileWizardDraft) => void;
+    onValidityChange: (valid: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileEditorRaw.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileEditorRaw.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGvE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,gBAAgB,EACjB,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,2CAuFA"}

package/dist/profiles/editor/profileEditorRaw.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../components/button.js";
+import { MonacoSchemaEditor } from "../../monaco/MonacoSchemaEditor.js";
+import { useState, useRef } from "react";
+import { stringify } from "yaml";
+import { profileEditorSchema } from "./profileEditorModel.js";
+import { profileYamlFilename, parseProfileYamlDocument } from "./profileYaml.js";
+import { UiUpload } from "../../icons/components/UiUpload.js";
+import { UiDownload } from "../../icons/components/UiDownload.js";
+function ProfileEditorRaw({
+  draft,
+  onChange,
+  onValidityChange
+}) {
+  const [value, setValue] = useState(() => stringify(draft));
+  const [parseError, setParseError] = useState("");
+  const fileInput = useRef(null);
+  const updateValue = (next) => {
+    setValue(next);
+    try {
+      const parsed = parseProfileYamlDocument(next);
+      setParseError("");
+      onValidityChange(true);
+      onChange(parsed);
+    } catch (error) {
+      setParseError(error instanceof Error ? error.message : "Invalid YAML");
+      onValidityChange(false);
+    }
+  };
+  const importYaml = async (event) => {
+    var _a;
+    const input = event.currentTarget;
+    const file = (_a = input.files) == null ? void 0 : _a[0];
+    input.value = "";
+    if (!file) return;
+    try {
+      updateValue(await file.text());
+    } catch (error) {
+      setParseError(
+        `Unable to read ${file.name}: ${error instanceof Error ? error.message : String(error)}`
+      );
+      onValidityChange(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[32rem] flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-start gap-3 rounded-lg border bg-muted/25 px-4 py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "min-w-64 flex-1 text-sm text-muted-foreground", children: "Raw YAML edits the complete profile. Invalid text is kept here while you work; returning to another tab restores the last valid structured value. YAML comments and key ordering are not preserved after structured edits." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInput,
+            type: "file",
+            accept: ".yaml,.yml,application/yaml,text/yaml,text/x-yaml",
+            className: "hidden",
+            "aria-label": "Import YAML file",
+            onChange: (event) => void importYaml(event)
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "outline", onClick: () => {
+          var _a;
+          return (_a = fileInput.current) == null ? void 0 : _a.click();
+        }, children: [
+          /* @__PURE__ */ jsx(UiUpload, { className: "size-4" }),
+          "Import YAML"
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            onClick: () => downloadProfileYaml(value, profileYamlFilename(draft.profile)),
+            children: [
+              /* @__PURE__ */ jsx(UiDownload, { className: "size-4" }),
+              "Export YAML"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    parseError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: parseError }) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "profile-yaml-editor-frame",
+        className: "min-h-0 flex-1 overflow-hidden [&>[data-slot=monaco-editor]]:h-full",
+        children: /* @__PURE__ */ jsx(
+          MonacoSchemaEditor,
+          {
+            language: "yaml",
+            path: "profile-editor.yaml",
+            schemaUri: "https://flanksource.com/schemas/profile.json",
+            schema: profileEditorSchema(),
+            value,
+            height: "100%",
+            onValidationChange: (state) => {
+              if (!parseError) onValidityChange(state.status !== "invalid");
+            },
+            onChange: updateValue
+          }
+        )
+      }
+    )
+  ] });
+}
+function downloadProfileYaml(value, filename) {
+  const url = URL.createObjectURL(new Blob([value], { type: "application/yaml;charset=utf-8" }));
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  link.click();
+  URL.revokeObjectURL(url);
+}
+export {
+  ProfileEditorRaw
+};
+//# sourceMappingURL=profileEditorRaw.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.js","sources":["../../../src/profiles/editor/profileEditorRaw.tsx"],"sourcesContent":["import { Button } from \"../../components/button\";\nimport { UiDownload, UiUpload } from \"../../icons\";\nimport { MonacoSchemaEditor } from \"../../monaco\";\nimport { useRef, useState, type ChangeEvent } from \"react\";\nimport { stringify } from \"yaml\";\nimport { profileEditorSchema } from \"./profileEditorModel\";\nimport type { ProfileWizardDraft } from \"../wizard/profileWizardModel\";\nimport { parseProfileYamlDocument, profileYamlFilename } from \"./profileYaml\";\n\nexport function ProfileEditorRaw({\n  draft,\n  onChange,\n  onValidityChange\n}: {\n  draft: ProfileWizardDraft;\n  onChange: (draft: ProfileWizardDraft) => void;\n  onValidityChange: (valid: boolean) => void;\n}) {\n  const [value, setValue] = useState(() => stringify(draft));\n  const [parseError, setParseError] = useState(\"\");\n  const fileInput = useRef<HTMLInputElement>(null);\n\n  const updateValue = (next: string) => {\n    setValue(next);\n    try {\n      const parsed = parseProfileYamlDocument(next);\n      setParseError(\"\");\n      onValidityChange(true);\n      onChange(parsed);\n    } catch (error) {\n      setParseError(error instanceof Error ? error.message : \"Invalid YAML\");\n      onValidityChange(false);\n    }\n  };\n\n  const importYaml = async (event: ChangeEvent<HTMLInputElement>) => {\n    const input = event.currentTarget;\n    const file = input.files?.[0];\n    input.value = \"\";\n    if (!file) return;\n    try {\n      updateValue(await file.text());\n    } catch (error) {\n      setParseError(\n        `Unable to read ${file.name}: ${error instanceof Error ? error.message : String(error)}`,\n      );\n      onValidityChange(false);\n    }\n  };\n\n  return (\n    <div className=\"flex h-full min-h-[32rem] flex-col gap-3\">\n      <div className=\"flex shrink-0 flex-wrap items-start gap-3 rounded-lg border bg-muted/25 px-4 py-3\">\n        <p className=\"min-w-64 flex-1 text-sm text-muted-foreground\">\n          Raw YAML edits the complete profile. Invalid text is kept here while you\n          work; returning to another tab restores the last valid structured value.\n          YAML comments and key ordering are not preserved after structured edits.\n        </p>\n        <div className=\"flex shrink-0 items-center gap-2\">\n          <input\n            ref={fileInput}\n            type=\"file\"\n            accept=\".yaml,.yml,application/yaml,text/yaml,text/x-yaml\"\n            className=\"hidden\"\n            aria-label=\"Import YAML file\"\n            onChange={(event) => void importYaml(event)}\n          />\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => fileInput.current?.click()}>\n            <UiUpload className=\"size-4\" />\n            Import YAML\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => downloadProfileYaml(value, profileYamlFilename(draft.profile))}\n          >\n            <UiDownload className=\"size-4\" />\n            Export YAML\n          </Button>\n        </div>\n      </div>\n      {parseError ? (\n        <p className=\"text-sm text-destructive\">{parseError}</p>\n      ) : null}\n      <div\n        data-slot=\"profile-yaml-editor-frame\"\n        className=\"min-h-0 flex-1 overflow-hidden [&>[data-slot=monaco-editor]]:h-full\"\n      >\n        <MonacoSchemaEditor\n          language=\"yaml\"\n          path=\"profile-editor.yaml\"\n          schemaUri=\"https://flanksource.com/schemas/profile.json\"\n          schema={profileEditorSchema()}\n          value={value}\n          height=\"100%\"\n          onValidationChange={(state) => {\n            if (!parseError) onValidityChange(state.status !== \"invalid\");\n          }}\n          onChange={updateValue}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction downloadProfileYaml(value: string, filename: string) {\n  const url = URL.createObjectURL(new Blob([value], { type: \"application/yaml;charset=utf-8\" }));\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = filename;\n  link.click();\n  URL.revokeObjectURL(url);\n}\n\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRoutes.cjs","sources":["../../../src/profiles/editor/profileEditorRoutes.ts"],"sourcesContent":["\nexport function resolveProfileUpdatePath(path: string, id: string): string {\n  return path.replace(\"{id}\", encodeURIComponent(id)).replace(\":id\", encodeURIComponent(id));\n}\n"],"names":[],"mappings":";;AACO,SAAS,yBAAyB,MAAc,IAAoB;AACzE,SAAO,KAAK,QAAQ,QAAQ,mBAAmB,EAAE,CAAC,EAAE,QAAQ,OAAO,mBAAmB,EAAE,CAAC;AAC3F;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRoutes.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileEditorRoutes.ts"],"names":[],"mappings":"AACA,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAEzE"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRoutes.js","sources":["../../../src/profiles/editor/profileEditorRoutes.ts"],"sourcesContent":["\nexport function resolveProfileUpdatePath(path: string, id: string): string {\n  return path.replace(\"{id}\", encodeURIComponent(id)).replace(\":id\", encodeURIComponent(id));\n}\n"],"names":[],"mappings":"AACO,SAAS,yBAAyB,MAAc,IAAoB;AACzE,SAAO,KAAK,QAAQ,QAAQ,mBAAmB,EAAE,CAAC,EAAE,QAAQ,OAAO,mBAAmB,EAAE,CAAC;AAC3F;"}

package/dist/profiles/editor/profileEditorSections.cjs

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

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

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

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

@@ -0,0 +1,26 @@
+import { FormLayout, LookupFetcher, PostExtension, PreExtension } from '../../components/json-schema-form-types';
+import { ProfileSample } from '../wizard/profileWizardQueryStep';
+import { ProfileColumn, ProfileWizardDraft } from '../wizard/profileWizardModel';
+export declare function ProfileGeneralSection({ draft, onChange }: EditorSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileSourceSection({ draft, discovered, sampleStale, lookupFetcher, onChange, onSample, }: EditorSectionProps & {
+    discovered: ProfileColumn[];
+    sampleStale: boolean;
+    lookupFetcher?: LookupFetcher;
+    onSample: (sample: ProfileSample) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ProfileSchemaSection({ draft, keys, title, description, idPrefix, layout, lookupFetcher, pre, post, onChange, }: EditorSectionProps & {
+    keys: string[];
+    title: string;
+    description: string;
+    idPrefix: string;
+    layout?: FormLayout;
+    lookupFetcher?: LookupFetcher;
+    pre?: PreExtension[];
+    post?: PostExtension[];
+}): import("react/jsx-runtime").JSX.Element;
+type EditorSectionProps = {
+    draft: ProfileWizardDraft;
+    onChange: (draft: ProfileWizardDraft) => void;
+};
+export {};
+//# sourceMappingURL=profileEditorSections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorSections.d.ts","sourceRoot":"","sources":["../../../src/profiles/editor/profileEditorSections.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACb,MAAM,yCAAyC,CAAC;AAWjD,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,8BAA8B,CAAC;AAKtC,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA6D5E;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG;IACtB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,2CAwGA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,GAAG,EACH,IAAI,EACJ,QAAQ,GACT,EAAE,kBAAkB,GAAG;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,MAAM,CAAC,EAAE,UAAU,CAAC;IAIpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAI9B,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;CACxB,2CAuCA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC"}