@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.2

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

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

@@ -39,6 +39,7 @@ function x() {
 				onChange: (e) => {
 					T(e.target.value), D(0);
 				},
+				"aria-label": C("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__ */ _("option", {
 					value: "",

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n * @module adaptercloud/pages/connections\n *\n * Every configured, authenticated target in the workspace. Lists from\n * `adaListConnections` with a status filter and offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Cable, Plus, ChevronLeft, ChevronRight, MapPin, Server } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useConnections } from '../../hooks/useAdapterCloudApi';\nimport { authMethodLabels, connectionStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaConnectionStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function ConnectionsListPage() {\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const [status, setStatus] = useState<AdaConnectionStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useConnections({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.connections.title', 'Connections')}\n      description={t(\n        'adaptercloud.connections.subtitle',\n        'Configured, authenticated targets — each connection is where the fabric actually reaches.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/connections/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.connections.new', 'New connection')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={status}\n          onChange={(e) => {\n            setStatus(e.target.value as AdaConnectionStatus | '');\n            setOffset(0);\n          }}\n          className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n        >\n          <option value=\"\">{t('adaptercloud.connections.allStatuses', 'All statuses')}</option>\n          {(Object.keys(connectionStatusLabels) as AdaConnectionStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {connectionStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.emptyTitle', 'No connections yet')}\n        emptyDescription={t(\n          'adaptercloud.connections.emptyDescription',\n          'Create a connection to a real target to start discovering resources.'\n        )}\n        emptyIcon={<Cable className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/connections/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.connections.new', 'New connection')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((conn) => (\n            <GlassCard\n              key={conn.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/connections/${conn.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/connections/${conn.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {conn.name}\n                  </h3>\n                  {conn.adapter && (\n                    <p className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                      {conn.adapter.name}\n                    </p>\n                  )}\n                </div>\n                <StatusBadge status={conn.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {authMethodLabels[conn.authMethod]}\n                </span>\n                {conn.region && (\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" /> {conn.region}\n                  </span>\n                )}\n                {conn.environment && <span>· {conn.environment}</span>}\n              </div>\n\n              <div className=\"mt-4 flex items-center gap-2 text-sm text-text-primary\">\n                <Server className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"font-semibold tabular-nums\">{conn.resourceCount}</span>\n                <span className=\"text-text-secondary\">\n                  {t('adaptercloud.connections.resources', 'resources')}\n                </span>\n              </div>\n\n              {conn.lastError && (\n                <p className=\"mt-3 line-clamp-2 rounded-lg bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {conn.lastSyncedAt\n                  ? `${t('adaptercloud.connections.lastSynced', 'Last synced')} ${formatRelativeTime(conn.lastSyncedAt)}`\n                  : t('adaptercloud.connections.neverSynced', 'Never synced')}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {(offset > 0 || hasMore) && (\n          <div className=\"mt-6 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              disabled={offset === 0}\n              onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              {t('adaptercloud.common.prev', 'Previous')}\n            </button>\n            <span className=\"text-sm text-text-secondary\">\n              {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n            </span>\n            <button\n              type=\"button\"\n              disabled={!hasMore}\n              onClick={() => setOffset((o) => o + PAGE_SIZE)}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {t('adaptercloud.common.next', 'Next')}\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAqBA,IAAM,IAAY;AAElB,SAAgB,IAAsB;CACpC,IAAM,EAAE,kBAAe,GAAiB,EAClC,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAEK,CAAC,GAAQ,KAAa,EAAmC,GAAG,EAC5D,CAAC,GAAQ,KAAa,EAAS,EAAE,EAEjC,IAAQ,EAAe;EAC3B,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW;GAAQ;EACzC,CAAC,EAEI,IAAQ,EAAM,MAAM,SAAS,EAAE,EAC/B,IAAU,EAAM,MAAM,SAAS,WAAW;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,kCAAkC,cAAc;EACzD,aAAa,EACX,qCACA,4FACD;EACD,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,mBAAmB;GAC7C,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAE,gCAAgC,iBAAiB,CAC7C;;YAdb,CAiBE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,UAAD;IACE,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,OAAO,MAAkC,EACrD,EAAU,EAAE;;IAEd,WAAU;cANZ,CAQE,kBAAC,UAAD;KAAQ,OAAM;eAAI,EAAE,wCAAwC,eAAe;KAAU,CAAA,EACnF,OAAO,KAAK,EAAuB,CAA2B,KAAK,MACnE,kBAAC,UAAD;KAAgB,OAAO;eACpB,EAAuB;KACjB,EAFI,EAEJ,CACT,CACK;;GACL,CAAA,EAEN,kBAAC,GAAD;GACE,WAAW,EAAM;GACjB,SAAS,EAAM;GACf,SAAS,EAAM,WAAW;GAC1B,OAAO,EAAM;GACb,eAAe,KAAK,EAAM,SAAS;GACnC,YAAY,EAAE,uCAAuC,qBAAqB;GAC1E,kBAAkB,EAChB,6CACA,uEACD;GACD,WAAW,kBAAC,GAAD,EAAO,WAAU,aAAc,CAAA;GAC1C,aACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,mBAAmB;IAC7C,WAAU;cAET,EAAE,gCAAgC,iBAAiB;IAC7C,CAAA;aAnBb,CAsBE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,GAAD;KAEE,MAAK;KACL,UAAU;KACV,eAAe,EAAW,gBAAgB,EAAK,KAAK;KACpD,YAAY,MAAM;AAChB,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,EAAW,gBAAgB,EAAK,KAAK;;KAGzC,WAAU;eAXZ;MAaE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAK;SACH,CAAA,EACJ,EAAK,WACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAK,QAAQ;SACZ,CAAA,CAEF;WACN,kBAAC,GAAD,EAAa,QAAQ,EAAK,QAAU,CAAA,CAChC;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAiB,EAAK;SAClB,CAAA;QACN,EAAK,UACJ,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;;UAAE,EAAK;UAChC;;QAER,EAAK,eAAe,kBAAC,QAAD,EAAA,UAAA,CAAM,MAAG,EAAK,YAAmB,EAAA,CAAA;QAClD;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAQ,WAAU,+BAAgC,CAAA;QAClD,kBAAC,QAAD;SAAM,WAAU;mBAA8B,EAAK;SAAqB,CAAA;QACxE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAE,sCAAsC,YAAY;SAChD,CAAA;QACH;;MAEL,EAAK,aACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAK;OACJ,CAAA;MAGN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAK,eACF,GAAG,EAAE,uCAAuC,cAAc,CAAC,GAAG,EAAmB,EAAK,aAAa,KACnG,EAAE,wCAAwC,eAAe;OAC3D,CAAA;MACM;OAzDL,EAAK,GAyDA,CACZ;IACE,CAAA,GAEJ,IAAS,KAAK,MACd,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAW;MACrB,eAAe,GAAW,MAAM,KAAK,IAAI,GAAG,IAAI,EAAU,CAAC;MAC3D,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAClC,EAAE,4BAA4B,WAAW,CACnC;;KACT,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAE,+BAA+B,UAAU;OAAC;OAAE,IAAS;OAAE;OAAE,IAAS,EAAM;OACtE;;KACP,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,CAAC;MACX,eAAe,GAAW,MAAM,IAAI,EAAU;MAC9C,WAAU;gBAJZ,CAMG,EAAE,4BAA4B,OAAO,EACtC,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CAC7B;;KACL;MAEE;KACD"}
+{"version":3,"file":"ConnectionsListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionsListPage.tsx"],"sourcesContent":["/**\n * Connections List Page\n * @module adaptercloud/pages/connections\n *\n * Every configured, authenticated target in the workspace. Lists from\n * `adaListConnections` with a status filter and offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Cable, Plus, ChevronLeft, ChevronRight, MapPin, Server } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useConnections } from '../../hooks/useAdapterCloudApi';\nimport { authMethodLabels, connectionStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaConnectionStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function ConnectionsListPage() {\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const [status, setStatus] = useState<AdaConnectionStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useConnections({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.connections.title', 'Connections')}\n      description={t(\n        'adaptercloud.connections.subtitle',\n        'Configured, authenticated targets — each connection is where the fabric actually reaches.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/connections/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.connections.new', 'New connection')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={status}\n          onChange={(e) => {\n            setStatus(e.target.value as AdaConnectionStatus | '');\n            setOffset(0);\n          }}\n          aria-label={t('adaptercloud.connections.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.connections.allStatuses', 'All statuses')}</option>\n          {(Object.keys(connectionStatusLabels) as AdaConnectionStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {connectionStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.emptyTitle', 'No connections yet')}\n        emptyDescription={t(\n          'adaptercloud.connections.emptyDescription',\n          'Create a connection to a real target to start discovering resources.'\n        )}\n        emptyIcon={<Cable className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/connections/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.connections.new', 'New connection')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((conn) => (\n            <GlassCard\n              key={conn.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/connections/${conn.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/connections/${conn.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {conn.name}\n                  </h3>\n                  {conn.adapter && (\n                    <p className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                      {conn.adapter.name}\n                    </p>\n                  )}\n                </div>\n                <StatusBadge status={conn.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {authMethodLabels[conn.authMethod]}\n                </span>\n                {conn.region && (\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" /> {conn.region}\n                  </span>\n                )}\n                {conn.environment && <span>· {conn.environment}</span>}\n              </div>\n\n              <div className=\"mt-4 flex items-center gap-2 text-sm text-text-primary\">\n                <Server className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"font-semibold tabular-nums\">{conn.resourceCount}</span>\n                <span className=\"text-text-secondary\">\n                  {t('adaptercloud.connections.resources', 'resources')}\n                </span>\n              </div>\n\n              {conn.lastError && (\n                <p className=\"mt-3 line-clamp-2 rounded-lg bg-status-error-bg-subtle px-2 py-1 text-xs text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {conn.lastSyncedAt\n                  ? `${t('adaptercloud.connections.lastSynced', 'Last synced')} ${formatRelativeTime(conn.lastSyncedAt)}`\n                  : t('adaptercloud.connections.neverSynced', 'Never synced')}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {(offset > 0 || hasMore) && (\n          <div className=\"mt-6 flex items-center justify-between\">\n            <button\n              type=\"button\"\n              disabled={offset === 0}\n              onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronLeft className=\"h-4 w-4\" />\n              {t('adaptercloud.common.prev', 'Previous')}\n            </button>\n            <span className=\"text-sm text-text-secondary\">\n              {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n            </span>\n            <button\n              type=\"button\"\n              disabled={!hasMore}\n              onClick={() => setOffset((o) => o + PAGE_SIZE)}\n              className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              {t('adaptercloud.common.next', 'Next')}\n              <ChevronRight className=\"h-4 w-4\" />\n            </button>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/costs/CostsPage.js

@@ -1,54 +1,57 @@
-import { PageLayout as e } from "../../components/PageLayout.js";
-import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatMoney as n } from "../../utils/domain.js";
-import { DataState as r } from "../../components/DataState.js";
-import { useCostRecords as i, useCostSummary as a } from "../../hooks/useAdapterCloudApi.js";
-import { formatDate as o } from "../../utils/formatters.js";
-import { useCallback as s, useMemo as c, useState as l } from "react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { DollarSign as d, Receipt as f, Search as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EmphasisPanel as g, GlassCard as _, ResponsiveTable as v } from "@burdenoff/fe-libs/ui";
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { MetricsCard as n } from "../../components/MetricsCard.js";
+import { formatMoney as r } from "../../utils/domain.js";
+import { DataState as i } from "../../components/DataState.js";
+import { useCostRecords as a, useCostSummary as o } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as s } from "../../utils/formatters.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { DollarSign as f, Receipt as p, Search as m, X as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v, GlassCard as y, ResponsiveTable as b } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/costs/CostsPage.tsx
-function y() {
-	let { t: y } = u(), b = s((e, t) => {
-		let n = y(e);
+function x() {
+	let { navigateTo: x } = e(), { t: S } = d(), C = c((e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [y]), [x, S] = l(""), [C, w] = l(""), T = a(), E = i({ service: C || void 0 }), D = T.data?.currency ?? "USD", O = c(() => [...T.data?.lines ?? []].sort((e, t) => t.total - e.total), [T.data]), k = s((e) => {
-		e.preventDefault(), w(x.trim());
-	}, [x]), A = [
+	}, [S]), [w, T] = u(""), [E, D] = u(""), O = o(), k = a({ service: E || void 0 }), A = O.data?.currency ?? "USD", j = l(() => [...O.data?.lines ?? []].sort((e, t) => t.total - e.total), [O.data]), M = c((e) => {
+		e.preventDefault(), D(w.trim());
+	}, [w]), N = c(() => {
+		T(""), D("");
+	}, []), P = [
 		{
 			key: "service",
-			header: b("adaptercloud.costs.service", "Service"),
+			header: C("adaptercloud.costs.service", "Service"),
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ m("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "font-medium text-text-primary",
 				children: e.service
 			})
 		},
 		{
 			key: "amount",
-			header: b("adaptercloud.costs.amount", "Amount"),
+			header: C("adaptercloud.costs.amount", "Amount"),
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ m("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "tabular-nums text-text-primary",
-				children: n(e.amount, e.currency)
+				children: r(e.amount, e.currency)
 			})
 		},
 		{
 			key: "period",
-			header: b("adaptercloud.costs.period", "Period"),
+			header: C("adaptercloud.costs.period", "Period"),
 			priority: "secondary",
-			cell: (e) => /* @__PURE__ */ h("span", {
+			cell: (e) => /* @__PURE__ */ _("span", {
 				className: "text-sm text-text-secondary",
 				children: [
-					o(e.periodStart, {
+					s(e.periodStart, {
 						hour: void 0,
 						minute: void 0
 					}),
 					" –",
 					" ",
-					o(e.periodEnd, {
+					s(e.periodEnd, {
 						hour: void 0,
 						minute: void 0
 					})
@@ -57,71 +60,71 @@ function y() {
 		},
 		{
 			key: "scope",
-			header: b("adaptercloud.costs.scope", "Scope"),
+			header: C("adaptercloud.costs.scope", "Scope"),
 			priority: "hidden-on-mobile",
-			cell: (e) => /* @__PURE__ */ m("span", {
+			cell: (e) => /* @__PURE__ */ g("span", {
 				className: "text-xs text-text-secondary",
-				children: e.resourceId ? b("adaptercloud.costs.resourceScope", "Resource") : e.connectionId ? b("adaptercloud.costs.connectionScope", "Connection") : b("adaptercloud.costs.workspaceScope", "Workspace")
+				children: e.resourceId ? C("adaptercloud.costs.resourceScope", "Resource") : e.connectionId ? C("adaptercloud.costs.connectionScope", "Connection") : C("adaptercloud.costs.workspaceScope", "Workspace")
 			})
 		}
 	];
-	return /* @__PURE__ */ h(e, {
-		title: b("adaptercloud.costs.title", "FinOps"),
-		description: b("adaptercloud.costs.subtitle", "Spend attributed to the same resources you operate — cost and topology share one model."),
-		children: [/* @__PURE__ */ h(r, {
-			isLoading: T.isLoading,
-			isError: T.isError,
-			error: T.error,
-			onRetry: () => void T.refetch(),
-			children: [/* @__PURE__ */ h(g, {
+	return /* @__PURE__ */ _(t, {
+		title: C("adaptercloud.costs.title", "FinOps"),
+		description: C("adaptercloud.costs.subtitle", "Spend attributed to the same resources you operate — cost and topology share one model."),
+		children: [/* @__PURE__ */ _(i, {
+			isLoading: O.isLoading,
+			isError: O.isError,
+			error: O.error,
+			onRetry: () => void O.refetch(),
+			children: [/* @__PURE__ */ _(v, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: /* @__PURE__ */ m("h2", {
+					children: /* @__PURE__ */ g("h2", {
 						className: "text-lg font-semibold text-text-primary",
-						children: b("adaptercloud.costs.summary", "Cost Summary")
+						children: C("adaptercloud.costs.summary", "Cost Summary")
 					})
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: [/* @__PURE__ */ m(t, {
+					children: [/* @__PURE__ */ g(n, {
 						featured: !0,
-						icon: /* @__PURE__ */ m(d, { className: "h-5 w-5" }),
-						value: T.data ? n(T.data.total, D) : "—",
-						label: b("adaptercloud.costs.totalSpend", "Total Spend")
-					}), O.slice(0, 3).map((e) => /* @__PURE__ */ m(t, {
-						icon: /* @__PURE__ */ m(f, { className: "h-5 w-5" }),
-						value: n(e.total, D),
+						icon: /* @__PURE__ */ g(f, { className: "h-5 w-5" }),
+						value: O.data ? r(O.data.total, A) : "—",
+						label: C("adaptercloud.costs.totalSpend", "Total Spend")
+					}), j.slice(0, 3).map((e) => /* @__PURE__ */ g(n, {
+						icon: /* @__PURE__ */ g(p, { className: "h-5 w-5" }),
+						value: r(e.total, A),
 						label: e.service
 					}, e.service))]
 				})]
-			}), O.length > 0 && /* @__PURE__ */ h("section", {
+			}), j.length > 0 && /* @__PURE__ */ _("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ g("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: b("adaptercloud.costs.byService", "Spend by Service")
-				}), /* @__PURE__ */ m(_, {
+					children: C("adaptercloud.costs.byService", "Spend by Service")
+				}), /* @__PURE__ */ g(y, {
 					className: "p-5",
-					children: /* @__PURE__ */ m("ul", {
+					children: /* @__PURE__ */ g("ul", {
 						className: "space-y-3",
-						children: O.map((e) => {
-							let t = T.data?.total ? Math.round(e.total / T.data.total * 100) : 0;
-							return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("div", {
+						children: j.map((e) => {
+							let t = O.data?.total ? Math.round(e.total / O.data.total * 100) : 0;
+							return /* @__PURE__ */ _("li", { children: [/* @__PURE__ */ _("div", {
 								className: "mb-1 flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "truncate text-text-primary",
 									children: e.service
-								}), /* @__PURE__ */ h("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "tabular-nums text-text-secondary",
 									children: [
-										n(e.total, D),
+										r(e.total, A),
 										" · ",
 										t,
 										"%"
 									]
 								})]
-							}), /* @__PURE__ */ m("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ g("div", {
 									className: "h-full rounded-full bg-action-primary-bg",
 									style: { width: `${Math.max(t, 2)}%` }
 								})
@@ -130,40 +133,62 @@ function y() {
 					})
 				})]
 			})]
-		}), /* @__PURE__ */ h("section", { children: [/* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ _("section", { children: [/* @__PURE__ */ _("div", {
 			className: "mb-4 flex flex-wrap items-center justify-between gap-3",
-			children: [/* @__PURE__ */ m("h2", {
+			children: [/* @__PURE__ */ g("h2", {
 				className: "text-lg font-semibold text-text-primary",
-				children: b("adaptercloud.costs.records", "Cost Records")
-			}), /* @__PURE__ */ h("form", {
-				onSubmit: k,
-				className: "relative",
-				children: [/* @__PURE__ */ m(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m("input", {
-					type: "text",
-					value: x,
-					onChange: (e) => S(e.target.value),
-					placeholder: b("adaptercloud.costs.filterService", "Filter by service…"),
-					className: "w-56 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)]"
+				children: C("adaptercloud.costs.records", "Cost Records")
+			}), /* @__PURE__ */ _("form", {
+				onSubmit: M,
+				role: "search",
+				className: "flex w-full items-center gap-2 sm:w-auto",
+				children: [/* @__PURE__ */ _("div", {
+					className: "relative w-full sm:w-56",
+					children: [/* @__PURE__ */ g("input", {
+						type: "text",
+						value: w,
+						onChange: (e) => T(e.target.value),
+						"aria-label": C("adaptercloud.costs.filterService", "Filter by service"),
+						placeholder: C("adaptercloud.costs.filterServicePlaceholder", "Filter by service…"),
+						className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-3 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+					}), E && /* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: N,
+						"aria-label": C("adaptercloud.costs.clearServiceFilter", "Clear service filter"),
+						className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						children: /* @__PURE__ */ g(h, { className: "h-4 w-4" })
+					})]
+				}), /* @__PURE__ */ g("button", {
+					type: "submit",
+					"aria-label": C("adaptercloud.costs.applyServiceFilter", "Apply service filter"),
+					className: "inline-flex shrink-0 items-center justify-center rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-text-primary transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
 				})]
 			})]
-		}), /* @__PURE__ */ m(r, {
-			isLoading: E.isLoading,
-			isError: E.isError,
-			isEmpty: (E.data ?? []).length === 0,
-			error: E.error,
-			onRetry: () => void E.refetch(),
-			emptyTitle: b("adaptercloud.costs.emptyTitle", "No cost records"),
-			emptyDescription: b("adaptercloud.costs.emptyDescription", "Run a cost-ingest sync against a connection to populate the ledger."),
-			emptyIcon: /* @__PURE__ */ m(f, { className: "h-10 w-10" }),
-			children: /* @__PURE__ */ m(v, {
-				data: E.data ?? [],
-				columns: A,
+		}), /* @__PURE__ */ g(i, {
+			isLoading: k.isLoading,
+			isError: k.isError,
+			isEmpty: (k.data ?? []).length === 0,
+			error: k.error,
+			onRetry: () => void k.refetch(),
+			emptyTitle: C("adaptercloud.costs.emptyTitle", "No cost records"),
+			emptyDescription: C("adaptercloud.costs.emptyDescription", "Run a cost-ingest sync against a connection to populate the ledger."),
+			emptyIcon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: () => x("/connections"),
+				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.costs.goToConnections", "Go to connections")
+			}),
+			children: /* @__PURE__ */ g(b, {
+				data: k.data ?? [],
+				columns: P,
 				rowKey: (e) => e.id
 			})
 		})] })]
 	});
 }
 //#endregion
-export { y as CostsPage };
+export { x as CostsPage };
 
 //# sourceMappingURL=CostsPage.js.map

package/dist/adaptercloud/pages/costs/CostsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CostsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/costs/CostsPage.tsx"],"sourcesContent":["/**\n * Costs (FinOps) Page\n * @module adaptercloud/pages/costs\n *\n * Workspace FinOps: the cost summary by service (`adaCostSummary`) plus the raw\n * cost-record ledger (`adaListCostRecords`), optionally filtered by service.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, Search, Receipt } from 'lucide-react';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { DataState } from '../../components/DataState';\nimport { useCostSummary, useCostRecords } from '../../hooks/useAdapterCloudApi';\nimport { formatMoney } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { AdaCostRecord } from '../../types';\n\nexport function CostsPage() {\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 [serviceInput, setServiceInput] = useState('');\n  const [appliedService, setAppliedService] = useState('');\n\n  const summary = useCostSummary();\n  const records = useCostRecords({ service: appliedService || undefined });\n\n  const currency = summary.data?.currency ?? 'USD';\n\n  const sortedLines = useMemo(\n    () => [...(summary.data?.lines ?? [])].sort((a, b) => b.total - a.total),\n    [summary.data]\n  );\n\n  const onSearch = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      setAppliedService(serviceInput.trim());\n    },\n    [serviceInput]\n  );\n\n  const recordColumns: ResponsiveTableColumn<AdaCostRecord>[] = [\n    {\n      key: 'service',\n      header: t('adaptercloud.costs.service', 'Service'),\n      priority: 'primary',\n      cell: (r) => <span className=\"font-medium text-text-primary\">{r.service}</span>,\n    },\n    {\n      key: 'amount',\n      header: t('adaptercloud.costs.amount', 'Amount'),\n      priority: 'primary',\n      cell: (r) => (\n        <span className=\"tabular-nums text-text-primary\">{formatMoney(r.amount, r.currency)}</span>\n      ),\n    },\n    {\n      key: 'period',\n      header: t('adaptercloud.costs.period', 'Period'),\n      priority: 'secondary',\n      cell: (r) => (\n        <span className=\"text-sm text-text-secondary\">\n          {formatDate(r.periodStart, { hour: undefined, minute: undefined })} –{' '}\n          {formatDate(r.periodEnd, { hour: undefined, minute: undefined })}\n        </span>\n      ),\n    },\n    {\n      key: 'scope',\n      header: t('adaptercloud.costs.scope', 'Scope'),\n      priority: 'hidden-on-mobile',\n      cell: (r) => (\n        <span className=\"text-xs text-text-secondary\">\n          {r.resourceId\n            ? t('adaptercloud.costs.resourceScope', 'Resource')\n            : r.connectionId\n              ? t('adaptercloud.costs.connectionScope', 'Connection')\n              : t('adaptercloud.costs.workspaceScope', 'Workspace')}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.costs.title', 'FinOps')}\n      description={t(\n        'adaptercloud.costs.subtitle',\n        'Spend attributed to the same resources you operate — cost and topology share one model.'\n      )}\n    >\n      <DataState\n        isLoading={summary.isLoading}\n        isError={summary.isError}\n        error={summary.error}\n        onRetry={() => void summary.refetch()}\n      >\n        {/* Total + by-service */}\n        <EmphasisPanel className=\"mb-8\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.summary', 'Cost Summary')}\n            </h2>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n            <MetricsCard\n              featured\n              icon={<DollarSign className=\"h-5 w-5\" />}\n              value={summary.data ? formatMoney(summary.data.total, currency) : '—'}\n              label={t('adaptercloud.costs.totalSpend', 'Total Spend')}\n            />\n            {sortedLines.slice(0, 3).map((line) => (\n              <MetricsCard\n                key={line.service}\n                icon={<Receipt className=\"h-5 w-5\" />}\n                value={formatMoney(line.total, currency)}\n                label={line.service}\n              />\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Full by-service breakdown */}\n        {sortedLines.length > 0 && (\n          <section className=\"mb-8\">\n            <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.byService', 'Spend by Service')}\n            </h2>\n            <GlassCard className=\"p-5\">\n              <ul className=\"space-y-3\">\n                {sortedLines.map((line) => {\n                  const pct = summary.data?.total\n                    ? Math.round((line.total / summary.data.total) * 100)\n                    : 0;\n                  return (\n                    <li key={line.service}>\n                      <div className=\"mb-1 flex items-center justify-between text-sm\">\n                        <span className=\"truncate text-text-primary\">{line.service}</span>\n                        <span className=\"tabular-nums text-text-secondary\">\n                          {formatMoney(line.total, currency)} · {pct}%\n                        </span>\n                      </div>\n                      <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${Math.max(pct, 2)}%` }}\n                        />\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n            </GlassCard>\n          </section>\n        )}\n      </DataState>\n\n      {/* Cost records ledger */}\n      <section>\n        <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {t('adaptercloud.costs.records', 'Cost Records')}\n          </h2>\n          <form onSubmit={onSearch} className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              value={serviceInput}\n              onChange={(e) => setServiceInput(e.target.value)}\n              placeholder={t('adaptercloud.costs.filterService', 'Filter by service…')}\n              className=\"w-56 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)]\"\n            />\n          </form>\n        </div>\n\n        <DataState\n          isLoading={records.isLoading}\n          isError={records.isError}\n          isEmpty={(records.data ?? []).length === 0}\n          error={records.error}\n          onRetry={() => void records.refetch()}\n          emptyTitle={t('adaptercloud.costs.emptyTitle', 'No cost records')}\n          emptyDescription={t(\n            'adaptercloud.costs.emptyDescription',\n            'Run a cost-ingest sync against a connection to populate the ledger.'\n          )}\n          emptyIcon={<Receipt className=\"h-10 w-10\" />}\n        >\n          <ResponsiveTable data={records.data ?? []} columns={recordColumns} rowKey={(r) => r.id} />\n        </DataState>\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CostsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/costs/CostsPage.tsx"],"sourcesContent":["/**\n * Costs (FinOps) Page\n * @module adaptercloud/pages/costs\n *\n * Workspace FinOps: the cost summary by service (`adaCostSummary`) plus the raw\n * cost-record ledger (`adaListCostRecords`), optionally filtered by service.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, Search, Receipt, X } from 'lucide-react';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useCostSummary, useCostRecords } from '../../hooks/useAdapterCloudApi';\nimport { formatMoney } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { AdaCostRecord } from '../../types';\n\nexport function CostsPage() {\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 [serviceInput, setServiceInput] = useState('');\n  const [appliedService, setAppliedService] = useState('');\n\n  const summary = useCostSummary();\n  const records = useCostRecords({ service: appliedService || undefined });\n\n  const currency = summary.data?.currency ?? 'USD';\n\n  const sortedLines = useMemo(\n    () => [...(summary.data?.lines ?? [])].sort((a, b) => b.total - a.total),\n    [summary.data]\n  );\n\n  const onSearch = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      setAppliedService(serviceInput.trim());\n    },\n    [serviceInput]\n  );\n\n  const clearService = useCallback(() => {\n    setServiceInput('');\n    setAppliedService('');\n  }, []);\n\n  const recordColumns: ResponsiveTableColumn<AdaCostRecord>[] = [\n    {\n      key: 'service',\n      header: t('adaptercloud.costs.service', 'Service'),\n      priority: 'primary',\n      cell: (r) => <span className=\"font-medium text-text-primary\">{r.service}</span>,\n    },\n    {\n      key: 'amount',\n      header: t('adaptercloud.costs.amount', 'Amount'),\n      priority: 'primary',\n      cell: (r) => (\n        <span className=\"tabular-nums text-text-primary\">{formatMoney(r.amount, r.currency)}</span>\n      ),\n    },\n    {\n      key: 'period',\n      header: t('adaptercloud.costs.period', 'Period'),\n      priority: 'secondary',\n      cell: (r) => (\n        <span className=\"text-sm text-text-secondary\">\n          {formatDate(r.periodStart, { hour: undefined, minute: undefined })} –{' '}\n          {formatDate(r.periodEnd, { hour: undefined, minute: undefined })}\n        </span>\n      ),\n    },\n    {\n      key: 'scope',\n      header: t('adaptercloud.costs.scope', 'Scope'),\n      priority: 'hidden-on-mobile',\n      cell: (r) => (\n        <span className=\"text-xs text-text-secondary\">\n          {r.resourceId\n            ? t('adaptercloud.costs.resourceScope', 'Resource')\n            : r.connectionId\n              ? t('adaptercloud.costs.connectionScope', 'Connection')\n              : t('adaptercloud.costs.workspaceScope', 'Workspace')}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.costs.title', 'FinOps')}\n      description={t(\n        'adaptercloud.costs.subtitle',\n        'Spend attributed to the same resources you operate — cost and topology share one model.'\n      )}\n    >\n      <DataState\n        isLoading={summary.isLoading}\n        isError={summary.isError}\n        error={summary.error}\n        onRetry={() => void summary.refetch()}\n      >\n        {/* Total + by-service */}\n        <EmphasisPanel className=\"mb-8\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.summary', 'Cost Summary')}\n            </h2>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n            <MetricsCard\n              featured\n              icon={<DollarSign className=\"h-5 w-5\" />}\n              value={summary.data ? formatMoney(summary.data.total, currency) : '—'}\n              label={t('adaptercloud.costs.totalSpend', 'Total Spend')}\n            />\n            {sortedLines.slice(0, 3).map((line) => (\n              <MetricsCard\n                key={line.service}\n                icon={<Receipt className=\"h-5 w-5\" />}\n                value={formatMoney(line.total, currency)}\n                label={line.service}\n              />\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Full by-service breakdown */}\n        {sortedLines.length > 0 && (\n          <section className=\"mb-8\">\n            <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.byService', 'Spend by Service')}\n            </h2>\n            <GlassCard className=\"p-5\">\n              <ul className=\"space-y-3\">\n                {sortedLines.map((line) => {\n                  const pct = summary.data?.total\n                    ? Math.round((line.total / summary.data.total) * 100)\n                    : 0;\n                  return (\n                    <li key={line.service}>\n                      <div className=\"mb-1 flex items-center justify-between text-sm\">\n                        <span className=\"truncate text-text-primary\">{line.service}</span>\n                        <span className=\"tabular-nums text-text-secondary\">\n                          {formatMoney(line.total, currency)} · {pct}%\n                        </span>\n                      </div>\n                      <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${Math.max(pct, 2)}%` }}\n                        />\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n            </GlassCard>\n          </section>\n        )}\n      </DataState>\n\n      {/* Cost records ledger */}\n      <section>\n        <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {t('adaptercloud.costs.records', 'Cost Records')}\n          </h2>\n          <form onSubmit={onSearch} role=\"search\" className=\"flex w-full items-center gap-2 sm:w-auto\">\n            <div className=\"relative w-full sm:w-56\">\n              <input\n                type=\"text\"\n                value={serviceInput}\n                onChange={(e) => setServiceInput(e.target.value)}\n                aria-label={t('adaptercloud.costs.filterService', 'Filter by service')}\n                placeholder={t('adaptercloud.costs.filterServicePlaceholder', 'Filter by service…')}\n                className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-3 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n              />\n              {appliedService && (\n                <button\n                  type=\"button\"\n                  onClick={clearService}\n                  aria-label={t('adaptercloud.costs.clearServiceFilter', 'Clear service filter')}\n                  className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n                >\n                  <X className=\"h-4 w-4\" />\n                </button>\n              )}\n            </div>\n            <button\n              type=\"submit\"\n              aria-label={t('adaptercloud.costs.applyServiceFilter', 'Apply service filter')}\n              className=\"inline-flex shrink-0 items-center justify-center rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-text-primary transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            >\n              <Search className=\"h-4 w-4\" />\n            </button>\n          </form>\n        </div>\n\n        <DataState\n          isLoading={records.isLoading}\n          isError={records.isError}\n          isEmpty={(records.data ?? []).length === 0}\n          error={records.error}\n          onRetry={() => void records.refetch()}\n          emptyTitle={t('adaptercloud.costs.emptyTitle', 'No cost records')}\n          emptyDescription={t(\n            'adaptercloud.costs.emptyDescription',\n            'Run a cost-ingest sync against a connection to populate the ledger.'\n          )}\n          emptyIcon={<Receipt className=\"h-10 w-10\" />}\n          emptyAction={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/connections')}\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.costs.goToConnections', 'Go to connections')}\n            </button>\n          }\n        >\n          <ResponsiveTable data={records.data ?? []} columns={recordColumns} rowKey={(r) => r.id} />\n        </DataState>\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgB,IAAY;CAC1B,IAAM,EAAE,kBAAe,GAAiB,EAClC,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAEK,CAAC,GAAc,KAAmB,EAAS,GAAG,EAC9C,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAElD,IAAU,GAAgB,EAC1B,IAAU,EAAe,EAAE,SAAS,KAAkB,KAAA,GAAW,CAAC,EAElE,IAAW,EAAQ,MAAM,YAAY,OAErC,IAAc,QACZ,CAAC,GAAI,EAAQ,MAAM,SAAS,EAAE,CAAE,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EACxE,CAAC,EAAQ,KAAK,CACf,EAEK,IAAW,GACd,MAAuB;AAEtB,EADA,EAAE,gBAAgB,EAClB,EAAkB,EAAa,MAAM,CAAC;IAExC,CAAC,EAAa,CACf,EAEK,IAAe,QAAkB;AAErC,EADA,EAAgB,GAAG,EACnB,EAAkB,GAAG;IACpB,EAAE,CAAC,EAEA,IAAwD;EAC5D;GACE,KAAK;GACL,QAAQ,EAAE,8BAA8B,UAAU;GAClD,UAAU;GACV,OAAO,MAAM,kBAAC,QAAD;IAAM,WAAU;cAAiC,EAAE;IAAe,CAAA;GAChF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,6BAA6B,SAAS;GAChD,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAAkC,EAAY,EAAE,QAAQ,EAAE,SAAS;IAAQ,CAAA;GAE9F;EACD;GACE,KAAK;GACL,QAAQ,EAAE,6BAA6B,SAAS;GAChD,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACG,EAAW,EAAE,aAAa;MAAE,MAAM,KAAA;MAAW,QAAQ,KAAA;MAAW,CAAC;KAAC;KAAG;KACrE,EAAW,EAAE,WAAW;MAAE,MAAM,KAAA;MAAW,QAAQ,KAAA;MAAW,CAAC;KAC3D;;GAEV;EACD;GACE,KAAK;GACL,QAAQ,EAAE,4BAA4B,QAAQ;GAC9C,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,aACC,EAAE,oCAAoC,WAAW,GACjD,EAAE,eACA,EAAE,sCAAsC,aAAa,GACrD,EAAE,qCAAqC,YAAY;IACpD,CAAA;GAEV;EACF;AAED,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,4BAA4B,SAAS;EAC9C,aAAa,EACX,+BACA,0FACD;YALH,CAOE,kBAAC,GAAD;GACE,WAAW,EAAQ;GACnB,SAAS,EAAQ;GACjB,OAAO,EAAQ;GACf,eAAe,KAAK,EAAQ,SAAS;aAJvC,CAOE,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,8BAA8B,eAAe;MAC7C,CAAA;KACD,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,UAAA;MACA,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO,EAAQ,OAAO,EAAY,EAAQ,KAAK,OAAO,EAAS,GAAG;MAClE,OAAO,EAAE,iCAAiC,cAAc;MACxD,CAAA,EACD,EAAY,MAAM,GAAG,EAAE,CAAC,KAAK,MAC5B,kBAAC,GAAD;MAEE,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;MACrC,OAAO,EAAY,EAAK,OAAO,EAAS;MACxC,OAAO,EAAK;MACZ,EAJK,EAAK,QAIV,CACF,CACE;OACQ;OAGf,EAAY,SAAS,KACpB,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,gCAAgC,mBAAmB;KACnD,CAAA,EACL,kBAAC,GAAD;KAAW,WAAU;eACnB,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAY,KAAK,MAAS;OACzB,IAAM,IAAM,EAAQ,MAAM,QACtB,KAAK,MAAO,EAAK,QAAQ,EAAQ,KAAK,QAAS,IAAI,GACnD;AACJ,cACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAA8B,EAAK;SAAe,CAAA,EAClE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAY,EAAK,OAAO,EAAS;UAAC;UAAI;UAAI;UACtC;WACH;WACN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,GAAK,EAAE,CAAC,IAAI;SACxC,CAAA;QACE,CAAA,CACH,EAAA,EAbI,EAAK,QAaT;QAEP;MACC,CAAA;KACK,CAAA,CACJ;MAEF;MAGZ,kBAAC,WAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,8BAA8B,eAAe;IAC7C,CAAA,EACL,kBAAC,QAAD;IAAM,UAAU;IAAU,MAAK;IAAS,WAAU;cAAlD,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;MAChD,cAAY,EAAE,oCAAoC,oBAAoB;MACtE,aAAa,EAAE,+CAA+C,qBAAqB;MACnF,WAAU;MACV,CAAA,EACD,KACC,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,cAAY,EAAE,yCAAyC,uBAAuB;MAC9E,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA,CAEP;QACN,kBAAC,UAAD;KACE,MAAK;KACL,cAAY,EAAE,yCAAyC,uBAAuB;KAC9E,WAAU;eAEV,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACvB,CAAA,CACJ;MACH;MAEN,kBAAC,GAAD;GACE,WAAW,EAAQ;GACnB,SAAS,EAAQ;GACjB,UAAU,EAAQ,QAAQ,EAAE,EAAE,WAAW;GACzC,OAAO,EAAQ;GACf,eAAe,KAAK,EAAQ,SAAS;GACrC,YAAY,EAAE,iCAAiC,kBAAkB;GACjE,kBAAkB,EAChB,uCACA,sEACD;GACD,WAAW,kBAAC,GAAD,EAAS,WAAU,aAAc,CAAA;GAC5C,aACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,eAAe;IACzC,WAAU;cAET,EAAE,sCAAsC,oBAAoB;IACtD,CAAA;aAGX,kBAAC,GAAD;IAAiB,MAAM,EAAQ,QAAQ,EAAE;IAAE,SAAS;IAAe,SAAS,MAAM,EAAE;IAAM,CAAA;GAChF,CAAA,CACJ,EAAA,CAAA,CACC"}