@burdenoff/microfe-adaptercloud 2026.626.1 → 2026.628.1

package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js

@@ -0,0 +1,187 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { adapterKindLabels as n, authMethodLabels as r } from "../../utils/domain.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { DataState as a } from "../../components/DataState.js";
+import { useAdapter as o, useArchiveAdapter as s } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as c } from "../../utils/formatters.js";
+import { useCallback as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as d, ArrowLeft as f, Cable as p, Pencil as m } from "lucide-react";
+import { useParams as h } from "react-router-dom";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/adapters/AdapterDetailPage.tsx
+function b() {
+	let { id: b } = h(), { navigateTo: x } = e(), { t: S } = u(), C = l((e, t) => {
+		let n = S(e);
+		return n === e ? t : n;
+	}, [S]), w = o(b), T = s(), E = w.data, D = l(() => {
+		b && T.mutate(b, { onSuccess: () => x("/adapters") });
+	}, [
+		T,
+		b,
+		x
+	]);
+	return /* @__PURE__ */ _(t, {
+		title: E?.name ?? C("adaptercloud.adapters.detailTitle", "Adapter"),
+		description: E?.slug,
+		actions: /* @__PURE__ */ v("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => x("/adapters"),
+				className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
+				children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), C("adaptercloud.common.back", "Back")]
+			}), E && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => x(`/adapters/${E.id}/edit`),
+				className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
+				children: [/* @__PURE__ */ _(m, { className: "h-4 w-4" }), C("adaptercloud.common.edit", "Edit")]
+			}), E.status !== "ARCHIVED" && /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: D,
+				disabled: T.isPending,
+				className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+				children: [/* @__PURE__ */ _(d, { className: "h-4 w-4" }), C("adaptercloud.common.archive", "Archive")]
+			})] })]
+		}),
+		children: /* @__PURE__ */ _(a, {
+			isLoading: w.isLoading,
+			isError: w.isError,
+			isEmpty: !w.isLoading && !E,
+			error: w.error,
+			onRetry: () => void w.refetch(),
+			emptyTitle: C("adaptercloud.adapters.notFound", "Adapter not found"),
+			emptyDescription: C("adaptercloud.adapters.notFoundDescription", "This adapter does not exist or belongs to another workspace."),
+			children: E && /* @__PURE__ */ v("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ v(y, {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "mb-4 flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ _(i, { status: E.status }),
+									/* @__PURE__ */ _("span", {
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+										children: n[E.kind]
+									}),
+									/* @__PURE__ */ v("span", {
+										className: "text-xs text-text-secondary",
+										children: ["v", E.version]
+									})
+								]
+							}),
+							E.description && /* @__PURE__ */ _("p", {
+								className: "mb-4 text-sm text-text-secondary",
+								children: E.description
+							}),
+							/* @__PURE__ */ v("dl", {
+								className: "grid grid-cols-2 gap-4 text-sm sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										className: "text-text-secondary",
+										children: C("adaptercloud.adapters.vendor", "Vendor")
+									}), /* @__PURE__ */ _("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: E.vendor ?? "—"
+									})] }),
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										className: "text-text-secondary",
+										children: C("adaptercloud.common.created", "Created")
+									}), /* @__PURE__ */ _("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: c(E.createdAt)
+									})] }),
+									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+										className: "text-text-secondary",
+										children: C("adaptercloud.common.updated", "Updated")
+									}), /* @__PURE__ */ _("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: c(E.updatedAt)
+									})] })
+								]
+							}),
+							E.capabilities.length > 0 && /* @__PURE__ */ v("div", {
+								className: "mt-5",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "mb-2 text-sm font-semibold text-text-primary",
+									children: C("adaptercloud.adapters.capabilities", "Capabilities")
+								}), /* @__PURE__ */ _("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: E.capabilities.map((e) => /* @__PURE__ */ _("span", {
+										className: "inline-flex items-center rounded-full bg-accent-blue-subtle px-2.5 py-0.5 text-xs text-accent-blue",
+										children: e
+									}, e))
+								})]
+							}),
+							E.tags.length > 0 && /* @__PURE__ */ v("div", {
+								className: "mt-4",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "mb-2 text-sm font-semibold text-text-primary",
+									children: C("adaptercloud.common.tags", "Tags")
+								}), /* @__PURE__ */ _("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: E.tags.map((e) => /* @__PURE__ */ _("span", {
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+										children: e
+									}, e))
+								})]
+							})
+						]
+					}),
+					E.configSchema != null && /* @__PURE__ */ v(y, {
+						className: "p-6",
+						children: [/* @__PURE__ */ _("h3", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: C("adaptercloud.adapters.configSchema", "Config Schema")
+						}), /* @__PURE__ */ _("pre", {
+							className: "overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
+							children: JSON.stringify(E.configSchema, null, 2)
+						})]
+					}),
+					/* @__PURE__ */ v("section", { children: [/* @__PURE__ */ _("h3", {
+						className: "mb-3 text-base font-semibold text-text-primary",
+						children: C("adaptercloud.adapters.connections", "Connections")
+					}), E.connections && E.connections.length > 0 ? /* @__PURE__ */ _("div", {
+						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
+						children: E.connections.map((e) => /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => x(`/connections/${e.id}`),
+							className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50",
+							children: [
+								/* @__PURE__ */ _(p, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
+								/* @__PURE__ */ v("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ _("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ v("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [
+											r[e.authMethod],
+											" · ",
+											e.resourceCount,
+											" ",
+											C("adaptercloud.adapters.resourcesLower", "resources")
+										]
+									})]
+								}),
+								/* @__PURE__ */ _(i, { status: e.status })
+							]
+						}, e.id))
+					}) : /* @__PURE__ */ _("p", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+						children: C("adaptercloud.adapters.noConnections", "No connections use this adapter yet.")
+					})] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { b as AdapterDetailPage };
+
+//# sourceMappingURL=AdapterDetailPage.js.map

package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdapterDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdapterDetailPage.tsx"],"sourcesContent":["/**\n * Adapter Detail Page\n * @module adaptercloud/pages/adapters\n *\n * Full view of one adapter (`adaAdapter`) — metadata, capabilities, config\n * schema and its connections. Supports archiving via `adaArchiveAdapter`.\n */\n\nimport { useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Archive, Cable, Pencil } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useAdapter, useArchiveAdapter } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, authMethodLabels } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\n\nexport function AdapterDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const query = useAdapter(id);\n  const archive = useArchiveAdapter();\n  const adapter = query.data;\n\n  const handleArchive = useCallback(() => {\n    if (!id) return;\n    archive.mutate(id, {\n      onSuccess: () => navigateTo('/adapters'),\n    });\n  }, [archive, id, navigateTo]);\n\n  return (\n    <PageLayout\n      title={adapter?.name ?? t('adaptercloud.adapters.detailTitle', 'Adapter')}\n      description={adapter?.slug}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters')}\n            className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n            {t('adaptercloud.common.back', 'Back')}\n          </button>\n          {adapter && (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`/adapters/${adapter.id}/edit`)}\n                className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n              >\n                <Pencil className=\"h-4 w-4\" />\n                {t('adaptercloud.common.edit', 'Edit')}\n              </button>\n              {adapter.status !== 'ARCHIVED' && (\n                <button\n                  type=\"button\"\n                  onClick={handleArchive}\n                  disabled={archive.isPending}\n                  className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50\"\n                >\n                  <Archive className=\"h-4 w-4\" />\n                  {t('adaptercloud.common.archive', 'Archive')}\n                </button>\n              )}\n            </>\n          )}\n        </div>\n      }\n    >\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={!query.isLoading && !adapter}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.adapters.notFound', 'Adapter not found')}\n        emptyDescription={t(\n          'adaptercloud.adapters.notFoundDescription',\n          'This adapter does not exist or belongs to another workspace.'\n        )}\n      >\n        {adapter && (\n          <div className=\"space-y-6\">\n            {/* Metadata */}\n            <GlassCard className=\"p-6\">\n              <div className=\"mb-4 flex items-center gap-3\">\n                <StatusBadge status={adapter.status} />\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span className=\"text-xs text-text-secondary\">v{adapter.version}</span>\n              </div>\n\n              {adapter.description && (\n                <p className=\"mb-4 text-sm text-text-secondary\">{adapter.description}</p>\n              )}\n\n              <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-3\">\n                <div>\n                  <dt className=\"text-text-secondary\">{t('adaptercloud.adapters.vendor', 'Vendor')}</dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">{adapter.vendor ?? '—'}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.common.created', 'Created')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {formatDate(adapter.createdAt)}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.common.updated', 'Updated')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {formatDate(adapter.updatedAt)}\n                  </dd>\n                </div>\n              </dl>\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-5\">\n                  <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n                    {t('adaptercloud.adapters.capabilities', 'Capabilities')}\n                  </h3>\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    {adapter.capabilities.map((cap) => (\n                      <span\n                        key={cap}\n                        className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2.5 py-0.5 text-xs text-accent-blue\"\n                      >\n                        {cap}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {adapter.tags.length > 0 && (\n                <div className=\"mt-4\">\n                  <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n                    {t('adaptercloud.common.tags', 'Tags')}\n                  </h3>\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    {adapter.tags.map((tag) => (\n                      <span\n                        key={tag}\n                        className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n                      >\n                        {tag}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </GlassCard>\n\n            {/* Config schema */}\n            {adapter.configSchema != null && (\n              <GlassCard className=\"p-6\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.adapters.configSchema', 'Config Schema')}\n                </h3>\n                <pre className=\"overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n                  {JSON.stringify(adapter.configSchema, null, 2)}\n                </pre>\n              </GlassCard>\n            )}\n\n            {/* Connections */}\n            <section>\n              <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n                {t('adaptercloud.adapters.connections', 'Connections')}\n              </h3>\n              {adapter.connections && adapter.connections.length > 0 ? (\n                <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n                  {adapter.connections.map((conn) => (\n                    <button\n                      key={conn.id}\n                      type=\"button\"\n                      onClick={() => navigateTo(`/connections/${conn.id}`)}\n                      className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                    >\n                      <Cable className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-sm font-medium text-text-primary\">\n                          {conn.name}\n                        </p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {authMethodLabels[conn.authMethod]} · {conn.resourceCount}{' '}\n                          {t('adaptercloud.adapters.resourcesLower', 'resources')}\n                        </p>\n                      </div>\n                      <StatusBadge status={conn.status} />\n                    </button>\n                  ))}\n                </div>\n              ) : (\n                <p className=\"rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary\">\n                  {t('adaptercloud.adapters.noConnections', 'No connections use this adapter yet.')}\n                </p>\n              )}\n            </section>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/adapters/AdapterFormPage.js

@@ -0,0 +1,278 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { adapterKindLabels as n, adapterStatusLabels as r } from "../../utils/domain.js";
+import { DataState as i } from "../../components/DataState.js";
+import { useAdapter as a, useCreateAdapter as o, useUpdateAdapter as s } from "../../hooks/useAdapterCloudApi.js";
+import { useCallback as c, useEffect as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as f, Loader2 as p, Save as m } from "lucide-react";
+import { useParams as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/adapters/AdapterFormPage.tsx
+var y = (e) => e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""), b = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), x = {
+	name: "",
+	slug: "",
+	kind: "CUSTOM",
+	status: "DRAFT",
+	vendor: "",
+	version: "1.0.0",
+	description: "",
+	capabilities: "",
+	tags: ""
+};
+function S() {
+	let { id: S } = h(), C = !!S, { navigateTo: w } = e(), { t: T } = d(), E = c((e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, [T]), D = a(C ? S : void 0), O = o(), k = s(), [A, j] = u(x), [M, N] = u(!1), [P, F] = u(null);
+	l(() => {
+		let e = D.data;
+		C && e && (j({
+			name: e.name,
+			slug: e.slug,
+			kind: e.kind,
+			status: e.status,
+			vendor: e.vendor ?? "",
+			version: e.version,
+			description: e.description ?? "",
+			capabilities: e.capabilities.join(", "),
+			tags: e.tags.join(", ")
+		}), N(!0));
+	}, [C, D.data]);
+	let I = c((e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), L = c((e) => {
+		j((t) => ({
+			...t,
+			name: e,
+			slug: M ? t.slug : y(e)
+		}));
+	}, [M]), R = O.isPending || k.isPending, z = c((e) => {
+		if (e.preventDefault(), F(null), !A.name.trim()) {
+			F(E("adaptercloud.adapters.form.nameRequired", "Name is required."));
+			return;
+		}
+		if (!C && !A.slug.trim()) {
+			F(E("adaptercloud.adapters.form.slugRequired", "Slug is required."));
+			return;
+		}
+		let t = {
+			name: A.name.trim(),
+			kind: A.kind,
+			status: A.status,
+			vendor: A.vendor.trim() || void 0,
+			version: A.version.trim() || void 0,
+			description: A.description.trim() || void 0,
+			capabilities: b(A.capabilities),
+			tags: b(A.tags)
+		}, n = (e) => F(e instanceof Error ? e.message : "Failed to save adapter.");
+		C && S ? k.mutate({
+			id: S,
+			input: t
+		}, {
+			onSuccess: (e) => w(`/adapters/${e.id}`),
+			onError: n
+		}) : O.mutate({
+			...t,
+			slug: A.slug.trim()
+		}, {
+			onSuccess: (e) => w(`/adapters/${e.id}`),
+			onError: n
+		});
+	}, [
+		O,
+		k,
+		A,
+		S,
+		C,
+		w,
+		E
+	]), B = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", V = "mb-1.5 block text-sm font-medium text-text-primary";
+	return /* @__PURE__ */ g(t, {
+		title: C ? E("adaptercloud.adapters.editTitle", "Edit Adapter") : E("adaptercloud.adapters.newTitle", "New Adapter"),
+		description: E("adaptercloud.adapters.formSubtitle", "Define how AdapterCloud connects to a class of system."),
+		actions: /* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => w(C && S ? `/adapters/${S}` : "/adapters"),
+			className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
+			children: [/* @__PURE__ */ g(f, { className: "h-4 w-4" }), E("adaptercloud.common.cancel", "Cancel")]
+		}),
+		children: /* @__PURE__ */ g(i, {
+			isLoading: C && D.isLoading,
+			isError: C && D.isError,
+			isEmpty: C && !D.isLoading && !D.data,
+			error: D.error,
+			onRetry: () => void D.refetch(),
+			emptyTitle: E("adaptercloud.adapters.notFound", "Adapter not found"),
+			children: /* @__PURE__ */ g("form", {
+				onSubmit: z,
+				className: "max-w-2xl",
+				children: /* @__PURE__ */ _(v, {
+					className: "space-y-5 p-6",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
+								htmlFor: "ada-name",
+								className: V,
+								children: [E("adaptercloud.adapters.form.name", "Name"), " *"]
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-name",
+								type: "text",
+								value: A.name,
+								onChange: (e) => L(e.target.value),
+								className: B,
+								placeholder: "AWS Production"
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
+								htmlFor: "ada-slug",
+								className: V,
+								children: [
+									E("adaptercloud.adapters.form.slug", "Slug"),
+									" ",
+									C ? "" : "*"
+								]
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-slug",
+								type: "text",
+								value: A.slug,
+								disabled: C,
+								onChange: (e) => {
+									N(!0), I("slug", y(e.target.value));
+								},
+								className: `${B} disabled:cursor-not-allowed disabled:opacity-60`,
+								placeholder: "aws-production"
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-kind",
+								className: V,
+								children: E("adaptercloud.adapters.form.kind", "Kind")
+							}), /* @__PURE__ */ g("select", {
+								id: "ada-kind",
+								value: A.kind,
+								onChange: (e) => I("kind", e.target.value),
+								className: B,
+								children: Object.keys(n).map((e) => /* @__PURE__ */ g("option", {
+									value: e,
+									children: n[e]
+								}, e))
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-status",
+								className: V,
+								children: E("adaptercloud.adapters.form.status", "Status")
+							}), /* @__PURE__ */ g("select", {
+								id: "ada-status",
+								value: A.status,
+								onChange: (e) => I("status", e.target.value),
+								className: B,
+								children: Object.keys(r).map((e) => /* @__PURE__ */ g("option", {
+									value: e,
+									children: r[e]
+								}, e))
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-vendor",
+								className: V,
+								children: E("adaptercloud.adapters.form.vendor", "Vendor")
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-vendor",
+								type: "text",
+								value: A.vendor,
+								onChange: (e) => I("vendor", e.target.value),
+								className: B,
+								placeholder: "Amazon Web Services"
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-version",
+								className: V,
+								children: E("adaptercloud.adapters.form.version", "Version")
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-version",
+								type: "text",
+								value: A.version,
+								onChange: (e) => I("version", e.target.value),
+								className: B,
+								placeholder: "1.0.0"
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							htmlFor: "ada-description",
+							className: V,
+							children: E("adaptercloud.adapters.form.description", "Description")
+						}), /* @__PURE__ */ g("textarea", {
+							id: "ada-description",
+							value: A.description,
+							onChange: (e) => I("description", e.target.value),
+							rows: 3,
+							className: B,
+							placeholder: E("adaptercloud.adapters.form.descriptionPlaceholder", "What this adapter connects to and how.")
+						})] }),
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("label", {
+								htmlFor: "ada-capabilities",
+								className: V,
+								children: E("adaptercloud.adapters.form.capabilities", "Capabilities")
+							}),
+							/* @__PURE__ */ g("input", {
+								id: "ada-capabilities",
+								type: "text",
+								value: A.capabilities,
+								onChange: (e) => I("capabilities", e.target.value),
+								className: B,
+								placeholder: "discovery, cost, reconcile"
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: E("adaptercloud.common.commaSeparated", "Comma-separated.")
+							})
+						] }),
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("label", {
+								htmlFor: "ada-tags",
+								className: V,
+								children: E("adaptercloud.common.tags", "Tags")
+							}),
+							/* @__PURE__ */ g("input", {
+								id: "ada-tags",
+								type: "text",
+								value: A.tags,
+								onChange: (e) => I("tags", e.target.value),
+								className: B,
+								placeholder: "production, cloud"
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: E("adaptercloud.common.commaSeparated", "Comma-separated.")
+							})
+						] }),
+						P && /* @__PURE__ */ g("p", {
+							className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: P
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: /* @__PURE__ */ _("button", {
+								type: "submit",
+								disabled: R,
+								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-50",
+								children: [R ? /* @__PURE__ */ g(p, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(m, { className: "h-4 w-4" }), C ? E("adaptercloud.common.saveChanges", "Save changes") : E("adaptercloud.adapters.create", "Create adapter")]
+							})
+						})
+					]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { S as AdapterFormPage };
+
+//# sourceMappingURL=AdapterFormPage.js.map

package/dist/adaptercloud/pages/adapters/AdapterFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdapterFormPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdapterFormPage.tsx"],"sourcesContent":["/**\n * Adapter Create / Edit Form Page\n * @module adaptercloud/pages/adapters\n *\n * Creates a new adapter (`adaCreateAdapter`) or edits an existing one\n * (`adaUpdateAdapter`). The presence of a route `:id` switches to edit mode and\n * pre-fills from `adaAdapter`.\n */\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport {\n  useAdapter,\n  useCreateAdapter,\n  useUpdateAdapter,\n} from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst slugify = (value: string): string =>\n  value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n\nconst parseList = (value: string): string[] =>\n  value\n    .split(',')\n    .map((s) => s.trim())\n    .filter(Boolean);\n\ninterface FormState {\n  name: string;\n  slug: string;\n  kind: AdaAdapterKind;\n  status: AdaAdapterStatus;\n  vendor: string;\n  version: string;\n  description: string;\n  capabilities: string;\n  tags: string;\n}\n\nconst EMPTY: FormState = {\n  name: '',\n  slug: '',\n  kind: 'CUSTOM',\n  status: 'DRAFT',\n  vendor: '',\n  version: '1.0.0',\n  description: '',\n  capabilities: '',\n  tags: '',\n};\n\nexport function AdapterFormPage() {\n  const { id } = useParams<{ id: string }>();\n  const isEdit = Boolean(id);\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const existing = useAdapter(isEdit ? id : undefined);\n  const create = useCreateAdapter();\n  const update = useUpdateAdapter();\n\n  const [form, setForm] = useState<FormState>(EMPTY);\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Pre-fill in edit mode\n  useEffect(() => {\n    const a = existing.data;\n    if (isEdit && a) {\n      setForm({\n        name: a.name,\n        slug: a.slug,\n        kind: a.kind,\n        status: a.status,\n        vendor: a.vendor ?? '',\n        version: a.version,\n        description: a.description ?? '',\n        capabilities: a.capabilities.join(', '),\n        tags: a.tags.join(', '),\n      });\n      setSlugTouched(true);\n    }\n  }, [isEdit, existing.data]);\n\n  const setField = useCallback(\n    <K extends keyof FormState>(key: K, value: FormState[K]) => {\n      setForm((prev) => ({ ...prev, [key]: value }));\n    },\n    []\n  );\n\n  const onNameChange = useCallback(\n    (value: string) => {\n      setForm((prev) => ({\n        ...prev,\n        name: value,\n        slug: slugTouched ? prev.slug : slugify(value),\n      }));\n    },\n    [slugTouched]\n  );\n\n  const isPending = create.isPending || update.isPending;\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      setError(null);\n\n      if (!form.name.trim()) {\n        setError(t('adaptercloud.adapters.form.nameRequired', 'Name is required.'));\n        return;\n      }\n      if (!isEdit && !form.slug.trim()) {\n        setError(t('adaptercloud.adapters.form.slugRequired', 'Slug is required.'));\n        return;\n      }\n\n      const common = {\n        name: form.name.trim(),\n        kind: form.kind,\n        status: form.status,\n        vendor: form.vendor.trim() || undefined,\n        version: form.version.trim() || undefined,\n        description: form.description.trim() || undefined,\n        capabilities: parseList(form.capabilities),\n        tags: parseList(form.tags),\n      };\n\n      const onError = (err: unknown) =>\n        setError(err instanceof Error ? err.message : 'Failed to save adapter.');\n\n      if (isEdit && id) {\n        update.mutate(\n          { id, input: common },\n          { onSuccess: (a) => navigateTo(`/adapters/${a.id}`), onError }\n        );\n      } else {\n        create.mutate(\n          { ...common, slug: form.slug.trim() },\n          { onSuccess: (a) => navigateTo(`/adapters/${a.id}`), onError }\n        );\n      }\n    },\n    [create, update, form, id, isEdit, navigateTo, t]\n  );\n\n  const fieldClass =\n    'w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]';\n  const labelClass = 'mb-1.5 block text-sm font-medium text-text-primary';\n\n  return (\n    <PageLayout\n      title={\n        isEdit\n          ? t('adaptercloud.adapters.editTitle', 'Edit Adapter')\n          : t('adaptercloud.adapters.newTitle', 'New Adapter')\n      }\n      description={t(\n        'adaptercloud.adapters.formSubtitle',\n        'Define how AdapterCloud connects to a class of system.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(isEdit && id ? `/adapters/${id}` : '/adapters')}\n          className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          {t('adaptercloud.common.cancel', 'Cancel')}\n        </button>\n      }\n    >\n      <DataState\n        isLoading={isEdit && existing.isLoading}\n        isError={isEdit && existing.isError}\n        isEmpty={isEdit && !existing.isLoading && !existing.data}\n        error={existing.error}\n        onRetry={() => void existing.refetch()}\n        emptyTitle={t('adaptercloud.adapters.notFound', 'Adapter not found')}\n      >\n        <form onSubmit={handleSubmit} className=\"max-w-2xl\">\n          <GlassCard className=\"space-y-5 p-6\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"ada-name\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.name', 'Name')} *\n                </label>\n                <input\n                  id=\"ada-name\"\n                  type=\"text\"\n                  value={form.name}\n                  onChange={(e) => onNameChange(e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"AWS Production\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"ada-slug\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.slug', 'Slug')} {isEdit ? '' : '*'}\n                </label>\n                <input\n                  id=\"ada-slug\"\n                  type=\"text\"\n                  value={form.slug}\n                  disabled={isEdit}\n                  onChange={(e) => {\n                    setSlugTouched(true);\n                    setField('slug', slugify(e.target.value));\n                  }}\n                  className={`${fieldClass} disabled:cursor-not-allowed disabled:opacity-60`}\n                  placeholder=\"aws-production\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"ada-kind\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.kind', 'Kind')}\n                </label>\n                <select\n                  id=\"ada-kind\"\n                  value={form.kind}\n                  onChange={(e) => setField('kind', e.target.value as AdaAdapterKind)}\n                  className={fieldClass}\n                >\n                  {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n                    <option key={k} value={k}>\n                      {adapterKindLabels[k]}\n                    </option>\n                  ))}\n                </select>\n              </div>\n              <div>\n                <label htmlFor=\"ada-status\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.status', 'Status')}\n                </label>\n                <select\n                  id=\"ada-status\"\n                  value={form.status}\n                  onChange={(e) => setField('status', e.target.value as AdaAdapterStatus)}\n                  className={fieldClass}\n                >\n                  {(Object.keys(adapterStatusLabels) as AdaAdapterStatus[]).map((s) => (\n                    <option key={s} value={s}>\n                      {adapterStatusLabels[s]}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"ada-vendor\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.vendor', 'Vendor')}\n                </label>\n                <input\n                  id=\"ada-vendor\"\n                  type=\"text\"\n                  value={form.vendor}\n                  onChange={(e) => setField('vendor', e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"Amazon Web Services\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"ada-version\" className={labelClass}>\n                  {t('adaptercloud.adapters.form.version', 'Version')}\n                </label>\n                <input\n                  id=\"ada-version\"\n                  type=\"text\"\n                  value={form.version}\n                  onChange={(e) => setField('version', e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"1.0.0\"\n                />\n              </div>\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-description\" className={labelClass}>\n                {t('adaptercloud.adapters.form.description', 'Description')}\n              </label>\n              <textarea\n                id=\"ada-description\"\n                value={form.description}\n                onChange={(e) => setField('description', e.target.value)}\n                rows={3}\n                className={fieldClass}\n                placeholder={t(\n                  'adaptercloud.adapters.form.descriptionPlaceholder',\n                  'What this adapter connects to and how.'\n                )}\n              />\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-capabilities\" className={labelClass}>\n                {t('adaptercloud.adapters.form.capabilities', 'Capabilities')}\n              </label>\n              <input\n                id=\"ada-capabilities\"\n                type=\"text\"\n                value={form.capabilities}\n                onChange={(e) => setField('capabilities', e.target.value)}\n                className={fieldClass}\n                placeholder=\"discovery, cost, reconcile\"\n              />\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                {t('adaptercloud.common.commaSeparated', 'Comma-separated.')}\n              </p>\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-tags\" className={labelClass}>\n                {t('adaptercloud.common.tags', 'Tags')}\n              </label>\n              <input\n                id=\"ada-tags\"\n                type=\"text\"\n                value={form.tags}\n                onChange={(e) => setField('tags', e.target.value)}\n                className={fieldClass}\n                placeholder=\"production, cloud\"\n              />\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                {t('adaptercloud.common.commaSeparated', 'Comma-separated.')}\n              </p>\n            </div>\n\n            {error && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {error}\n              </p>\n            )}\n\n            <div className=\"flex justify-end gap-3 pt-2\">\n              <button\n                type=\"submit\"\n                disabled={isPending}\n                className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-50\"\n              >\n                {isPending ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Save className=\"h-4 w-4\" />\n                )}\n                {isEdit\n                  ? t('adaptercloud.common.saveChanges', 'Save changes')\n                  : t('adaptercloud.adapters.create', 'Create adapter')}\n              </button>\n            </div>\n          </GlassCard>\n        </form>\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}