@flanksource/clicky-ui 0.3.18 → 0.3.20

package/dist/profiles/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/profileEditorRaw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.cjs","sources":["../../src/profiles/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 \"./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/profileEditorRaw.d.ts

@@ -0,0 +1,7 @@
+import { ProfileWizardDraft } from './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/profileEditorRaw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.d.ts","sourceRoot":"","sources":["../../src/profiles/profileEditorRaw.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,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/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/profileEditorRaw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRaw.js","sources":["../../src/profiles/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 \"./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/profileEditorRoutes.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function resolveProfileUpdatePath(path, id) {
+  return path.replace("{id}", encodeURIComponent(id)).replace(":id", encodeURIComponent(id));
+}
+exports.resolveProfileUpdatePath = resolveProfileUpdatePath;
+//# sourceMappingURL=profileEditorRoutes.cjs.map

package/dist/profiles/profileEditorRoutes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRoutes.cjs","sources":["../../src/profiles/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/profileEditorRoutes.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveProfileUpdatePath(path: string, id: string): string;
+//# sourceMappingURL=profileEditorRoutes.d.ts.map

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

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

package/dist/profiles/profileEditorRoutes.js

@@ -0,0 +1,7 @@
+function resolveProfileUpdatePath(path, id) {
+  return path.replace("{id}", encodeURIComponent(id)).replace(":id", encodeURIComponent(id));
+}
+export {
+  resolveProfileUpdatePath
+};
+//# sourceMappingURL=profileEditorRoutes.js.map

package/dist/profiles/profileEditorRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorRoutes.js","sources":["../../src/profiles/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/profileEditorSections.cjs

@@ -0,0 +1,213 @@
+"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 profileWizardQueryStep = require("./profileWizardQueryStep.cjs");
+const profileWizardModel = require("./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,
+  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(EditorField, { label: "Saved connection or inline URL", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                value: ((_c = draft.provider) == null ? void 0 : _c.connection) ?? "",
+                className: inputClassName,
+                placeholder: "connection://name",
+                onChange: (event) => onChange({
+                  ...draft,
+                  provider: { ...draft.provider, connection: event.target.value }
+                })
+              }
+            ) })
+          ] }),
+          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
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function ProfileSchemaSection({
+  draft,
+  keys,
+  title,
+  description,
+  idPrefix,
+  layout,
+  lookupFetcher,
+  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,
+      ...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/profileEditorSections.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorSections.cjs","sources":["../../src/profiles/profileEditorSections.tsx"],"sourcesContent":["import { JsonSchemaForm } from \"../components/JsonSchemaForm\";\nimport type { FormLayout, LookupFetcher } from \"../components/json-schema-form-types\";\nimport { Icon } from \"../data/Icon\";\nimport type { ReactNode } from \"react\";\nimport {\n  mergeProfileProjection,\n  profileSchemaProjection,\n  providerOptionsSchema,\n  providerTypes,\n} from \"./profileEditorModel\";\nimport { ProfileWizardQueryStep, type ProfileSample } from \"./profileWizardQueryStep\";\nimport {\n  profileConnectionID,\n  type ProfileColumn,\n  type ProfileWizardDraft,\n} from \"./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({\n  draft,\n  onChange,\n}: 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) => onChange({ ...draft, profile: event.target.value })}\n          />\n        </EditorField>\n        <EditorField label=\"Namespace\">\n          <input\n            value={draft.namespace ?? \"\"}\n            className={inputClassName}\n            placeholder=\"Default namespace\"\n            onChange={(event) => onChange({ ...draft, namespace: event.target.value })}\n          />\n        </EditorField>\n        <EditorField label=\"Render mode\">\n          <select\n            value={typeof draft.render === \"string\" ? draft.render : \"\"}\n            className={inputClassName}\n            onChange={(event) => onChange({ ...draft, render: event.target.value || undefined })}\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) => onChange({ ...draft, icon: event.target.value || undefined })}\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  onChange,\n  onSample,\n}: EditorSectionProps & {\n  discovered: ProfileColumn[];\n  sampleStale: boolean;\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) => <option key={type} value={type}>{type}</option>)}\n            </select>\n          </EditorField>\n          <EditorField label=\"Saved connection or inline URL\">\n            <input\n              value={draft.provider?.connection ?? \"\"}\n              className={inputClassName}\n              placeholder=\"connection://name\"\n              onChange={(event) =>\n                onChange({\n                  ...draft,\n                  provider: { ...draft.provider, connection: event.target.value },\n                })\n              }\n            />\n          </EditorField>\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 save,\n            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) => onChange({ ...draft, query: event.target.value })}\n            />\n          </EditorField>\n          <div className=\"mt-5\">\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            />\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  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 — it is shared with\n  // Advanced composition, which must 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}) {\n  return (\n    <SectionCard title={title} description={description}>\n      <JsonSchemaForm\n        idPrefix={idPrefix}\n        schema={profileSchemaProjection(keys)}\n        value={Object.fromEntries(keys.flatMap((key) => Object.prototype.hasOwnProperty.call(draft, key) ? [[key, draft[key]]] : []))}\n        onChange={(next) => onChange(mergeProfileProjection(draft, keys, next))}\n        showPreferencesMenu={false}\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>{label}{required ? <span className=\"text-destructive\"> *</span> : null}</span>\n      {children}\n    </label>\n  );\n}\n"],"names":["jsx","jsxs","Icon","profileConnectionID","providerTypes","ProfileWizardQueryStep","JsonSchemaForm","providerOptionsSchema","profileSchemaProjection","mergeProfileProjection"],"mappings":"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"}

package/dist/profiles/profileEditorSections.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileEditorSections.d.ts","sourceRoot":"","sources":["../../src/profiles/profileEditorSections.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAStF,OAAO,EAA0B,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtF,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAK9B,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,2CAqDpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG;IACtB,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,2CAsFA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,aAAa,EACb,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;CAC/B,2CAcA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C,CAAC"}