@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

package/dist/adaptercloud/pages/connections/ConnectionFormPage.js

@@ -0,0 +1,271 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { authMethodLabels as n } from "../../utils/domain.js";
+import { DataState as r } from "../../components/DataState.js";
+import { useAdapters as i, useConnection as a, useCreateConnection as o, useUpdateConnection 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/connections/ConnectionFormPage.tsx
+var y = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), b = {
+	adapterId: "",
+	name: "",
+	authMethod: "NONE",
+	environment: "",
+	region: "",
+	secretRef: "",
+	targetRef: "",
+	tags: ""
+};
+function x() {
+	let { id: x } = h(), S = !!x, { navigateTo: C } = e(), { t: w } = d(), T = c((e, t) => {
+		let n = w(e);
+		return n === e ? t : n;
+	}, [w]), E = i({
+		status: "PUBLISHED",
+		pagination: { limit: 100 }
+	}), D = a(S ? x : void 0), O = o(), k = s(), [A, j] = u(b), [M, N] = u(null);
+	l(() => {
+		let e = D.data;
+		S && e && j({
+			adapterId: e.adapterId,
+			name: e.name,
+			authMethod: e.authMethod,
+			environment: e.environment ?? "",
+			region: e.region ?? "",
+			secretRef: e.secretRef ?? "",
+			targetRef: e.targetRef ?? "",
+			tags: e.tags.join(", ")
+		});
+	}, [S, D.data]);
+	let P = c((e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, []), F = O.isPending || k.isPending, I = c((e) => {
+		if (e.preventDefault(), N(null), !A.name.trim()) {
+			N(T("adaptercloud.connections.form.nameRequired", "Name is required."));
+			return;
+		}
+		if (!S && !A.adapterId) {
+			N(T("adaptercloud.connections.form.adapterRequired", "Select an adapter."));
+			return;
+		}
+		let t = {
+			name: A.name.trim(),
+			authMethod: A.authMethod,
+			environment: A.environment.trim() || void 0,
+			region: A.region.trim() || void 0,
+			secretRef: A.secretRef.trim() || void 0,
+			targetRef: A.targetRef.trim() || void 0,
+			tags: y(A.tags)
+		}, n = (e) => N(e instanceof Error ? e.message : "Failed to save connection.");
+		S && x ? k.mutate({
+			id: x,
+			input: t
+		}, {
+			onSuccess: (e) => C(`/connections/${e.id}`),
+			onError: n
+		}) : O.mutate({
+			...t,
+			adapterId: A.adapterId
+		}, {
+			onSuccess: (e) => C(`/connections/${e.id}`),
+			onError: n
+		});
+	}, [
+		O,
+		k,
+		A,
+		x,
+		S,
+		C,
+		T
+	]), L = "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)]", R = "mb-1.5 block text-sm font-medium text-text-primary";
+	return /* @__PURE__ */ g(t, {
+		title: S ? T("adaptercloud.connections.editTitle", "Edit Connection") : T("adaptercloud.connections.newTitle", "New Connection"),
+		description: T("adaptercloud.connections.formSubtitle", "Point an adapter at a real, authenticated target."),
+		actions: /* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => C(S && x ? `/connections/${x}` : "/connections"),
+			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" }), T("adaptercloud.common.cancel", "Cancel")]
+		}),
+		children: /* @__PURE__ */ g(r, {
+			isLoading: S && D.isLoading,
+			isError: S && D.isError,
+			isEmpty: S && !D.isLoading && !D.data,
+			error: D.error,
+			onRetry: () => void D.refetch(),
+			emptyTitle: T("adaptercloud.connections.notFound", "Connection not found"),
+			children: /* @__PURE__ */ g("form", {
+				onSubmit: I,
+				className: "max-w-2xl",
+				children: /* @__PURE__ */ _(v, {
+					className: "space-y-5 p-6",
+					children: [
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ _("label", {
+								htmlFor: "ada-conn-adapter",
+								className: R,
+								children: [
+									T("adaptercloud.connections.form.adapter", "Adapter"),
+									" ",
+									S ? "" : "*"
+								]
+							}),
+							/* @__PURE__ */ _("select", {
+								id: "ada-conn-adapter",
+								value: A.adapterId,
+								disabled: S,
+								onChange: (e) => P("adapterId", e.target.value),
+								className: `${L} disabled:cursor-not-allowed disabled:opacity-60`,
+								children: [/* @__PURE__ */ g("option", {
+									value: "",
+									children: E.isLoading ? T("adaptercloud.common.loading", "Loading…") : T("adaptercloud.connections.form.selectAdapter", "Select an adapter")
+								}), (E.data?.items ?? []).map((e) => /* @__PURE__ */ _("option", {
+									value: e.id,
+									children: [
+										e.name,
+										" (",
+										e.slug,
+										")"
+									]
+								}, e.id))]
+							}),
+							!S && E.data && E.data.items.length === 0 && /* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-status-warning-text",
+								children: T("adaptercloud.connections.form.noPublishedAdapters", "No published adapters. Publish an adapter first.")
+							})
+						] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("label", {
+							htmlFor: "ada-conn-name",
+							className: R,
+							children: [T("adaptercloud.connections.form.name", "Name"), " *"]
+						}), /* @__PURE__ */ g("input", {
+							id: "ada-conn-name",
+							type: "text",
+							value: A.name,
+							onChange: (e) => P("name", e.target.value),
+							className: L,
+							placeholder: "prod-account-us-east-1"
+						})] }),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-auth",
+								className: R,
+								children: T("adaptercloud.connections.form.authMethod", "Auth Method")
+							}), /* @__PURE__ */ g("select", {
+								id: "ada-conn-auth",
+								value: A.authMethod,
+								onChange: (e) => P("authMethod", e.target.value),
+								className: L,
+								children: Object.keys(n).map((e) => /* @__PURE__ */ g("option", {
+									value: e,
+									children: n[e]
+								}, e))
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-region",
+								className: R,
+								children: T("adaptercloud.connections.form.region", "Region")
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-conn-region",
+								type: "text",
+								value: A.region,
+								onChange: (e) => P("region", e.target.value),
+								className: L,
+								placeholder: "us-east-1"
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-env",
+								className: R,
+								children: T("adaptercloud.connections.form.environment", "Environment")
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-conn-env",
+								type: "text",
+								value: A.environment,
+								onChange: (e) => P("environment", e.target.value),
+								className: L,
+								placeholder: "production"
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-target",
+								className: R,
+								children: T("adaptercloud.connections.form.targetRef", "Target Reference")
+							}), /* @__PURE__ */ g("input", {
+								id: "ada-conn-target",
+								type: "text",
+								value: A.targetRef,
+								onChange: (e) => P("targetRef", e.target.value),
+								className: L,
+								placeholder: "arn:aws:... or cluster URL"
+							})] })]
+						}),
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-secret",
+								className: R,
+								children: T("adaptercloud.connections.form.secretRef", "Secret Reference")
+							}),
+							/* @__PURE__ */ g("input", {
+								id: "ada-conn-secret",
+								type: "text",
+								value: A.secretRef,
+								onChange: (e) => P("secretRef", e.target.value),
+								className: L,
+								placeholder: "kv://adaptercloud/aws-prod"
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: T("adaptercloud.connections.form.secretHint", "A reference to the credential in the platform secret store — never the secret itself.")
+							})
+						] }),
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("label", {
+								htmlFor: "ada-conn-tags",
+								className: R,
+								children: T("adaptercloud.common.tags", "Tags")
+							}),
+							/* @__PURE__ */ g("input", {
+								id: "ada-conn-tags",
+								type: "text",
+								value: A.tags,
+								onChange: (e) => P("tags", e.target.value),
+								className: L,
+								placeholder: "production, finops"
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: T("adaptercloud.common.commaSeparated", "Comma-separated.")
+							})
+						] }),
+						M && /* @__PURE__ */ g("p", {
+							className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: M
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "flex justify-end gap-3 pt-2",
+							children: /* @__PURE__ */ _("button", {
+								type: "submit",
+								disabled: F,
+								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: [F ? /* @__PURE__ */ g(p, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ g(m, { className: "h-4 w-4" }), S ? T("adaptercloud.common.saveChanges", "Save changes") : T("adaptercloud.connections.create", "Create connection")]
+							})
+						})
+					]
+				})
+			})
+		})
+	});
+}
+//#endregion
+export { x as ConnectionFormPage };
+
+//# sourceMappingURL=ConnectionFormPage.js.map

package/dist/adaptercloud/pages/connections/ConnectionFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionFormPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionFormPage.tsx"],"sourcesContent":["/**\n * Connection Create / Edit Form Page\n * @module adaptercloud/pages/connections\n *\n * Creates a connection (`adaCreateConnection`) against a chosen adapter, or\n * edits an existing one (`adaUpdateConnection`). Edit mode pre-fills from\n * `adaConnection`; the adapter cannot be changed after creation.\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  useAdapters,\n  useConnection,\n  useCreateConnection,\n  useUpdateConnection,\n} from '../../hooks/useAdapterCloudApi';\nimport { authMethodLabels } from '../../utils/domain';\nimport type { AdaAuthMethod } from '../../types';\n\nconst parseList = (value: string): string[] =>\n  value\n    .split(',')\n    .map((s) => s.trim())\n    .filter(Boolean);\n\ninterface FormState {\n  adapterId: string;\n  name: string;\n  authMethod: AdaAuthMethod;\n  environment: string;\n  region: string;\n  secretRef: string;\n  targetRef: string;\n  tags: string;\n}\n\nconst EMPTY: FormState = {\n  adapterId: '',\n  name: '',\n  authMethod: 'NONE',\n  environment: '',\n  region: '',\n  secretRef: '',\n  targetRef: '',\n  tags: '',\n};\n\nexport function ConnectionFormPage() {\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 adapters = useAdapters({ status: 'PUBLISHED', pagination: { limit: 100 } });\n  const existing = useConnection(isEdit ? id : undefined);\n  const create = useCreateConnection();\n  const update = useUpdateConnection();\n\n  const [form, setForm] = useState<FormState>(EMPTY);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const c = existing.data;\n    if (isEdit && c) {\n      setForm({\n        adapterId: c.adapterId,\n        name: c.name,\n        authMethod: c.authMethod,\n        environment: c.environment ?? '',\n        region: c.region ?? '',\n        secretRef: c.secretRef ?? '',\n        targetRef: c.targetRef ?? '',\n        tags: c.tags.join(', '),\n      });\n    }\n  }, [isEdit, existing.data]);\n\n  const setField = useCallback(<K extends keyof FormState>(key: K, value: FormState[K]) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\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.connections.form.nameRequired', 'Name is required.'));\n        return;\n      }\n      if (!isEdit && !form.adapterId) {\n        setError(t('adaptercloud.connections.form.adapterRequired', 'Select an adapter.'));\n        return;\n      }\n\n      const common = {\n        name: form.name.trim(),\n        authMethod: form.authMethod,\n        environment: form.environment.trim() || undefined,\n        region: form.region.trim() || undefined,\n        secretRef: form.secretRef.trim() || undefined,\n        targetRef: form.targetRef.trim() || undefined,\n        tags: parseList(form.tags),\n      };\n\n      const onErr = (err: unknown) =>\n        setError(err instanceof Error ? err.message : 'Failed to save connection.');\n\n      if (isEdit && id) {\n        update.mutate(\n          { id, input: common },\n          { onSuccess: (c) => navigateTo(`/connections/${c.id}`), onError: onErr }\n        );\n      } else {\n        create.mutate(\n          { ...common, adapterId: form.adapterId },\n          { onSuccess: (c) => navigateTo(`/connections/${c.id}`), onError: onErr }\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.connections.editTitle', 'Edit Connection')\n          : t('adaptercloud.connections.newTitle', 'New Connection')\n      }\n      description={t(\n        'adaptercloud.connections.formSubtitle',\n        'Point an adapter at a real, authenticated target.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo(isEdit && id ? `/connections/${id}` : '/connections')}\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.connections.notFound', 'Connection not found')}\n      >\n        <form onSubmit={handleSubmit} className=\"max-w-2xl\">\n          <GlassCard className=\"space-y-5 p-6\">\n            <div>\n              <label htmlFor=\"ada-conn-adapter\" className={labelClass}>\n                {t('adaptercloud.connections.form.adapter', 'Adapter')} {isEdit ? '' : '*'}\n              </label>\n              <select\n                id=\"ada-conn-adapter\"\n                value={form.adapterId}\n                disabled={isEdit}\n                onChange={(e) => setField('adapterId', e.target.value)}\n                className={`${fieldClass} disabled:cursor-not-allowed disabled:opacity-60`}\n              >\n                <option value=\"\">\n                  {adapters.isLoading\n                    ? t('adaptercloud.common.loading', 'Loading…')\n                    : t('adaptercloud.connections.form.selectAdapter', 'Select an adapter')}\n                </option>\n                {(adapters.data?.items ?? []).map((a) => (\n                  <option key={a.id} value={a.id}>\n                    {a.name} ({a.slug})\n                  </option>\n                ))}\n              </select>\n              {!isEdit && adapters.data && adapters.data.items.length === 0 && (\n                <p className=\"mt-1 text-xs text-status-warning-text\">\n                  {t(\n                    'adaptercloud.connections.form.noPublishedAdapters',\n                    'No published adapters. Publish an adapter first.'\n                  )}\n                </p>\n              )}\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-conn-name\" className={labelClass}>\n                {t('adaptercloud.connections.form.name', 'Name')} *\n              </label>\n              <input\n                id=\"ada-conn-name\"\n                type=\"text\"\n                value={form.name}\n                onChange={(e) => setField('name', e.target.value)}\n                className={fieldClass}\n                placeholder=\"prod-account-us-east-1\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <div>\n                <label htmlFor=\"ada-conn-auth\" className={labelClass}>\n                  {t('adaptercloud.connections.form.authMethod', 'Auth Method')}\n                </label>\n                <select\n                  id=\"ada-conn-auth\"\n                  value={form.authMethod}\n                  onChange={(e) => setField('authMethod', e.target.value as AdaAuthMethod)}\n                  className={fieldClass}\n                >\n                  {(Object.keys(authMethodLabels) as AdaAuthMethod[]).map((m) => (\n                    <option key={m} value={m}>\n                      {authMethodLabels[m]}\n                    </option>\n                  ))}\n                </select>\n              </div>\n              <div>\n                <label htmlFor=\"ada-conn-region\" className={labelClass}>\n                  {t('adaptercloud.connections.form.region', 'Region')}\n                </label>\n                <input\n                  id=\"ada-conn-region\"\n                  type=\"text\"\n                  value={form.region}\n                  onChange={(e) => setField('region', e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"us-east-1\"\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-conn-env\" className={labelClass}>\n                  {t('adaptercloud.connections.form.environment', 'Environment')}\n                </label>\n                <input\n                  id=\"ada-conn-env\"\n                  type=\"text\"\n                  value={form.environment}\n                  onChange={(e) => setField('environment', e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"production\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"ada-conn-target\" className={labelClass}>\n                  {t('adaptercloud.connections.form.targetRef', 'Target Reference')}\n                </label>\n                <input\n                  id=\"ada-conn-target\"\n                  type=\"text\"\n                  value={form.targetRef}\n                  onChange={(e) => setField('targetRef', e.target.value)}\n                  className={fieldClass}\n                  placeholder=\"arn:aws:... or cluster URL\"\n                />\n              </div>\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-conn-secret\" className={labelClass}>\n                {t('adaptercloud.connections.form.secretRef', 'Secret Reference')}\n              </label>\n              <input\n                id=\"ada-conn-secret\"\n                type=\"text\"\n                value={form.secretRef}\n                onChange={(e) => setField('secretRef', e.target.value)}\n                className={fieldClass}\n                placeholder=\"kv://adaptercloud/aws-prod\"\n              />\n              <p className=\"mt-1 text-xs text-text-secondary\">\n                {t(\n                  'adaptercloud.connections.form.secretHint',\n                  'A reference to the credential in the platform secret store — never the secret itself.'\n                )}\n              </p>\n            </div>\n\n            <div>\n              <label htmlFor=\"ada-conn-tags\" className={labelClass}>\n                {t('adaptercloud.common.tags', 'Tags')}\n              </label>\n              <input\n                id=\"ada-conn-tags\"\n                type=\"text\"\n                value={form.tags}\n                onChange={(e) => setField('tags', e.target.value)}\n                className={fieldClass}\n                placeholder=\"production, finops\"\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.connections.create', 'Create connection')}\n              </button>\n            </div>\n          </GlassCard>\n        </form>\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAM,KAAa,MACjB,EACG,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ,EAad,IAAmB;CACvB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,aAAa;CACb,QAAQ;CACR,WAAW;CACX,WAAW;CACX,MAAM;CACP;AAED,SAAgB,IAAqB;CACnC,IAAM,EAAE,UAAO,GAA2B,EACpC,IAAS,EAAQ,GACjB,EAAE,kBAAe,GAAiB,EAClC,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAEK,IAAW,EAAY;EAAE,QAAQ;EAAa,YAAY,EAAE,OAAO,KAAK;EAAE,CAAC,EAC3E,IAAW,EAAc,IAAS,IAAK,KAAA,EAAU,EACjD,IAAS,GAAqB,EAC9B,IAAS,GAAqB,EAE9B,CAAC,GAAM,KAAW,EAAoB,EAAM,EAC5C,CAAC,GAAO,KAAY,EAAwB,KAAK;AAEvD,SAAgB;EACd,IAAM,IAAI,EAAS;AACnB,EAAI,KAAU,KACZ,EAAQ;GACN,WAAW,EAAE;GACb,MAAM,EAAE;GACR,YAAY,EAAE;GACd,aAAa,EAAE,eAAe;GAC9B,QAAQ,EAAE,UAAU;GACpB,WAAW,EAAE,aAAa;GAC1B,WAAW,EAAE,aAAa;GAC1B,MAAM,EAAE,KAAK,KAAK,KAAK;GACxB,CAAC;IAEH,CAAC,GAAQ,EAAS,KAAK,CAAC;CAE3B,IAAM,IAAW,GAAwC,GAAQ,MAAwB;AACvF,KAAS,OAAU;GAAE,GAAG;IAAO,IAAM;GAAO,EAAE;IAC7C,EAAE,CAAC,EAEA,IAAY,EAAO,aAAa,EAAO,WAEvC,IAAe,GAClB,MAAuB;AAItB,MAHA,EAAE,gBAAgB,EAClB,EAAS,KAAK,EAEV,CAAC,EAAK,KAAK,MAAM,EAAE;AACrB,KAAS,EAAE,8CAA8C,oBAAoB,CAAC;AAC9E;;AAEF,MAAI,CAAC,KAAU,CAAC,EAAK,WAAW;AAC9B,KAAS,EAAE,iDAAiD,qBAAqB,CAAC;AAClF;;EAGF,IAAM,IAAS;GACb,MAAM,EAAK,KAAK,MAAM;GACtB,YAAY,EAAK;GACjB,aAAa,EAAK,YAAY,MAAM,IAAI,KAAA;GACxC,QAAQ,EAAK,OAAO,MAAM,IAAI,KAAA;GAC9B,WAAW,EAAK,UAAU,MAAM,IAAI,KAAA;GACpC,WAAW,EAAK,UAAU,MAAM,IAAI,KAAA;GACpC,MAAM,EAAU,EAAK,KAAK;GAC3B,EAEK,KAAS,MACb,EAAS,aAAe,QAAQ,EAAI,UAAU,6BAA6B;AAE7E,EAAI,KAAU,IACZ,EAAO,OACL;GAAE;GAAI,OAAO;GAAQ,EACrB;GAAE,YAAY,MAAM,EAAW,gBAAgB,EAAE,KAAK;GAAE,SAAS;GAAO,CACzE,GAED,EAAO,OACL;GAAE,GAAG;GAAQ,WAAW,EAAK;GAAW,EACxC;GAAE,YAAY,MAAM,EAAW,gBAAgB,EAAE,KAAK;GAAE,SAAS;GAAO,CACzE;IAGL;EAAC;EAAQ;EAAQ;EAAM;EAAI;EAAQ;EAAY;EAAE,CAClD,EAEK,IACJ,wMACI,IAAa;AAEnB,QACE,kBAAC,GAAD;EACE,OACE,IACI,EAAE,sCAAsC,kBAAkB,GAC1D,EAAE,qCAAqC,iBAAiB;EAE9D,aAAa,EACX,yCACA,oDACD;EACD,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,KAAU,IAAK,gBAAgB,MAAO,eAAe;GAC/E,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAE,8BAA8B,SAAS,CACnC;;YAGX,kBAAC,GAAD;GACE,WAAW,KAAU,EAAS;GAC9B,SAAS,KAAU,EAAS;GAC5B,SAAS,KAAU,CAAC,EAAS,aAAa,CAAC,EAAS;GACpD,OAAO,EAAS;GAChB,eAAe,KAAK,EAAS,SAAS;GACtC,YAAY,EAAE,qCAAqC,uBAAuB;aAE1E,kBAAC,QAAD;IAAM,UAAU;IAAc,WAAU;cACtC,kBAAC,GAAD;KAAW,WAAU;eAArB;MACE,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QAAO,SAAQ;QAAmB,WAAW;kBAA7C;SACG,EAAE,yCAAyC,UAAU;SAAC;SAAE,IAAS,KAAK;SACjE;;OACR,kBAAC,UAAD;QACE,IAAG;QACH,OAAO,EAAK;QACZ,UAAU;QACV,WAAW,MAAM,EAAS,aAAa,EAAE,OAAO,MAAM;QACtD,WAAW,GAAG,EAAW;kBAL3B,CAOE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAS,YACN,EAAE,+BAA+B,WAAW,GAC5C,EAAE,+CAA+C,oBAAoB;SAClE,CAAA,GACP,EAAS,MAAM,SAAS,EAAE,EAAE,KAAK,MACjC,kBAAC,UAAD;SAAmB,OAAO,EAAE;mBAA5B;UACG,EAAE;UAAK;UAAG,EAAE;UAAK;UACX;WAFI,EAAE,GAEN,CACT,CACK;;OACR,CAAC,KAAU,EAAS,QAAQ,EAAS,KAAK,MAAM,WAAW,KAC1D,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,qDACA,mDACD;QACC,CAAA;OAEF,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAgB,WAAW;iBAA1C,CACG,EAAE,sCAAsC,OAAO,EAAC,KAC3C;UACR,kBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;OACjD,WAAW;OACX,aAAY;OACZ,CAAA,CACE,EAAA,CAAA;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,SAAQ;QAAgB,WAAW;kBACvC,EAAE,4CAA4C,cAAc;QACvD,CAAA,EACR,kBAAC,UAAD;QACE,IAAG;QACH,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,cAAc,EAAE,OAAO,MAAuB;QACxE,WAAW;kBAET,OAAO,KAAK,EAAiB,CAAqB,KAAK,MACvD,kBAAC,UAAD;SAAgB,OAAO;mBACpB,EAAiB;SACX,EAFI,EAEJ,CACT;QACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,SAAQ;QAAkB,WAAW;kBACzC,EAAE,wCAAwC,SAAS;QAC9C,CAAA,EACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,UAAU,EAAE,OAAO,MAAM;QACnD,WAAW;QACX,aAAY;QACZ,CAAA,CACE,EAAA,CAAA,CACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,SAAQ;QAAe,WAAW;kBACtC,EAAE,6CAA6C,cAAc;QACxD,CAAA,EACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,eAAe,EAAE,OAAO,MAAM;QACxD,WAAW;QACX,aAAY;QACZ,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,SAAQ;QAAkB,WAAW;kBACzC,EAAE,2CAA2C,mBAAmB;QAC3D,CAAA,EACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,aAAa,EAAE,OAAO,MAAM;QACtD,WAAW;QACX,aAAY;QACZ,CAAA,CACE,EAAA,CAAA,CACF;;MAEN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QAAO,SAAQ;QAAkB,WAAW;kBACzC,EAAE,2CAA2C,mBAAmB;QAC3D,CAAA;OACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,aAAa,EAAE,OAAO,MAAM;QACtD,WAAW;QACX,aAAY;QACZ,CAAA;OACF,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,4CACA,wFACD;QACC,CAAA;OACA,EAAA,CAAA;MAEN,kBAAC,OAAD,EAAA,UAAA;OACE,kBAAC,SAAD;QAAO,SAAQ;QAAgB,WAAW;kBACvC,EAAE,4BAA4B,OAAO;QAChC,CAAA;OACR,kBAAC,SAAD;QACE,IAAG;QACH,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;QACjD,WAAW;QACX,aAAY;QACZ,CAAA;OACF,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,sCAAsC,mBAAmB;QAC1D,CAAA;OACA,EAAA,CAAA;MAEL,KACC,kBAAC,KAAD;OAAG,WAAU;iBACV;OACC,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,MAAK;QACL,UAAU;QACV,WAAU;kBAHZ,CAKG,IACC,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAE7B,IACG,EAAE,mCAAmC,eAAe,GACpD,EAAE,mCAAmC,oBAAoB,CACtD;;OACL,CAAA;MACI;;IACP,CAAA;GACG,CAAA;EACD,CAAA"}

package/dist/adaptercloud/pages/connections/ConnectionsListPage.js

@@ -0,0 +1,167 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { authMethodLabels as n, connectionStatusLabels as r } from "../../utils/domain.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { DataState as a } from "../../components/DataState.js";
+import { useConnections as o } from "../../hooks/useAdapterCloudApi.js";
+import { formatRelativeTime as s } from "../../utils/formatters.js";
+import { useCallback as c, useState as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Cable as d, ChevronLeft as f, ChevronRight as p, MapPin as m, Plus as h, Server as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/connections/ConnectionsListPage.tsx
+var b = 20;
+function x() {
+	let { navigateTo: x } = e(), { t: S } = u(), C = c((e, t) => {
+		let n = S(e);
+		return n === e ? t : n;
+	}, [S]), [w, T] = l(""), [E, D] = l(0), O = o({
+		status: w || void 0,
+		pagination: {
+			limit: b,
+			offset: E
+		}
+	}), k = O.data?.items ?? [], A = O.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ v(t, {
+		title: C("adaptercloud.connections.title", "Connections"),
+		description: C("adaptercloud.connections.subtitle", "Configured, authenticated targets — each connection is where the fabric actually reaches."),
+		actions: /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => x("/connections/new"),
+			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+			children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), C("adaptercloud.connections.new", "New connection")]
+		}),
+		children: [/* @__PURE__ */ _("div", {
+			className: "mb-6 flex flex-wrap gap-3",
+			children: /* @__PURE__ */ v("select", {
+				value: w,
+				onChange: (e) => {
+					T(e.target.value), D(0);
+				},
+				className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+				children: [/* @__PURE__ */ _("option", {
+					value: "",
+					children: C("adaptercloud.connections.allStatuses", "All statuses")
+				}), Object.keys(r).map((e) => /* @__PURE__ */ _("option", {
+					value: e,
+					children: r[e]
+				}, e))]
+			})
+		}), /* @__PURE__ */ v(a, {
+			isLoading: O.isLoading,
+			isError: O.isError,
+			isEmpty: k.length === 0,
+			error: O.error,
+			onRetry: () => void O.refetch(),
+			emptyTitle: C("adaptercloud.connections.emptyTitle", "No connections yet"),
+			emptyDescription: C("adaptercloud.connections.emptyDescription", "Create a connection to a real target to start discovering resources."),
+			emptyIcon: /* @__PURE__ */ _(d, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ _("button", {
+				type: "button",
+				onClick: () => x("/connections/new"),
+				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+				children: C("adaptercloud.connections.new", "New connection")
+			}),
+			children: [/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: k.map((e) => /* @__PURE__ */ v(y, {
+					role: "button",
+					tabIndex: 0,
+					onClick: () => x(`/connections/${e.id}`),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(`/connections/${e.id}`));
+					},
+					className: "cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ v("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "truncate text-base font-semibold text-text-primary",
+									children: e.name
+								}), e.adapter && /* @__PURE__ */ _("p", {
+									className: "mt-0.5 truncate text-xs text-text-secondary",
+									children: e.adapter.name
+								})]
+							}), /* @__PURE__ */ _(i, { status: e.status })]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "mt-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+							children: [
+								/* @__PURE__ */ _("span", {
+									className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5",
+									children: n[e.authMethod]
+								}),
+								e.region && /* @__PURE__ */ v("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ _(m, { className: "h-3 w-3" }),
+										" ",
+										e.region
+									]
+								}),
+								e.environment && /* @__PURE__ */ v("span", { children: ["· ", e.environment] })
+							]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "mt-4 flex items-center gap-2 text-sm text-text-primary",
+							children: [
+								/* @__PURE__ */ _(g, { className: "h-4 w-4 text-text-secondary" }),
+								/* @__PURE__ */ _("span", {
+									className: "font-semibold tabular-nums",
+									children: e.resourceCount
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "text-text-secondary",
+									children: C("adaptercloud.connections.resources", "resources")
+								})
+							]
+						}),
+						e.lastError && /* @__PURE__ */ _("p", {
+							className: "mt-3 line-clamp-2 rounded-lg bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text",
+							children: e.lastError
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "mt-4 text-xs text-text-secondary",
+							children: e.lastSyncedAt ? `${C("adaptercloud.connections.lastSynced", "Last synced")} ${s(e.lastSyncedAt)}` : C("adaptercloud.connections.neverSynced", "Never synced")
+						})
+					]
+				}, e.id))
+			}), (E > 0 || A) && /* @__PURE__ */ v("div", {
+				className: "mt-6 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						disabled: E === 0,
+						onClick: () => D((e) => Math.max(0, e - b)),
+						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+						children: [/* @__PURE__ */ _(f, { className: "h-4 w-4" }), C("adaptercloud.common.prev", "Previous")]
+					}),
+					/* @__PURE__ */ v("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							C("adaptercloud.common.showing", "Showing"),
+							" ",
+							E + 1,
+							"–",
+							E + k.length
+						]
+					}),
+					/* @__PURE__ */ v("button", {
+						type: "button",
+						disabled: !A,
+						onClick: () => D((e) => e + b),
+						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+						children: [C("adaptercloud.common.next", "Next"), /* @__PURE__ */ _(p, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { x as ConnectionsListPage };
+
+//# sourceMappingURL=ConnectionsListPage.js.map

package/dist/adaptercloud/pages/connections/ConnectionsListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n * @module adaptercloud/pages/connections\n *\n * Every configured, authenticated target in the workspace. Lists from\n * `adaListConnections` with a status filter and offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Cable, Plus, ChevronLeft, ChevronRight, MapPin, Server } 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 { useConnections } from '../../hooks/useAdapterCloudApi';\nimport { authMethodLabels, connectionStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaConnectionStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function ConnectionsListPage() {\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 [status, setStatus] = useState<AdaConnectionStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useConnections({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.connections.title', 'Connections')}\n      description={t(\n        'adaptercloud.connections.subtitle',\n        'Configured, authenticated targets — each connection is where the fabric actually reaches.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/connections/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.connections.new', 'New connection')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={status}\n          onChange={(e) => {\n            setStatus(e.target.value as AdaConnectionStatus | '');\n            setOffset(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.connections.allStatuses', 'All statuses')}</option>\n          {(Object.keys(connectionStatusLabels) as AdaConnectionStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {connectionStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.emptyTitle', 'No connections yet')}\n        emptyDescription={t(\n          'adaptercloud.connections.emptyDescription',\n          'Create a connection to a real target to start discovering resources.'\n        )}\n        emptyIcon={<Cable className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/connections/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.connections.new', 'New connection')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((conn) => (\n            <GlassCard\n              key={conn.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/connections/${conn.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/connections/${conn.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {conn.name}\n                  </h3>\n                  {conn.adapter && (\n                    <p className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                      {conn.adapter.name}\n                    </p>\n                  )}\n                </div>\n                <StatusBadge status={conn.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {authMethodLabels[conn.authMethod]}\n                </span>\n                {conn.region && (\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" /> {conn.region}\n                  </span>\n                )}\n                {conn.environment && <span>· {conn.environment}</span>}\n              </div>\n\n              <div className=\"mt-4 flex items-center gap-2 text-sm text-text-primary\">\n                <Server className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"font-semibold tabular-nums\">{conn.resourceCount}</span>\n                <span className=\"text-text-secondary\">\n                  {t('adaptercloud.connections.resources', 'resources')}\n                </span>\n              </div>\n\n              {conn.lastError && (\n                <p className=\"mt-3 line-clamp-2 rounded-lg bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {conn.lastSyncedAt\n                  ? `${t('adaptercloud.connections.lastSynced', 'Last synced')} ${formatRelativeTime(conn.lastSyncedAt)}`\n                  : t('adaptercloud.connections.neverSynced', 'Never synced')}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {(offset > 0 || hasMore) && (\n          <div className=\"mt-6 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              disabled={offset === 0}\n              onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              {t('adaptercloud.common.prev', 'Previous')}\n            </button>\n            <span className=\"text-sm text-text-secondary\">\n              {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n            </span>\n            <button\n              type=\"button\"\n              disabled={!hasMore}\n              onClick={() => setOffset((o) => o + PAGE_SIZE)}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {t('adaptercloud.common.next', 'Next')}\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}