npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.706.1 → 2026.706.3 - Mend

@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

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

	@@ -1 +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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"}
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 { 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 CHANGED Viewed

@@ -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
 						}),

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

	@@ -1 +1 @@
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":"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"}
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\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 {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":"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"}

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

@@ -3,158 +3,223 @@ 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";
+import { useAdapters as o, useConnections as s } from "../../hooks/useAdapterCloudApi.js";
+import { formatRelativeTime as c } from "../../utils/formatters.js";
+import { useCallback as l, useMemo as u, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Boxes as p, Cable as m, ChevronLeft as h, ChevronRight as g, Cloud as _, Cpu as v, Database as y, HardDrive as b, MapPin as x, Network as S, Plus as C, Puzzle as w, Radio as T, Search as E, Server as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { GlassCard as A } 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);
+var j = 20, M = {
+	PUBLIC_CLOUD: _,
+	PRIVATE_CLOUD: _,
+	SAAS: _,
+	ON_PREM: b,
+	EDGE: T,
+	IOT: v,
+	KUBERNETES: p,
+	NETWORK: S,
+	DATA_SYSTEM: y,
+	CUSTOM: w
+};
+function N() {
+	let { navigateTo: p } = e(), { t: _ } = f(), v = l((e, t) => {
+		let n = _(e);
 		return n === e ? t : n;
-	}, [S]), [w, T] = l(""), [E, D] = l(0), O = o({
-		status: w || void 0,
+	}, [_]), [y, b] = d(""), [S, w] = d(""), [T, N] = d(""), [P, F] = d(0), I = s({
+		adapterId: S || void 0,
+		status: y || void 0,
 		pagination: {
-			limit: b,
-			offset: E
+			limit: j,
+			offset: P
 		}
-	}), 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", {
+	}), L = o({
+		status: "PUBLISHED",
+		pagination: { limit: 100 }
+	}).data?.items ?? [], R = I.data?.items ?? [], z = I.data?.pageInfo.hasMore ?? !1, B = u(() => {
+		let e = T.trim().toLowerCase();
+		return e ? R.filter((t) => t.name.toLowerCase().includes(e) || (t.region?.toLowerCase().includes(e) ?? !1) || (t.environment?.toLowerCase().includes(e) ?? !1)) : R;
+	}, [R, T]);
+	return /* @__PURE__ */ k(t, {
+		title: v("adaptercloud.connections.title", "Connections"),
+		description: v("adaptercloud.connections.subtitle", "Configured, authenticated targets — each connection is where the fabric actually reaches."),
+		actions: /* @__PURE__ */ k("button", {
 			type: "button",
-			onClick: () => x("/connections/new"),
+			onClick: () => p("/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__ */ O(C, { className: "h-4 w-4" }), v("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", {
+		children: [/* @__PURE__ */ k("div", {
+			className: "mb-6 flex flex-wrap items-center gap-3",
+			children: [
+				/* @__PURE__ */ k("select", {
+					value: y,
+					onChange: (e) => {
+						b(e.target.value), F(0);
+					},
+					"aria-label": v("adaptercloud.connections.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__ */ O("option", {
+						value: "",
+						children: v("adaptercloud.connections.allStatuses", "All statuses")
+					}), Object.keys(r).map((e) => /* @__PURE__ */ O("option", {
+						value: e,
+						children: r[e]
+					}, e))]
+				}),
+				/* @__PURE__ */ k("select", {
+					value: S,
+					onChange: (e) => {
+						w(e.target.value), F(0);
+					},
+					"aria-label": v("adaptercloud.connections.filterByAdapter", "Filter by adapter"),
+					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__ */ O("option", {
+						value: "",
+						children: v("adaptercloud.connections.allAdapters", "All adapters")
+					}), L.map((e) => /* @__PURE__ */ O("option", {
+						value: e.id,
+						children: e.name
+					}, e.id))]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "relative w-full sm:ml-auto sm:w-64",
+					children: [/* @__PURE__ */ O(E, {
+						"aria-hidden": "true",
+						className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary"
+					}), /* @__PURE__ */ O("input", {
+						type: "search",
+						value: T,
+						onChange: (e) => N(e.target.value),
+						"aria-label": v("adaptercloud.connections.search", "Search connections"),
+						placeholder: v("adaptercloud.connections.searchPlaceholder", "Search…"),
+						className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+					})]
+				})
+			]
+		}), /* @__PURE__ */ k(a, {
+			isLoading: I.isLoading,
+			isError: I.isError,
+			isEmpty: R.length === 0,
+			error: I.error,
+			onRetry: () => void I.refetch(),
+			emptyTitle: v("adaptercloud.connections.emptyTitle", "No connections yet"),
+			emptyDescription: v("adaptercloud.connections.emptyDescription", "Create a connection to a real target to start discovering resources."),
+			emptyIcon: /* @__PURE__ */ O(m, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ O("button", {
 				type: "button",
-				onClick: () => x("/connections/new"),
+				onClick: () => p("/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: v("adaptercloud.connections.new", "New connection")
 			}),
-			children: [/* @__PURE__ */ _("div", {
+			children: [B.length === 0 ? /* @__PURE__ */ O("p", {
+				className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-10 text-center text-sm text-text-secondary",
+				children: v("adaptercloud.connections.noSearchMatch", "No connections match your search.")
+			}) : /* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: k.map((e) => /* @__PURE__ */ v(y, {
+				children: B.map((e) => /* @__PURE__ */ k(A, {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => x(`/connections/${e.id}`),
+					onClick: () => p(`/connections/${e.id}`),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(`/connections/${e.id}`));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), p(`/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__ */ k("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-accent-blue",
+								children: /* @__PURE__ */ O(e.adapter?.kind ? M[e.adapter.kind] : m, {
+									className: "h-5 w-5",
+									"aria-hidden": "true"
+								})
+							}), /* @__PURE__ */ O("div", {
+								className: "min-w-0 flex-1",
+								children: /* @__PURE__ */ k("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ k("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ O("h3", {
+											className: "truncate text-base font-semibold text-text-primary",
+											children: e.name
+										}), e.adapter && /* @__PURE__ */ O("p", {
+											className: "mt-0.5 truncate text-xs text-text-secondary",
+											children: e.adapter.name
+										})]
+									}), /* @__PURE__ */ O(i, { status: e.status })]
+								})
+							})]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ k("div", {
 							className: "mt-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary",
 							children: [
-								/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ O("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", {
+								e.region && /* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ _(m, { className: "h-3 w-3" }),
+										/* @__PURE__ */ O(x, { className: "h-3 w-3" }),
 										" ",
 										e.region
 									]
 								}),
-								e.environment && /* @__PURE__ */ v("span", { children: ["· ", e.environment] })
+								e.environment && /* @__PURE__ */ k("span", { children: ["· ", e.environment] })
 							]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ k("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", {
+								/* @__PURE__ */ O(D, { className: "h-4 w-4 text-text-secondary" }),
+								/* @__PURE__ */ O("span", {
 									className: "font-semibold tabular-nums",
 									children: e.resourceCount
 								}),
-								/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ O("span", {
 									className: "text-text-secondary",
-									children: C("adaptercloud.connections.resources", "resources")
+									children: v("adaptercloud.connections.resources", "resources")
 								})
 							]
 						}),
-						e.lastError && /* @__PURE__ */ _("p", {
+						e.lastError && /* @__PURE__ */ O("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", {
+						/* @__PURE__ */ O("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")
+							children: e.lastSyncedAt ? `${v("adaptercloud.connections.lastSynced", "Last synced")} ${c(e.lastSyncedAt)}` : v("adaptercloud.connections.neverSynced", "Never synced")
 						})
 					]
 				}, e.id))
-			}), (E > 0 || A) && /* @__PURE__ */ v("div", {
+			}), (P > 0 || z) && /* @__PURE__ */ k("div", {
 				className: "mt-6 flex items-center justify-between",
 				children: [
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
-						disabled: E === 0,
-						onClick: () => D((e) => Math.max(0, e - b)),
+						disabled: P === 0,
+						onClick: () => F((e) => Math.max(0, e - j)),
 						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")]
+						children: [/* @__PURE__ */ O(h, { className: "h-4 w-4" }), v("adaptercloud.common.prev", "Previous")]
 					}),
-					/* @__PURE__ */ v("span", {
+					/* @__PURE__ */ k("span", {
 						className: "text-sm text-text-secondary",
 						children: [
-							C("adaptercloud.common.showing", "Showing"),
+							v("adaptercloud.common.showing", "Showing"),
 							" ",
-							E + 1,
+							P + 1,
 							"–",
-							E + k.length
+							P + R.length
 						]
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ k("button", {
 						type: "button",
-						disabled: !A,
-						onClick: () => D((e) => e + b),
+						disabled: !z,
+						onClick: () => F((e) => e + j),
 						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" })]
+						children: [v("adaptercloud.common.next", "Next"), /* @__PURE__ */ O(g, { className: "h-4 w-4" })]
 					})
 				]
 			})]
@@ -162,6 +227,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as ConnectionsListPage };
+export { N as ConnectionsListPage };
 //# sourceMappingURL=ConnectionsListPage.js.map