@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/data/ai/SandboxCreateWizard.cjs

@@ -0,0 +1,288 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const Combobox = require("../../components/Combobox.cjs");
+const InputField = require("../../components/InputField.cjs");
+const JsonSchemaForm = require("../../components/JsonSchemaForm.cjs");
+const Switch = require("../../components/Switch.cjs");
+const Modal = require("../../overlay/Modal.cjs");
+const SandboxConnectionsSection = require("./SandboxConnectionsSection.cjs");
+const SandboxCreateWizard_model = require("./SandboxCreateWizard.model.cjs");
+const sandboxKindMeta = require("./sandbox-kind-meta.cjs");
+const STEPS = ["Configure", "Connections", "Review"];
+function SandboxCreateWizard({
+  open,
+  catalog,
+  config,
+  onClose,
+  onCreated
+}) {
+  const [draft, setDraft] = react.useState(() => SandboxCreateWizard_model.emptySandboxCreateDraft(catalog));
+  const [step, setStep] = react.useState(0);
+  const [saving, setSaving] = react.useState(false);
+  const [error, setError] = react.useState("");
+  const wasOpen = react.useRef(open);
+  const credentials = config.credentials ?? [];
+  react.useEffect(() => {
+    if (open && !wasOpen.current) {
+      setDraft(SandboxCreateWizard_model.emptySandboxCreateDraft(catalog));
+      setStep(0);
+      setSaving(false);
+      setError("");
+    }
+    wasOpen.current = open;
+  }, [catalog, open]);
+  const kinds = react.useMemo(
+    () => (catalog.kinds ?? []).filter((item) => item.kind !== "none"),
+    [catalog.kinds]
+  );
+  const existingNames = /* @__PURE__ */ new Set([
+    ...(catalog.kinds ?? []).flatMap(
+      (kind) => (kind.backends ?? []).map((backend) => backend.name)
+    ),
+    ...(catalog.invalid ?? []).map((backend) => backend.name)
+  ]);
+  const duplicateName = existingNames.has(draft.name.trim());
+  const configureReady = draft.name.trim() !== "" && draft.kind.trim() !== "" && !duplicateName;
+  const dirty = draft.name !== "" || Object.keys(draft.parameters).length > 0 || draft.credentialIds.length > 0 || draft.setDefault;
+  const create = async () => {
+    var _a;
+    setSaving(true);
+    setError("");
+    try {
+      const input = SandboxCreateWizard_model.buildSandboxCreateInput(draft, credentials);
+      const backend = await config.onCreate(input);
+      if (!((_a = backend.name) == null ? void 0 : _a.trim())) {
+        throw new Error("sandbox create returned a backend without a name");
+      }
+      onCreated == null ? void 0 : onCreated(backend, input);
+      onClose();
+    } catch (cause) {
+      setError(errorMessage(cause));
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Modal.Modal,
+    {
+      open,
+      onClose,
+      confirmClose: dirty && !saving,
+      title: "Create sandbox",
+      size: "lg",
+      expandable: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            disabled: step === 0 || saving,
+            onClick: () => setStep((current) => Math.max(0, current - 1)),
+            children: "Back"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled: saving,
+              onClick: onClose,
+              children: "Cancel"
+            }
+          ),
+          step < STEPS.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              size: "sm",
+              disabled: step === 0 && !configureReady || saving,
+              onClick: () => setStep((current) => current + 1),
+              children: "Next"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              size: "sm",
+              loading: saving,
+              onClick: () => void create(),
+              children: saving ? "Creating sandbox" : "Create sandbox"
+            }
+          )
+        ] })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "ol",
+          {
+            className: "mb-density-4 grid grid-cols-3 gap-density-2",
+            "aria-label": "Sandbox creation progress",
+            children: STEPS.map((label, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "li",
+              {
+                "aria-current": step === index ? "step" : void 0,
+                className: step === index ? "rounded-md bg-primary/10 px-density-2 py-1.5 text-xs font-medium text-foreground" : "rounded-md bg-muted/50 px-density-2 py-1.5 text-xs text-muted-foreground",
+                children: [
+                  index + 1,
+                  ". ",
+                  label
+                ]
+              },
+              label
+            ))
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            role: "alert",
+            className: "mb-density-3 rounded-md border border-destructive/30 bg-destructive/10 p-density-2 text-sm text-destructive",
+            children: error
+          }
+        ),
+        step === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          ConfigureStep,
+          {
+            draft,
+            kinds,
+            duplicateName,
+            onChange: setDraft
+          }
+        ),
+        step === 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          SandboxConnectionsSection.SandboxConnectionsSection,
+          {
+            connections: credentials,
+            selectedIds: draft.credentialIds,
+            onToggle: (id) => setDraft(
+              (current) => SandboxCreateWizard_model.toggleSandboxCredential(current, id, credentials)
+            )
+          }
+        ),
+        step === 2 && /* @__PURE__ */ jsxRuntime.jsx(ReviewStep, { draft, credentials })
+      ]
+    }
+  );
+}
+function ConfigureStep({
+  draft,
+  kinds,
+  duplicateName,
+  onChange
+}) {
+  const selected = kinds.find((kind) => kind.kind === draft.kind);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-3 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "space-y-1 text-sm font-medium", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sandbox name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InputField.InputField,
+          {
+            "aria-label": "Sandbox name",
+            value: draft.name,
+            onChange: (name) => onChange({ ...draft, name }),
+            autoFocus: true
+          }
+        ),
+        duplicateName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs font-normal text-destructive", children: "A sandbox with this name already exists." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-medium", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sandbox type" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Combobox.Combobox,
+          {
+            ariaLabel: "Sandbox type",
+            value: draft.kind,
+            options: kinds.map((kind) => {
+              const meta = sandboxKindMeta.sandboxKindMeta(kind.kind);
+              const KindIcon = meta.icon;
+              return {
+                value: kind.kind,
+                label: meta.label,
+                ...kind.description ? { description: kind.description } : {},
+                icon: /* @__PURE__ */ jsxRuntime.jsx(KindIcon, {})
+              };
+            }),
+            allowCustomValue: false,
+            required: true,
+            size: "sm",
+            onChange: (kind) => onChange({
+              ...draft,
+              kind,
+              parameters: {}
+            })
+          }
+        )
+      ] })
+    ] }),
+    (selected == null ? void 0 : selected.description) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: selected.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Switch.Switch,
+      {
+        checked: draft.setDefault,
+        onChange: (setDefault) => onChange({ ...draft, setDefault }),
+        label: "Use as the default sandbox"
+      }
+    ),
+    (selected == null ? void 0 : selected.configSchema) && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-density-2 border-t border-border pt-density-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Adapter parameters" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        JsonSchemaForm.JsonSchemaForm,
+        {
+          schema: selected.configSchema,
+          value: draft.parameters,
+          onChange: (parameters) => onChange({ ...draft, parameters }),
+          idPrefix: "sandbox-create",
+          size: "sm",
+          showPreferencesMenu: false
+        }
+      )
+    ] })
+  ] });
+}
+function ReviewStep({
+  draft,
+  credentials
+}) {
+  const selected = draft.credentialIds.map((id) => {
+    const credential = credentials.find((item) => item.id === id);
+    if (!credential)
+      throw new Error(`unknown sandbox credential ${JSON.stringify(id)}`);
+    return credential.label;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-md border border-border bg-card p-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Backend" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-density-3 grid grid-cols-[7rem_1fr] gap-density-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-mono", children: draft.name.trim() }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Type" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-mono", children: draft.kind }),
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Default" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: draft.setDefault ? "Yes" : "No" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-md border border-border bg-card p-density-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Exposed connections" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-density-3 text-sm text-muted-foreground", children: selected.length > 0 ? selected.join(", ") : "None" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "md:col-span-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-sm font-semibold", children: "Parameters" }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-auto rounded-md border border-border bg-muted/40 p-density-3 text-xs", children: JSON.stringify(draft.parameters, null, 2) })
+    ] })
+  ] });
+}
+function errorMessage(cause) {
+  if (cause instanceof Error && cause.message.trim()) return cause.message;
+  return "Sandbox creation failed";
+}
+exports.SandboxCreateWizard = SandboxCreateWizard;
+//# sourceMappingURL=SandboxCreateWizard.cjs.map

package/dist/data/ai/SandboxCreateWizard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxCreateWizard.cjs","sources":["../../../src/data/ai/SandboxCreateWizard.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Button } from \"../../components/button\";\nimport { Combobox } from \"../../components/Combobox\";\nimport { InputField } from \"../../components/InputField\";\nimport { JsonSchemaForm } from \"../../components/JsonSchemaForm\";\nimport { Switch } from \"../../components/Switch\";\nimport { Modal } from \"../../overlay/Modal\";\nimport { SandboxConnectionsSection } from \"./SandboxConnectionsSection\";\nimport type { SpecRuntimeSandboxBackend } from \"./SpecRuntimeEditor/types\";\nimport type { SpecRuntimeSandboxCatalog } from \"./SpecRuntimeEditor/types\";\nimport {\n  buildSandboxCreateInput,\n  emptySandboxCreateDraft,\n  toggleSandboxCredential,\n  type SpecRuntimeSandboxCreateConfig,\n  type SpecRuntimeSandboxCreateDraft,\n  type SpecRuntimeSandboxCreateInput,\n  type SpecRuntimeSandboxCredential,\n} from \"./SandboxCreateWizard.model\";\nimport { sandboxKindMeta } from \"./sandbox-kind-meta\";\n\nexport type SandboxCreateWizardProps = {\n  open: boolean;\n  catalog: SpecRuntimeSandboxCatalog;\n  config: SpecRuntimeSandboxCreateConfig;\n  onClose: () => void;\n  onCreated?:\n    | ((\n        backend: SpecRuntimeSandboxBackend,\n        input: SpecRuntimeSandboxCreateInput,\n      ) => void)\n    | undefined;\n};\n\nconst STEPS = [\"Configure\", \"Connections\", \"Review\"] as const;\n\nexport function SandboxCreateWizard({\n  open,\n  catalog,\n  config,\n  onClose,\n  onCreated,\n}: SandboxCreateWizardProps) {\n  const [draft, setDraft] = useState(() => emptySandboxCreateDraft(catalog));\n  const [step, setStep] = useState(0);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState(\"\");\n  const wasOpen = useRef(open);\n  const credentials = config.credentials ?? [];\n\n  useEffect(() => {\n    if (open && !wasOpen.current) {\n      setDraft(emptySandboxCreateDraft(catalog));\n      setStep(0);\n      setSaving(false);\n      setError(\"\");\n    }\n    wasOpen.current = open;\n  }, [catalog, open]);\n\n  const kinds = useMemo(\n    () => (catalog.kinds ?? []).filter((item) => item.kind !== \"none\"),\n    [catalog.kinds],\n  );\n  const existingNames = new Set([\n    ...(catalog.kinds ?? []).flatMap((kind) =>\n      (kind.backends ?? []).map((backend) => backend.name),\n    ),\n    ...(catalog.invalid ?? []).map((backend) => backend.name),\n  ]);\n  const duplicateName = existingNames.has(draft.name.trim());\n  const configureReady =\n    draft.name.trim() !== \"\" && draft.kind.trim() !== \"\" && !duplicateName;\n  const dirty =\n    draft.name !== \"\" ||\n    Object.keys(draft.parameters).length > 0 ||\n    draft.credentialIds.length > 0 ||\n    draft.setDefault;\n\n  const create = async () => {\n    setSaving(true);\n    setError(\"\");\n    try {\n      const input = buildSandboxCreateInput(draft, credentials);\n      const backend = await config.onCreate(input);\n      if (!backend.name?.trim()) {\n        throw new Error(\"sandbox create returned a backend without a name\");\n      }\n      onCreated?.(backend, input);\n      onClose();\n    } catch (cause) {\n      setError(errorMessage(cause));\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      confirmClose={dirty && !saving}\n      title=\"Create sandbox\"\n      size=\"lg\"\n      expandable={false}\n      footer={\n        <div className=\"flex items-center justify-between gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={step === 0 || saving}\n            onClick={() => setStep((current) => Math.max(0, current - 1))}\n          >\n            Back\n          </Button>\n          <div className=\"flex items-center gap-density-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={saving}\n              onClick={onClose}\n            >\n              Cancel\n            </Button>\n            {step < STEPS.length - 1 ? (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                disabled={(step === 0 && !configureReady) || saving}\n                onClick={() => setStep((current) => current + 1)}\n              >\n                Next\n              </Button>\n            ) : (\n              <Button\n                type=\"button\"\n                size=\"sm\"\n                loading={saving}\n                onClick={() => void create()}\n              >\n                {saving ? \"Creating sandbox\" : \"Create sandbox\"}\n              </Button>\n            )}\n          </div>\n        </div>\n      }\n    >\n      <ol\n        className=\"mb-density-4 grid grid-cols-3 gap-density-2\"\n        aria-label=\"Sandbox creation progress\"\n      >\n        {STEPS.map((label, index) => (\n          <li\n            key={label}\n            aria-current={step === index ? \"step\" : undefined}\n            className={\n              step === index\n                ? \"rounded-md bg-primary/10 px-density-2 py-1.5 text-xs font-medium text-foreground\"\n                : \"rounded-md bg-muted/50 px-density-2 py-1.5 text-xs text-muted-foreground\"\n            }\n          >\n            {index + 1}. {label}\n          </li>\n        ))}\n      </ol>\n\n      {error && (\n        <p\n          role=\"alert\"\n          className=\"mb-density-3 rounded-md border border-destructive/30 bg-destructive/10 p-density-2 text-sm text-destructive\"\n        >\n          {error}\n        </p>\n      )}\n\n      {step === 0 && (\n        <ConfigureStep\n          draft={draft}\n          kinds={kinds}\n          duplicateName={duplicateName}\n          onChange={setDraft}\n        />\n      )}\n      {step === 1 && (\n        <SandboxConnectionsSection\n          connections={credentials}\n          selectedIds={draft.credentialIds}\n          onToggle={(id) =>\n            setDraft((current) =>\n              toggleSandboxCredential(current, id, credentials),\n            )\n          }\n        />\n      )}\n      {step === 2 && <ReviewStep draft={draft} credentials={credentials} />}\n    </Modal>\n  );\n}\n\nfunction ConfigureStep({\n  draft,\n  kinds,\n  duplicateName,\n  onChange,\n}: {\n  draft: SpecRuntimeSandboxCreateDraft;\n  kinds: NonNullable<SpecRuntimeSandboxCatalog[\"kinds\"]>;\n  duplicateName: boolean;\n  onChange: (draft: SpecRuntimeSandboxCreateDraft) => void;\n}) {\n  const selected = kinds.find((kind) => kind.kind === draft.kind);\n  return (\n    <div className=\"space-y-density-4\">\n      <div className=\"grid gap-density-3 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm font-medium\">\n          <span>Sandbox name</span>\n          <InputField\n            aria-label=\"Sandbox name\"\n            value={draft.name}\n            onChange={(name) => onChange({ ...draft, name })}\n            autoFocus\n          />\n          {duplicateName && (\n            <span className=\"block text-xs font-normal text-destructive\">\n              A sandbox with this name already exists.\n            </span>\n          )}\n        </label>\n        <div className=\"space-y-1 text-sm font-medium\">\n          <span>Sandbox type</span>\n          <Combobox\n            ariaLabel=\"Sandbox type\"\n            value={draft.kind}\n            options={kinds.map((kind) => {\n              const meta = sandboxKindMeta(kind.kind);\n              const KindIcon = meta.icon;\n              return {\n                value: kind.kind,\n                label: meta.label,\n                ...(kind.description ? { description: kind.description } : {}),\n                icon: <KindIcon />,\n              };\n            })}\n            allowCustomValue={false}\n            required\n            size=\"sm\"\n            onChange={(kind) =>\n              onChange({\n                ...draft,\n                kind,\n                parameters: {},\n              })\n            }\n          />\n        </div>\n      </div>\n      {selected?.description && (\n        <p className=\"text-sm text-muted-foreground\">{selected.description}</p>\n      )}\n      <Switch\n        checked={draft.setDefault}\n        onChange={(setDefault) => onChange({ ...draft, setDefault })}\n        label=\"Use as the default sandbox\"\n      />\n      {selected?.configSchema && (\n        <section className=\"space-y-density-2 border-t border-border pt-density-4\">\n          <h3 className=\"text-sm font-semibold\">Adapter parameters</h3>\n          <JsonSchemaForm\n            schema={selected.configSchema}\n            value={draft.parameters}\n            onChange={(parameters) => onChange({ ...draft, parameters })}\n            idPrefix=\"sandbox-create\"\n            size=\"sm\"\n            showPreferencesMenu={false}\n          />\n        </section>\n      )}\n    </div>\n  );\n}\n\nfunction ReviewStep({\n  draft,\n  credentials,\n}: {\n  draft: SpecRuntimeSandboxCreateDraft;\n  credentials: SpecRuntimeSandboxCredential[];\n}) {\n  const selected = draft.credentialIds.map((id) => {\n    const credential = credentials.find((item) => item.id === id);\n    if (!credential)\n      throw new Error(`unknown sandbox credential ${JSON.stringify(id)}`);\n    return credential.label;\n  });\n  return (\n    <div className=\"grid gap-density-4 md:grid-cols-2\">\n      <section className=\"rounded-md border border-border bg-card p-density-3\">\n        <h3 className=\"text-sm font-semibold\">Backend</h3>\n        <dl className=\"mt-density-3 grid grid-cols-[7rem_1fr] gap-density-2 text-sm\">\n          <dt className=\"text-muted-foreground\">Name</dt>\n          <dd className=\"font-mono\">{draft.name.trim()}</dd>\n          <dt className=\"text-muted-foreground\">Type</dt>\n          <dd className=\"font-mono\">{draft.kind}</dd>\n          <dt className=\"text-muted-foreground\">Default</dt>\n          <dd>{draft.setDefault ? \"Yes\" : \"No\"}</dd>\n        </dl>\n      </section>\n      <section className=\"rounded-md border border-border bg-card p-density-3\">\n        <h3 className=\"text-sm font-semibold\">Exposed connections</h3>\n        <p className=\"mt-density-3 text-sm text-muted-foreground\">\n          {selected.length > 0 ? selected.join(\", \") : \"None\"}\n        </p>\n      </section>\n      <section className=\"md:col-span-2\">\n        <h3 className=\"mb-density-2 text-sm font-semibold\">Parameters</h3>\n        <pre className=\"overflow-auto rounded-md border border-border bg-muted/40 p-density-3 text-xs\">\n          {JSON.stringify(draft.parameters, null, 2)}\n        </pre>\n      </section>\n    </div>\n  );\n}\n\nfunction errorMessage(cause: unknown): string {\n  if (cause instanceof Error && cause.message.trim()) return cause.message;\n  return \"Sandbox creation failed\";\n}\n"],"names":["useState","emptySandboxCreateDraft","useRef","useEffect","useMemo","buildSandboxCreateInput","jsxs","Modal","jsx","Button","SandboxConnectionsSection","toggleSandboxCredential","InputField","Combobox","sandboxKindMeta","Switch","JsonSchemaForm"],"mappings":"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"}

package/dist/data/ai/SandboxCreateWizard.d.ts

@@ -0,0 +1,11 @@
+import { SpecRuntimeSandboxBackend, SpecRuntimeSandboxCatalog } from './SpecRuntimeEditor/types';
+import { SpecRuntimeSandboxCreateConfig, SpecRuntimeSandboxCreateInput } from './SandboxCreateWizard.model';
+export type SandboxCreateWizardProps = {
+    open: boolean;
+    catalog: SpecRuntimeSandboxCatalog;
+    config: SpecRuntimeSandboxCreateConfig;
+    onClose: () => void;
+    onCreated?: ((backend: SpecRuntimeSandboxBackend, input: SpecRuntimeSandboxCreateInput) => void) | undefined;
+};
+export declare function SandboxCreateWizard({ open, catalog, config, onClose, onCreated, }: SandboxCreateWizardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SandboxCreateWizard.d.ts.map

package/dist/data/ai/SandboxCreateWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxCreateWizard.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SandboxCreateWizard.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAIL,KAAK,8BAA8B,EAEnC,KAAK,6BAA6B,EAEnC,MAAM,6BAA6B,CAAC;AAGrC,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,8BAA8B,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EACN,CAAC,CACC,OAAO,EAAE,yBAAyB,EAClC,KAAK,EAAE,6BAA6B,KACjC,IAAI,CAAC,GACV,SAAS,CAAC;CACf,CAAC;AAIF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,wBAAwB,2CA6J1B"}

package/dist/data/ai/SandboxCreateWizard.js

@@ -0,0 +1,288 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { Button } from "../../components/button.js";
+import { Combobox } from "../../components/Combobox.js";
+import { InputField } from "../../components/InputField.js";
+import { JsonSchemaForm } from "../../components/JsonSchemaForm.js";
+import { Switch } from "../../components/Switch.js";
+import { Modal } from "../../overlay/Modal.js";
+import { SandboxConnectionsSection } from "./SandboxConnectionsSection.js";
+import { emptySandboxCreateDraft, toggleSandboxCredential, buildSandboxCreateInput } from "./SandboxCreateWizard.model.js";
+import { sandboxKindMeta } from "./sandbox-kind-meta.js";
+const STEPS = ["Configure", "Connections", "Review"];
+function SandboxCreateWizard({
+  open,
+  catalog,
+  config,
+  onClose,
+  onCreated
+}) {
+  const [draft, setDraft] = useState(() => emptySandboxCreateDraft(catalog));
+  const [step, setStep] = useState(0);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState("");
+  const wasOpen = useRef(open);
+  const credentials = config.credentials ?? [];
+  useEffect(() => {
+    if (open && !wasOpen.current) {
+      setDraft(emptySandboxCreateDraft(catalog));
+      setStep(0);
+      setSaving(false);
+      setError("");
+    }
+    wasOpen.current = open;
+  }, [catalog, open]);
+  const kinds = useMemo(
+    () => (catalog.kinds ?? []).filter((item) => item.kind !== "none"),
+    [catalog.kinds]
+  );
+  const existingNames = /* @__PURE__ */ new Set([
+    ...(catalog.kinds ?? []).flatMap(
+      (kind) => (kind.backends ?? []).map((backend) => backend.name)
+    ),
+    ...(catalog.invalid ?? []).map((backend) => backend.name)
+  ]);
+  const duplicateName = existingNames.has(draft.name.trim());
+  const configureReady = draft.name.trim() !== "" && draft.kind.trim() !== "" && !duplicateName;
+  const dirty = draft.name !== "" || Object.keys(draft.parameters).length > 0 || draft.credentialIds.length > 0 || draft.setDefault;
+  const create = async () => {
+    var _a;
+    setSaving(true);
+    setError("");
+    try {
+      const input = buildSandboxCreateInput(draft, credentials);
+      const backend = await config.onCreate(input);
+      if (!((_a = backend.name) == null ? void 0 : _a.trim())) {
+        throw new Error("sandbox create returned a backend without a name");
+      }
+      onCreated == null ? void 0 : onCreated(backend, input);
+      onClose();
+    } catch (cause) {
+      setError(errorMessage(cause));
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      open,
+      onClose,
+      confirmClose: dirty && !saving,
+      title: "Create sandbox",
+      size: "lg",
+      expandable: false,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-density-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            disabled: step === 0 || saving,
+            onClick: () => setStep((current) => Math.max(0, current - 1)),
+            children: "Back"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-density-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              disabled: saving,
+              onClick: onClose,
+              children: "Cancel"
+            }
+          ),
+          step < STEPS.length - 1 ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              disabled: step === 0 && !configureReady || saving,
+              onClick: () => setStep((current) => current + 1),
+              children: "Next"
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              loading: saving,
+              onClick: () => void create(),
+              children: saving ? "Creating sandbox" : "Create sandbox"
+            }
+          )
+        ] })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(
+          "ol",
+          {
+            className: "mb-density-4 grid grid-cols-3 gap-density-2",
+            "aria-label": "Sandbox creation progress",
+            children: STEPS.map((label, index) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                "aria-current": step === index ? "step" : void 0,
+                className: step === index ? "rounded-md bg-primary/10 px-density-2 py-1.5 text-xs font-medium text-foreground" : "rounded-md bg-muted/50 px-density-2 py-1.5 text-xs text-muted-foreground",
+                children: [
+                  index + 1,
+                  ". ",
+                  label
+                ]
+              },
+              label
+            ))
+          }
+        ),
+        error && /* @__PURE__ */ jsx(
+          "p",
+          {
+            role: "alert",
+            className: "mb-density-3 rounded-md border border-destructive/30 bg-destructive/10 p-density-2 text-sm text-destructive",
+            children: error
+          }
+        ),
+        step === 0 && /* @__PURE__ */ jsx(
+          ConfigureStep,
+          {
+            draft,
+            kinds,
+            duplicateName,
+            onChange: setDraft
+          }
+        ),
+        step === 1 && /* @__PURE__ */ jsx(
+          SandboxConnectionsSection,
+          {
+            connections: credentials,
+            selectedIds: draft.credentialIds,
+            onToggle: (id) => setDraft(
+              (current) => toggleSandboxCredential(current, id, credentials)
+            )
+          }
+        ),
+        step === 2 && /* @__PURE__ */ jsx(ReviewStep, { draft, credentials })
+      ]
+    }
+  );
+}
+function ConfigureStep({
+  draft,
+  kinds,
+  duplicateName,
+  onChange
+}) {
+  const selected = kinds.find((kind) => kind.kind === draft.kind);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-density-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-density-3 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "space-y-1 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx("span", { children: "Sandbox name" }),
+        /* @__PURE__ */ jsx(
+          InputField,
+          {
+            "aria-label": "Sandbox name",
+            value: draft.name,
+            onChange: (name) => onChange({ ...draft, name }),
+            autoFocus: true
+          }
+        ),
+        duplicateName && /* @__PURE__ */ jsx("span", { className: "block text-xs font-normal text-destructive", children: "A sandbox with this name already exists." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-medium", children: [
+        /* @__PURE__ */ jsx("span", { children: "Sandbox type" }),
+        /* @__PURE__ */ jsx(
+          Combobox,
+          {
+            ariaLabel: "Sandbox type",
+            value: draft.kind,
+            options: kinds.map((kind) => {
+              const meta = sandboxKindMeta(kind.kind);
+              const KindIcon = meta.icon;
+              return {
+                value: kind.kind,
+                label: meta.label,
+                ...kind.description ? { description: kind.description } : {},
+                icon: /* @__PURE__ */ jsx(KindIcon, {})
+              };
+            }),
+            allowCustomValue: false,
+            required: true,
+            size: "sm",
+            onChange: (kind) => onChange({
+              ...draft,
+              kind,
+              parameters: {}
+            })
+          }
+        )
+      ] })
+    ] }),
+    (selected == null ? void 0 : selected.description) && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: selected.description }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: draft.setDefault,
+        onChange: (setDefault) => onChange({ ...draft, setDefault }),
+        label: "Use as the default sandbox"
+      }
+    ),
+    (selected == null ? void 0 : selected.configSchema) && /* @__PURE__ */ jsxs("section", { className: "space-y-density-2 border-t border-border pt-density-4", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Adapter parameters" }),
+      /* @__PURE__ */ jsx(
+        JsonSchemaForm,
+        {
+          schema: selected.configSchema,
+          value: draft.parameters,
+          onChange: (parameters) => onChange({ ...draft, parameters }),
+          idPrefix: "sandbox-create",
+          size: "sm",
+          showPreferencesMenu: false
+        }
+      )
+    ] })
+  ] });
+}
+function ReviewStep({
+  draft,
+  credentials
+}) {
+  const selected = draft.credentialIds.map((id) => {
+    const credential = credentials.find((item) => item.id === id);
+    if (!credential)
+      throw new Error(`unknown sandbox credential ${JSON.stringify(id)}`);
+    return credential.label;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-density-4 md:grid-cols-2", children: [
+    /* @__PURE__ */ jsxs("section", { className: "rounded-md border border-border bg-card p-density-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Backend" }),
+      /* @__PURE__ */ jsxs("dl", { className: "mt-density-3 grid grid-cols-[7rem_1fr] gap-density-2 text-sm", children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Name" }),
+        /* @__PURE__ */ jsx("dd", { className: "font-mono", children: draft.name.trim() }),
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Type" }),
+        /* @__PURE__ */ jsx("dd", { className: "font-mono", children: draft.kind }),
+        /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: "Default" }),
+        /* @__PURE__ */ jsx("dd", { children: draft.setDefault ? "Yes" : "No" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "rounded-md border border-border bg-card p-density-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Exposed connections" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-density-3 text-sm text-muted-foreground", children: selected.length > 0 ? selected.join(", ") : "None" })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "md:col-span-2", children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-density-2 text-sm font-semibold", children: "Parameters" }),
+      /* @__PURE__ */ jsx("pre", { className: "overflow-auto rounded-md border border-border bg-muted/40 p-density-3 text-xs", children: JSON.stringify(draft.parameters, null, 2) })
+    ] })
+  ] });
+}
+function errorMessage(cause) {
+  if (cause instanceof Error && cause.message.trim()) return cause.message;
+  return "Sandbox creation failed";
+}
+export {
+  SandboxCreateWizard
+};
+//# sourceMappingURL=SandboxCreateWizard.js.map