@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.2

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

@@ -40,6 +40,7 @@ function y() {
 			children: [/* @__PURE__ */ g("select", {
 				value: S,
 				onChange: (e) => j(C)(e.target.value),
+				"aria-label": x("adaptercloud.adapters.filterByKind", "Filter by kind"),
 				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__ */ h("option", {
 					value: "",
@@ -51,6 +52,7 @@ function y() {
 			}), /* @__PURE__ */ g("select", {
 				value: w,
 				onChange: (e) => j(T)(e.target.value),
+				"aria-label": x("adaptercloud.adapters.filterByStatus", "Filter by status"),
 				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__ */ h("option", {
 					value: "",

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptersListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdaptersListPage.tsx"],"sourcesContent":["/**\n * Adapters List Page\n * @module adaptercloud/pages/adapters\n *\n * The adapter catalog — every reusable connector definition in the workspace.\n * Lists from `adaListAdapters` with kind/status filters and offset pagination\n * (driven by `AdaPageInfo.hasMore`).\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Boxes, Plus, ChevronLeft, ChevronRight } 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 { useAdapters } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function AdaptersListPage() {\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 [kind, setKind] = useState<AdaAdapterKind | ''>('');\n  const [status, setStatus] = useState<AdaAdapterStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useAdapters({\n    kind: kind || undefined,\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  const resetTo = useCallback(<T,>(setter: (v: T) => void) => {\n    return (v: T) => {\n      setter(v);\n      setOffset(0);\n    };\n  }, []);\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.adapters.title', 'Adapters')}\n      description={t(\n        'adaptercloud.adapters.subtitle',\n        'The catalog of connectors that bridge each class of system into the fabric.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/adapters/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.adapters.new', 'New adapter')}\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => resetTo(setKind)(e.target.value as AdaAdapterKind | '')}\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.adapters.allKinds', 'All kinds')}</option>\n          {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n            <option key={k} value={k}>\n              {adapterKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => resetTo(setStatus)(e.target.value as AdaAdapterStatus | '')}\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.adapters.allStatuses', 'All statuses')}</option>\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\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.adapters.emptyTitle', 'No adapters yet')}\n        emptyDescription={t(\n          'adaptercloud.adapters.emptyDescription',\n          'Define your first adapter to start bridging a class of system into the fabric.'\n        )}\n        emptyIcon={<Boxes className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters/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.adapters.new', 'New adapter')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((adapter) => (\n            <GlassCard\n              key={adapter.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/adapters/${adapter.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/adapters/${adapter.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                    {adapter.name}\n                  </h3>\n                  <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{adapter.slug}</p>\n                </div>\n                <StatusBadge status={adapter.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span>v{adapter.version}</span>\n                {adapter.vendor && <span>· {adapter.vendor}</span>}\n              </div>\n\n              {adapter.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">\n                  {adapter.description}\n                </p>\n              )}\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {adapter.capabilities.slice(0, 4).map((cap) => (\n                    <span\n                      key={cap}\n                      className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue\"\n                    >\n                      {cap}\n                    </span>\n                  ))}\n                  {adapter.capabilities.length > 4 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      +{adapter.capabilities.length - 4}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')}{' '}\n                {formatRelativeTime(adapter.updatedAt)}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {/* Pagination */}\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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"}
+{"version":3,"file":"AdaptersListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdaptersListPage.tsx"],"sourcesContent":["/**\n * Adapters List Page\n * @module adaptercloud/pages/adapters\n *\n * The adapter catalog — every reusable connector definition in the workspace.\n * Lists from `adaListAdapters` with kind/status filters and offset pagination\n * (driven by `AdaPageInfo.hasMore`).\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Boxes, Plus, ChevronLeft, ChevronRight } 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 { useAdapters } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function AdaptersListPage() {\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 [kind, setKind] = useState<AdaAdapterKind | ''>('');\n  const [status, setStatus] = useState<AdaAdapterStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useAdapters({\n    kind: kind || undefined,\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  const resetTo = useCallback(<T,>(setter: (v: T) => void) => {\n    return (v: T) => {\n      setter(v);\n      setOffset(0);\n    };\n  }, []);\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.adapters.title', 'Adapters')}\n      description={t(\n        'adaptercloud.adapters.subtitle',\n        'The catalog of connectors that bridge each class of system into the fabric.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/adapters/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.adapters.new', 'New adapter')}\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => resetTo(setKind)(e.target.value as AdaAdapterKind | '')}\n          aria-label={t('adaptercloud.adapters.filterByKind', 'Filter by kind')}\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.adapters.allKinds', 'All kinds')}</option>\n          {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n            <option key={k} value={k}>\n              {adapterKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => resetTo(setStatus)(e.target.value as AdaAdapterStatus | '')}\n          aria-label={t('adaptercloud.adapters.filterByStatus', 'Filter by status')}\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.adapters.allStatuses', 'All statuses')}</option>\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\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.adapters.emptyTitle', 'No adapters yet')}\n        emptyDescription={t(\n          'adaptercloud.adapters.emptyDescription',\n          'Define your first adapter to start bridging a class of system into the fabric.'\n        )}\n        emptyIcon={<Boxes className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters/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.adapters.new', 'New adapter')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((adapter) => (\n            <GlassCard\n              key={adapter.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/adapters/${adapter.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/adapters/${adapter.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                    {adapter.name}\n                  </h3>\n                  <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{adapter.slug}</p>\n                </div>\n                <StatusBadge status={adapter.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span>v{adapter.version}</span>\n                {adapter.vendor && <span>· {adapter.vendor}</span>}\n              </div>\n\n              {adapter.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">\n                  {adapter.description}\n                </p>\n              )}\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {adapter.capabilities.slice(0, 4).map((cap) => (\n                    <span\n                      key={cap}\n                      className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue\"\n                    >\n                      {cap}\n                    </span>\n                  ))}\n                  {adapter.capabilities.length > 4 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      +{adapter.capabilities.length - 4}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')}{' '}\n                {formatRelativeTime(adapter.updatedAt)}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {/* Pagination */}\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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"}

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

@@ -5,243 +5,260 @@ import { StatusBadge as s } from "../../components/StatusBadge.js";
 import { DataState as c } from "../../components/DataState.js";
 import { useConnection as l, useDisableConnection as u, useSetConnectionStatus as d, useStartSyncRun as f } from "../../hooks/useAdapterCloudApi.js";
 import { formatDate as p } from "../../utils/formatters.js";
-import { useCallback as m, useState as h } from "react";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as _, Ban as v, Pencil as y, Play as b, RefreshCw as x, Server as S } from "lucide-react";
-import { useParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { GlassCard as E } from "@burdenoff/fe-libs/ui";
+import { ConfirmDialog as m } from "../../components/ConfirmDialog.js";
+import { useCallback as h, useState as g } from "react";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as v, Ban as y, Pencil as b, Play as x, RefreshCw as S, Server as C } from "lucide-react";
+import { useParams as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { GlassCard as D } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/connections/ConnectionDetailPage.tsx
-var D = [
+var O = [
 	"CONNECTED",
 	"DEGRADED",
 	"ERROR",
 	"PENDING"
-], O = [
+], k = [
 	"DISCOVERY",
 	"RECONCILE",
 	"COST_INGEST",
 	"FULL"
 ];
-function k() {
-	let { id: k } = C(), { navigateTo: A } = e(), { t: j } = g(), M = m((e, t) => {
-		let n = j(e);
+function A() {
+	let { id: A } = w(), { navigateTo: j } = e(), { t: M } = _(), N = h((e, t) => {
+		let n = M(e);
 		return n === e ? t : n;
-	}, [j]), N = l(k), P = d(), F = u(), I = f(), L = N.data, [R, z] = h("DISCOVERY"), [B, V] = h(null), H = m((e) => V(e instanceof Error ? e.message : "Action failed. Please try again."), []), U = m((e) => {
-		k && (V(null), P.mutate({
-			id: k,
+	}, [M]), P = l(A), F = d(), I = u(), L = f(), R = P.data, [z, B] = g("DISCOVERY"), [V, H] = g(null), [U, W] = g(!1), G = h((e) => H(e instanceof Error ? e.message : "Action failed. Please try again."), []), K = h((e) => {
+		A && (H(null), F.mutate({
+			id: A,
 			status: e
-		}, { onError: H }));
+		}, { onError: G }));
 	}, [
-		k,
-		P,
-		H
-	]), W = m(() => {
-		k && (V(null), F.mutate(k, { onError: H }));
-	}, [
-		k,
+		A,
 		F,
-		H
-	]), G = m(() => {
-		k && (V(null), I.mutate({
-			connectionId: k,
-			kind: R
-		}, {
-			onSuccess: () => A("/sync-runs"),
-			onError: H
+		G
+	]), q = h(() => {
+		A && (H(null), I.mutate(A, {
+			onSuccess: () => W(!1),
+			onError: G
 		}));
 	}, [
-		k,
-		R,
+		A,
 		I,
+		G
+	]), J = h(() => {
+		A && (H(null), L.mutate({
+			connectionId: A,
+			kind: z
+		}, {
+			onSuccess: () => j("/sync-runs"),
+			onError: G
+		}));
+	}, [
 		A,
-		H
+		z,
+		L,
+		j,
+		G
 	]);
-	return /* @__PURE__ */ w(t, {
-		title: L?.name ?? M("adaptercloud.connections.detailTitle", "Connection"),
-		description: L?.adapter?.name,
-		actions: /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E(t, {
+		title: R?.name ?? N("adaptercloud.connections.detailTitle", "Connection"),
+		description: R?.adapter?.name,
+		actions: /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ T("button", {
+			children: [/* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => A("/connections"),
+				onClick: () => j("/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__ */ w(_, { className: "h-4 w-4" }), M("adaptercloud.common.back", "Back")]
-			}), L && /* @__PURE__ */ T("button", {
+				children: [/* @__PURE__ */ T(v, { className: "h-4 w-4" }), N("adaptercloud.common.back", "Back")]
+			}), R && /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => A(`/connections/${L.id}/edit`),
+				onClick: () => j(`/connections/${R.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__ */ w(y, { className: "h-4 w-4" }), M("adaptercloud.common.edit", "Edit")]
+				children: [/* @__PURE__ */ T(b, { className: "h-4 w-4" }), N("adaptercloud.common.edit", "Edit")]
 			})]
 		}),
-		children: /* @__PURE__ */ w(c, {
-			isLoading: N.isLoading,
-			isError: N.isError,
-			isEmpty: !N.isLoading && !L,
-			error: N.error,
-			onRetry: () => void N.refetch(),
-			emptyTitle: M("adaptercloud.connections.notFound", "Connection not found"),
-			children: L && /* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ T(c, {
+			isLoading: P.isLoading,
+			isError: P.isError,
+			isEmpty: !P.isLoading && !R,
+			error: P.error,
+			onRetry: () => void P.refetch(),
+			emptyTitle: N("adaptercloud.connections.notFound", "Connection not found"),
+			children: R && /* @__PURE__ */ E("div", {
 				className: "space-y-6",
 				children: [
-					B && /* @__PURE__ */ w("p", {
+					V && /* @__PURE__ */ T("p", {
+						role: "alert",
+						"aria-live": "polite",
 						className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-						children: B
+						children: V
 					}),
-					/* @__PURE__ */ T(E, {
+					/* @__PURE__ */ E(D, {
 						className: "p-6",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ E("div", {
 								className: "mb-4 flex flex-wrap items-center gap-3",
-								children: [/* @__PURE__ */ w(s, { status: L.status }), /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ T(s, { status: R.status }), /* @__PURE__ */ T("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[L.authMethod]
+									children: n[R.authMethod]
 								})]
 							}),
-							/* @__PURE__ */ T("dl", {
+							/* @__PURE__ */ E("dl", {
 								className: "grid grid-cols-2 gap-4 text-sm sm:grid-cols-4",
 								children: [
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-secondary",
-										children: M("adaptercloud.connections.region", "Region")
-									}), /* @__PURE__ */ w("dd", {
+										children: N("adaptercloud.connections.region", "Region")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 font-medium text-text-primary",
-										children: L.region ?? "—"
+										children: R.region ?? "—"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-secondary",
-										children: M("adaptercloud.connections.environment", "Environment")
-									}), /* @__PURE__ */ w("dd", {
+										children: N("adaptercloud.connections.environment", "Environment")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 font-medium text-text-primary",
-										children: L.environment ?? "—"
+										children: R.environment ?? "—"
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-secondary",
-										children: M("adaptercloud.connections.resourceCount", "Resources")
-									}), /* @__PURE__ */ w("dd", {
+										children: N("adaptercloud.connections.resourceCount", "Resources")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 font-medium tabular-nums text-text-primary",
-										children: L.resourceCount
+										children: R.resourceCount
 									})] }),
-									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 										className: "text-text-secondary",
-										children: M("adaptercloud.connections.lastSynced", "Last synced")
-									}), /* @__PURE__ */ w("dd", {
+										children: N("adaptercloud.connections.lastSynced", "Last synced")
+									}), /* @__PURE__ */ T("dd", {
 										className: "mt-0.5 font-medium text-text-primary",
-										children: L.lastSyncedAt ? p(L.lastSyncedAt) : "—"
+										children: R.lastSyncedAt ? p(R.lastSyncedAt) : "—"
 									})] })
 								]
 							}),
-							L.lastError && /* @__PURE__ */ w("p", {
+							R.lastError && /* @__PURE__ */ T("p", {
 								className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-								children: L.lastError
+								children: R.lastError
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ E("div", {
 								className: "mt-5 border-t border-border-subtle pt-5",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ T("h3", {
 									className: "mb-3 text-sm font-semibold text-text-primary",
-									children: M("adaptercloud.connections.setHealth", "Set health")
-								}), /* @__PURE__ */ T("div", {
+									children: N("adaptercloud.connections.setHealth", "Set health")
+								}), /* @__PURE__ */ E("div", {
 									className: "flex flex-wrap gap-2",
-									children: [D.map((e) => /* @__PURE__ */ w("button", {
+									children: [O.map((e) => /* @__PURE__ */ T("button", {
 										type: "button",
-										disabled: P.isPending || L.status === e,
-										onClick: () => U(e),
+										disabled: F.isPending || R.status === e,
+										onClick: () => K(e),
 										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
 										children: r[e]
-									}, e)), L.status !== "DISABLED" && /* @__PURE__ */ T("button", {
+									}, e)), R.status !== "DISABLED" && /* @__PURE__ */ E("button", {
 										type: "button",
-										disabled: F.isPending,
-										onClick: W,
+										disabled: I.isPending,
+										onClick: () => W(!0),
 										className: "inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-40",
-										children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), M("adaptercloud.connections.disable", "Disable")]
+										children: [/* @__PURE__ */ T(y, { className: "h-3.5 w-3.5" }), N("adaptercloud.connections.disable", "Disable")]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ E("div", {
 								className: "mt-5 border-t border-border-subtle pt-5",
-								children: [/* @__PURE__ */ T("h3", {
+								children: [/* @__PURE__ */ E("h3", {
 									className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
-									children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), M("adaptercloud.connections.startSync", "Start a sync run")]
-								}), /* @__PURE__ */ T("div", {
+									children: [/* @__PURE__ */ T(S, { className: "h-4 w-4" }), N("adaptercloud.connections.startSync", "Start a sync run")]
+								}), /* @__PURE__ */ E("div", {
 									className: "flex flex-wrap items-center gap-3",
-									children: [/* @__PURE__ */ w("select", {
-										value: R,
-										onChange: (e) => z(e.target.value),
+									children: [/* @__PURE__ */ T("select", {
+										value: z,
+										onChange: (e) => B(e.target.value),
+										"aria-label": N("adaptercloud.connections.syncKind", "Sync run kind"),
 										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: O.map((e) => /* @__PURE__ */ w("option", {
+										children: k.map((e) => /* @__PURE__ */ T("option", {
 											value: e,
 											children: o[e]
 										}, e))
-									}), /* @__PURE__ */ T("button", {
+									}), /* @__PURE__ */ E("button", {
 										type: "button",
-										disabled: I.isPending,
-										onClick: G,
+										disabled: L.isPending,
+										onClick: J,
 										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 disabled:opacity-50",
-										children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), M("adaptercloud.connections.run", "Run")]
+										children: [/* @__PURE__ */ T(x, { className: "h-4 w-4" }), N("adaptercloud.connections.run", "Run")]
 									})]
 								})]
 							})
 						]
 					}),
-					L.config != null && /* @__PURE__ */ T(E, {
+					R.config != null && /* @__PURE__ */ E(D, {
 						className: "p-6",
-						children: [/* @__PURE__ */ w("h3", {
+						children: [/* @__PURE__ */ T("h3", {
 							className: "mb-3 text-sm font-semibold text-text-primary",
-							children: M("adaptercloud.connections.config", "Configuration")
-						}), /* @__PURE__ */ w("pre", {
+							children: N("adaptercloud.connections.config", "Configuration")
+						}), /* @__PURE__ */ T("pre", {
 							className: "overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
-							children: JSON.stringify(L.config, null, 2)
+							children: JSON.stringify(R.config, null, 2)
 						})]
 					}),
-					/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ E("section", { children: [/* @__PURE__ */ E("div", {
 						className: "mb-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ w("h3", {
+						children: [/* @__PURE__ */ T("h3", {
 							className: "text-base font-semibold text-text-primary",
-							children: M("adaptercloud.connections.discoveredResources", "Discovered Resources")
-						}), /* @__PURE__ */ w("button", {
+							children: N("adaptercloud.connections.discoveredResources", "Discovered Resources")
+						}), /* @__PURE__ */ T("button", {
 							type: "button",
-							onClick: () => A(`/resources?connectionId=${L.id}`),
-							className: "text-sm font-medium text-primary hover:underline",
-							children: M("adaptercloud.common.viewAll", "View all")
+							onClick: () => j(`/resources?connectionId=${R.id}`),
+							className: "text-sm font-medium text-accent-blue hover:underline",
+							children: N("adaptercloud.common.viewAll", "View all")
 						})]
-					}), L.resources && L.resources.length > 0 ? /* @__PURE__ */ w("div", {
+					}), R.resources && R.resources.length > 0 ? /* @__PURE__ */ T("div", {
 						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
-						children: L.resources.slice(0, 10).map((e) => /* @__PURE__ */ T("button", {
+						children: R.resources.slice(0, 10).map((e) => /* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => A(`/resources/${e.id}`),
+							onClick: () => j(`/resources/${e.id}`),
 							className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50",
 							children: [
-								/* @__PURE__ */ w(S, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ T(C, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
+								/* @__PURE__ */ E("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ w("p", {
+									children: [/* @__PURE__ */ T("p", {
 										className: "truncate text-sm font-medium text-text-primary",
 										children: e.name
-									}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ E("p", {
 										className: "mt-0.5 text-xs text-text-secondary",
 										children: [e.resourceType, e.region ? ` · ${e.region}` : ""]
 									})]
 								}),
-								/* @__PURE__ */ w("span", {
+								/* @__PURE__ */ T("span", {
 									className: "hidden text-xs text-text-secondary sm:inline",
 									children: i(e.monthlyCost)
 								}),
-								/* @__PURE__ */ w(s, {
+								/* @__PURE__ */ T(s, {
 									status: e.state,
 									label: a[e.state]
 								})
 							]
 						}, e.id))
-					}) : /* @__PURE__ */ w("p", {
+					}) : /* @__PURE__ */ T("p", {
 						className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
-						children: M("adaptercloud.connections.noResources", "No resources discovered yet. Start a discovery sync run.")
+						children: N("adaptercloud.connections.noResources", "No resources discovered yet. Start a discovery sync run.")
 					})] })
 				]
 			})
-		})
+		}), /* @__PURE__ */ T(m, {
+			open: U,
+			onOpenChange: W,
+			title: N("adaptercloud.connections.disableTitle", "Disable this connection?"),
+			description: N("adaptercloud.connections.disablePrompt", "Disabling stops discovery and sync runs against this target. You can re-enable it later by setting its health."),
+			confirmLabel: N("adaptercloud.connections.disable", "Disable"),
+			cancelLabel: N("adaptercloud.common.cancel", "Cancel"),
+			onConfirm: q,
+			isPending: I.isPending,
+			tone: "danger"
+		})]
 	});
 }
 //#endregion
-export { k as ConnectionDetailPage };
+export { A as ConnectionDetailPage };
 
 //# sourceMappingURL=ConnectionDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionDetailPage.tsx"],"sourcesContent":["/**\n * Connection Detail Page\n * @module adaptercloud/pages/connections\n *\n * One connection (`adaConnection`) — its adapter, health, config, and the\n * resources it has discovered. Supports the validated health transition\n * (`adaSetConnectionStatus`), disable (`adaDisableConnection`), and starting a\n * sync run (`adaStartSyncRun`) against it.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Ban, Pencil, Play, RefreshCw, 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 {\n  useConnection,\n  useDisableConnection,\n  useSetConnectionStatus,\n  useStartSyncRun,\n} from '../../hooks/useAdapterCloudApi';\nimport {\n  authMethodLabels,\n  connectionStatusLabels,\n  resourceStateLabels,\n  syncKindLabels,\n} from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/domain';\nimport type { AdaConnectionStatus, AdaSyncKind } from '../../types';\n\nconst TRANSITIONABLE: AdaConnectionStatus[] = ['CONNECTED', 'DEGRADED', 'ERROR', 'PENDING'];\nconst SYNC_KINDS: AdaSyncKind[] = ['DISCOVERY', 'RECONCILE', 'COST_INGEST', 'FULL'];\n\nexport function ConnectionDetailPage() {\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 = useConnection(id);\n  const setStatus = useSetConnectionStatus();\n  const disable = useDisableConnection();\n  const startRun = useStartSyncRun();\n  const conn = query.data;\n\n  const [syncKind, setSyncKind] = useState<AdaSyncKind>('DISCOVERY');\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const onError = useCallback(\n    (err: unknown) =>\n      setActionError(err instanceof Error ? err.message : 'Action failed. Please try again.'),\n    []\n  );\n\n  const handleSetStatus = useCallback(\n    (newStatus: AdaConnectionStatus) => {\n      if (!id) return;\n      setActionError(null);\n      setStatus.mutate({ id, status: newStatus }, { onError });\n    },\n    [id, setStatus, onError]\n  );\n\n  const handleDisable = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    disable.mutate(id, { onError });\n  }, [id, disable, onError]);\n\n  const handleStartRun = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    startRun.mutate(\n      { connectionId: id, kind: syncKind },\n      { onSuccess: () => navigateTo('/sync-runs'), onError }\n    );\n  }, [id, syncKind, startRun, navigateTo, onError]);\n\n  return (\n    <PageLayout\n      title={conn?.name ?? t('adaptercloud.connections.detailTitle', 'Connection')}\n      description={conn?.adapter?.name}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/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.back', 'Back')}\n          </button>\n          {conn && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/connections/${conn.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          )}\n        </div>\n      }\n    >\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={!query.isLoading && !conn}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.notFound', 'Connection not found')}\n      >\n        {conn && (\n          <div className=\"space-y-6\">\n            {actionError && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {actionError}\n              </p>\n            )}\n\n            {/* Health + actions */}\n            <GlassCard className=\"p-6\">\n              <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n                <StatusBadge status={conn.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                  {authMethodLabels[conn.authMethod]}\n                </span>\n              </div>\n\n              <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-4\">\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.region', 'Region')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">{conn.region ?? '—'}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.environment', 'Environment')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {conn.environment ?? '—'}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.resourceCount', 'Resources')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                    {conn.resourceCount}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.lastSynced', 'Last synced')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {conn.lastSyncedAt ? formatDate(conn.lastSyncedAt) : '—'}\n                  </dd>\n                </div>\n              </dl>\n\n              {conn.lastError && (\n                <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              {/* Health transitions */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.setHealth', 'Set health')}\n                </h3>\n                <div className=\"flex flex-wrap gap-2\">\n                  {TRANSITIONABLE.map((s) => (\n                    <button\n                      key={s}\n                      type=\"button\"\n                      disabled={setStatus.isPending || conn.status === s}\n                      onClick={() => handleSetStatus(s)}\n                      className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40\"\n                    >\n                      {connectionStatusLabels[s]}\n                    </button>\n                  ))}\n                  {conn.status !== 'DISABLED' && (\n                    <button\n                      type=\"button\"\n                      disabled={disable.isPending}\n                      onClick={handleDisable}\n                      className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-40\"\n                    >\n                      <Ban className=\"h-3.5 w-3.5\" />\n                      {t('adaptercloud.connections.disable', 'Disable')}\n                    </button>\n                  )}\n                </div>\n              </div>\n\n              {/* Start sync run */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                  <RefreshCw className=\"h-4 w-4\" />\n                  {t('adaptercloud.connections.startSync', 'Start a sync run')}\n                </h3>\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <select\n                    value={syncKind}\n                    onChange={(e) => setSyncKind(e.target.value as AdaSyncKind)}\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                    {SYNC_KINDS.map((k) => (\n                      <option key={k} value={k}>\n                        {syncKindLabels[k]}\n                      </option>\n                    ))}\n                  </select>\n                  <button\n                    type=\"button\"\n                    disabled={startRun.isPending}\n                    onClick={handleStartRun}\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 disabled:opacity-50\"\n                  >\n                    <Play className=\"h-4 w-4\" />\n                    {t('adaptercloud.connections.run', 'Run')}\n                  </button>\n                </div>\n              </div>\n            </GlassCard>\n\n            {/* Config */}\n            {conn.config != null && (\n              <GlassCard className=\"p-6\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.config', 'Configuration')}\n                </h3>\n                <pre className=\"overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n                  {JSON.stringify(conn.config, null, 2)}\n                </pre>\n              </GlassCard>\n            )}\n\n            {/* Resources */}\n            <section>\n              <div className=\"mb-3 flex items-center justify-between\">\n                <h3 className=\"text-base font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.discoveredResources', 'Discovered Resources')}\n                </h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`/resources?connectionId=${conn.id}`)}\n                  className=\"text-sm font-medium text-primary hover:underline\"\n                >\n                  {t('adaptercloud.common.viewAll', 'View all')}\n                </button>\n              </div>\n              {conn.resources && conn.resources.length > 0 ? (\n                <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n                  {conn.resources.slice(0, 10).map((r) => (\n                    <button\n                      key={r.id}\n                      type=\"button\"\n                      onClick={() => navigateTo(`/resources/${r.id}`)}\n                      className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                    >\n                      <Server 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\">{r.name}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {r.resourceType}\n                          {r.region ? ` · ${r.region}` : ''}\n                        </p>\n                      </div>\n                      <span className=\"hidden text-xs text-text-secondary sm:inline\">\n                        {formatMoney(r.monthlyCost)}\n                      </span>\n                      <StatusBadge status={r.state} label={resourceStateLabels[r.state]} />\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(\n                    'adaptercloud.connections.noResources',\n                    'No resources discovered yet. Start a discovery sync run.'\n                  )}\n                </p>\n              )}\n            </section>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ConnectionDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionDetailPage.tsx"],"sourcesContent":["/**\n * Connection Detail Page\n * @module adaptercloud/pages/connections\n *\n * One connection (`adaConnection`) — its adapter, health, config, and the\n * resources it has discovered. Supports the validated health transition\n * (`adaSetConnectionStatus`), disable (`adaDisableConnection`), and starting a\n * sync run (`adaStartSyncRun`) against it.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Ban, Pencil, Play, RefreshCw, 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 { ConfirmDialog } from '../../components/ConfirmDialog';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport {\n  useConnection,\n  useDisableConnection,\n  useSetConnectionStatus,\n  useStartSyncRun,\n} from '../../hooks/useAdapterCloudApi';\nimport {\n  authMethodLabels,\n  connectionStatusLabels,\n  resourceStateLabels,\n  syncKindLabels,\n} from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/domain';\nimport type { AdaConnectionStatus, AdaSyncKind } from '../../types';\n\nconst TRANSITIONABLE: AdaConnectionStatus[] = ['CONNECTED', 'DEGRADED', 'ERROR', 'PENDING'];\nconst SYNC_KINDS: AdaSyncKind[] = ['DISCOVERY', 'RECONCILE', 'COST_INGEST', 'FULL'];\n\nexport function ConnectionDetailPage() {\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 = useConnection(id);\n  const setStatus = useSetConnectionStatus();\n  const disable = useDisableConnection();\n  const startRun = useStartSyncRun();\n  const conn = query.data;\n\n  const [syncKind, setSyncKind] = useState<AdaSyncKind>('DISCOVERY');\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [confirmDisableOpen, setConfirmDisableOpen] = useState(false);\n\n  const onError = useCallback(\n    (err: unknown) =>\n      setActionError(err instanceof Error ? err.message : 'Action failed. Please try again.'),\n    []\n  );\n\n  const handleSetStatus = useCallback(\n    (newStatus: AdaConnectionStatus) => {\n      if (!id) return;\n      setActionError(null);\n      setStatus.mutate({ id, status: newStatus }, { onError });\n    },\n    [id, setStatus, onError]\n  );\n\n  const handleDisable = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    disable.mutate(id, {\n      onSuccess: () => setConfirmDisableOpen(false),\n      onError,\n    });\n  }, [id, disable, onError]);\n\n  const handleStartRun = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    startRun.mutate(\n      { connectionId: id, kind: syncKind },\n      { onSuccess: () => navigateTo('/sync-runs'), onError }\n    );\n  }, [id, syncKind, startRun, navigateTo, onError]);\n\n  return (\n    <PageLayout\n      title={conn?.name ?? t('adaptercloud.connections.detailTitle', 'Connection')}\n      description={conn?.adapter?.name}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/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.back', 'Back')}\n          </button>\n          {conn && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/connections/${conn.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          )}\n        </div>\n      }\n    >\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={!query.isLoading && !conn}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.notFound', 'Connection not found')}\n      >\n        {conn && (\n          <div className=\"space-y-6\">\n            {actionError && (\n              <p\n                role=\"alert\"\n                aria-live=\"polite\"\n                className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n              >\n                {actionError}\n              </p>\n            )}\n\n            {/* Health + actions */}\n            <GlassCard className=\"p-6\">\n              <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n                <StatusBadge status={conn.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                  {authMethodLabels[conn.authMethod]}\n                </span>\n              </div>\n\n              <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-4\">\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.region', 'Region')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">{conn.region ?? '—'}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.environment', 'Environment')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {conn.environment ?? '—'}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.resourceCount', 'Resources')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                    {conn.resourceCount}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.lastSynced', 'Last synced')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {conn.lastSyncedAt ? formatDate(conn.lastSyncedAt) : '—'}\n                  </dd>\n                </div>\n              </dl>\n\n              {conn.lastError && (\n                <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              {/* Health transitions */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.setHealth', 'Set health')}\n                </h3>\n                <div className=\"flex flex-wrap gap-2\">\n                  {TRANSITIONABLE.map((s) => (\n                    <button\n                      key={s}\n                      type=\"button\"\n                      disabled={setStatus.isPending || conn.status === s}\n                      onClick={() => handleSetStatus(s)}\n                      className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40\"\n                    >\n                      {connectionStatusLabels[s]}\n                    </button>\n                  ))}\n                  {conn.status !== 'DISABLED' && (\n                    <button\n                      type=\"button\"\n                      disabled={disable.isPending}\n                      onClick={() => setConfirmDisableOpen(true)}\n                      className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-40\"\n                    >\n                      <Ban className=\"h-3.5 w-3.5\" />\n                      {t('adaptercloud.connections.disable', 'Disable')}\n                    </button>\n                  )}\n                </div>\n              </div>\n\n              {/* Start sync run */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                  <RefreshCw className=\"h-4 w-4\" />\n                  {t('adaptercloud.connections.startSync', 'Start a sync run')}\n                </h3>\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <select\n                    value={syncKind}\n                    onChange={(e) => setSyncKind(e.target.value as AdaSyncKind)}\n                    aria-label={t('adaptercloud.connections.syncKind', 'Sync run kind')}\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                    {SYNC_KINDS.map((k) => (\n                      <option key={k} value={k}>\n                        {syncKindLabels[k]}\n                      </option>\n                    ))}\n                  </select>\n                  <button\n                    type=\"button\"\n                    disabled={startRun.isPending}\n                    onClick={handleStartRun}\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 disabled:opacity-50\"\n                  >\n                    <Play className=\"h-4 w-4\" />\n                    {t('adaptercloud.connections.run', 'Run')}\n                  </button>\n                </div>\n              </div>\n            </GlassCard>\n\n            {/* Config */}\n            {conn.config != null && (\n              <GlassCard className=\"p-6\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.config', 'Configuration')}\n                </h3>\n                <pre className=\"overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n                  {JSON.stringify(conn.config, null, 2)}\n                </pre>\n              </GlassCard>\n            )}\n\n            {/* Resources */}\n            <section>\n              <div className=\"mb-3 flex items-center justify-between\">\n                <h3 className=\"text-base font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.discoveredResources', 'Discovered Resources')}\n                </h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`/resources?connectionId=${conn.id}`)}\n                  className=\"text-sm font-medium text-accent-blue hover:underline\"\n                >\n                  {t('adaptercloud.common.viewAll', 'View all')}\n                </button>\n              </div>\n              {conn.resources && conn.resources.length > 0 ? (\n                <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n                  {conn.resources.slice(0, 10).map((r) => (\n                    <button\n                      key={r.id}\n                      type=\"button\"\n                      onClick={() => navigateTo(`/resources/${r.id}`)}\n                      className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n                    >\n                      <Server 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\">{r.name}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {r.resourceType}\n                          {r.region ? ` · ${r.region}` : ''}\n                        </p>\n                      </div>\n                      <span className=\"hidden text-xs text-text-secondary sm:inline\">\n                        {formatMoney(r.monthlyCost)}\n                      </span>\n                      <StatusBadge status={r.state} label={resourceStateLabels[r.state]} />\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(\n                    'adaptercloud.connections.noResources',\n                    'No resources discovered yet. Start a discovery sync run.'\n                  )}\n                </p>\n              )}\n            </section>\n          </div>\n        )}\n      </DataState>\n\n      <ConfirmDialog\n        open={confirmDisableOpen}\n        onOpenChange={setConfirmDisableOpen}\n        title={t('adaptercloud.connections.disableTitle', 'Disable this connection?')}\n        description={t(\n          'adaptercloud.connections.disablePrompt',\n          'Disabling stops discovery and sync runs against this target. You can re-enable it later by setting its health.'\n        )}\n        confirmLabel={t('adaptercloud.connections.disable', 'Disable')}\n        cancelLabel={t('adaptercloud.common.cancel', 'Cancel')}\n        onConfirm={handleDisable}\n        isPending={disable.isPending}\n        tone=\"danger\"\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -247,6 +247,8 @@ function x() {
 							})
 						] }),
 						M && /* @__PURE__ */ g("p", {
+							role: "alert",
+							"aria-live": "polite",
 							className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 							children: M
 						}),