@littlebearapps/platform-admin-sdk 1.5.0 → 2.1.0

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 (157) hide show
  1. package/README.md +2 -2
  2. package/dist/templates.d.ts +1 -1
  3. package/dist/templates.js +197 -2
  4. package/package.json +1 -1
  5. package/templates/full/dashboard/src/components/patterns/ActivePatterns.tsx +62 -0
  6. package/templates/full/dashboard/src/components/patterns/PatternTabs.tsx +116 -0
  7. package/templates/full/dashboard/src/components/patterns/SystemPatterns.tsx +52 -0
  8. package/templates/full/dashboard/src/components/patterns/index.ts +3 -0
  9. package/templates/full/dashboard/src/components/reports/DigestStats.tsx +151 -0
  10. package/templates/full/dashboard/src/components/reports/GapDetectionReport.tsx +69 -0
  11. package/templates/full/dashboard/src/components/reports/HealthTrendsReport.tsx +192 -0
  12. package/templates/full/dashboard/src/components/reports/SdkAuditReport.tsx +72 -0
  13. package/templates/full/dashboard/src/components/reports/index.ts +2 -0
  14. package/templates/full/dashboard/src/components/usage/AIModelBreakdown.tsx +364 -0
  15. package/templates/full/dashboard/src/components/usage/unified/Recommendations.tsx +149 -0
  16. package/templates/full/dashboard/src/lib/cloudflare/alerting.ts +486 -0
  17. package/templates/full/dashboard/src/lib/cloudflare/graphql.ts +4785 -0
  18. package/templates/full/dashboard/src/lib/cloudflare/project-registry.ts +451 -0
  19. package/templates/full/dashboard/src/lib/notifications/api.ts +197 -0
  20. package/templates/full/dashboard/src/lib/notifications/types.ts.hbs +97 -0
  21. package/templates/full/dashboard/src/lib/patterns/api.ts +120 -0
  22. package/templates/full/dashboard/src/lib/patterns/types.ts +127 -0
  23. package/templates/full/dashboard/src/lib/reports/types.ts +231 -0
  24. package/templates/full/dashboard/src/lib/search/api.ts +258 -0
  25. package/templates/full/dashboard/src/lib/search/types.ts.hbs +115 -0
  26. package/templates/full/dashboard/src/lib/settings/api.ts.hbs +201 -0
  27. package/templates/full/dashboard/src/lib/settings/types.ts.hbs +104 -0
  28. package/templates/full/dashboard/src/lib/usage/allowance-config.ts.hbs +547 -0
  29. package/templates/full/dashboard/src/lib/usage/providers.ts +331 -0
  30. package/templates/full/dashboard/src/pages/api/notifications/[id]/read.ts +37 -0
  31. package/templates/full/dashboard/src/pages/api/notifications/read-all.ts +28 -0
  32. package/templates/full/dashboard/src/pages/api/patterns/cache-refresh.ts +38 -0
  33. package/templates/full/dashboard/src/pages/api/patterns/discover.ts +36 -0
  34. package/templates/full/dashboard/src/pages/api/patterns/ready-for-review.ts +39 -0
  35. package/templates/full/dashboard/src/pages/api/patterns/stats.ts +39 -0
  36. package/templates/full/dashboard/src/pages/api/patterns/suggestions.ts +43 -0
  37. package/templates/full/dashboard/src/pages/api/reports/audit.ts +45 -0
  38. package/templates/full/dashboard/src/pages/api/reports/usage.ts +52 -0
  39. package/templates/full/dashboard/src/pages/api/search/reindex.ts +28 -0
  40. package/templates/full/dashboard/src/pages/api/search/stats.ts +27 -0
  41. package/templates/full/dashboard/src/pages/api/settings/index.ts +37 -0
  42. package/templates/full/dashboard/src/pages/api/settings/update.ts +41 -0
  43. package/templates/full/dashboard/src/pages/api/topology/index.ts +56 -0
  44. package/templates/full/scripts/ops/universal-backfill.ts +147 -0
  45. package/templates/shared/.github/workflows/contract-check.yml.hbs +42 -0
  46. package/templates/shared/.github/workflows/dashboard-deploy.yml.hbs +39 -0
  47. package/templates/shared/.github/workflows/security.yml +33 -0
  48. package/templates/shared/dashboard/src/components/Nav.astro.hbs +2 -0
  49. package/templates/shared/dashboard/src/components/infrastructure/AlertHistory.tsx +57 -0
  50. package/templates/shared/dashboard/src/components/infrastructure/InfrastructureStats.tsx +73 -0
  51. package/templates/shared/dashboard/src/components/infrastructure/ServiceRegistry.tsx +55 -0
  52. package/templates/shared/dashboard/src/components/infrastructure/UptimeStatus.tsx +56 -0
  53. package/templates/shared/dashboard/src/components/infrastructure/index.ts +4 -0
  54. package/templates/shared/dashboard/src/components/reports/ReportInfoButton.tsx +98 -0
  55. package/templates/shared/dashboard/src/components/ui/Breadcrumbs.tsx +27 -0
  56. package/templates/shared/dashboard/src/components/ui/EmptyState.tsx +26 -0
  57. package/templates/shared/dashboard/src/components/ui/ErrorBoundary.tsx +42 -0
  58. package/templates/shared/dashboard/src/components/ui/LoadingSkeleton.tsx +18 -0
  59. package/templates/shared/dashboard/src/components/ui/PageShell.tsx +26 -0
  60. package/templates/shared/dashboard/src/components/ui/Toast.tsx +44 -0
  61. package/templates/shared/dashboard/src/components/ui/index.ts +6 -0
  62. package/templates/shared/dashboard/src/components/usage/AnomaliesWidget.tsx +68 -0
  63. package/templates/shared/dashboard/src/components/usage/HourlyUsageChart.tsx +55 -0
  64. package/templates/shared/dashboard/src/components/usage/PlanAllowanceDashboard.tsx +67 -0
  65. package/templates/shared/dashboard/src/components/usage/ProjectCostBreakdown.tsx +55 -0
  66. package/templates/shared/dashboard/src/components/usage/index.ts +4 -0
  67. package/templates/shared/dashboard/src/components/usage/react/DashboardShell.tsx +263 -0
  68. package/templates/shared/dashboard/src/components/usage/react/StatusBadge.tsx +77 -0
  69. package/templates/shared/dashboard/src/components/usage/react/UsageChart.tsx +391 -0
  70. package/templates/shared/dashboard/src/components/usage/react/index.ts.hbs +30 -0
  71. package/templates/shared/dashboard/src/components/usage/react/types.ts +137 -0
  72. package/templates/shared/dashboard/src/components/usage/transformers.ts +478 -0
  73. package/templates/shared/dashboard/src/components/usage/unified/AlertBanner.tsx +172 -0
  74. package/templates/shared/dashboard/src/components/usage/unified/HeroCardsRow.tsx +757 -0
  75. package/templates/shared/dashboard/src/components/usage/unified/LiveHeader.tsx +169 -0
  76. package/templates/shared/dashboard/src/components/usage/unified/ProjectsTable.tsx +448 -0
  77. package/templates/shared/dashboard/src/components/usage/unified/ResourceBreakdown.tsx +236 -0
  78. package/templates/shared/dashboard/src/components/usage/unified/Sparkline.tsx +127 -0
  79. package/templates/shared/dashboard/src/components/usage/unified/UnifiedShell.tsx +893 -0
  80. package/templates/shared/dashboard/src/components/usage/unified/index.ts.hbs +50 -0
  81. package/templates/shared/dashboard/src/components/usage/unified/types.ts +416 -0
  82. package/templates/shared/dashboard/src/lib/cloudflare/analytics.ts +310 -0
  83. package/templates/shared/dashboard/src/lib/cloudflare/costs.ts +21 -0
  84. package/templates/shared/dashboard/src/lib/cloudflare/d1.ts +55 -0
  85. package/templates/shared/dashboard/src/lib/cloudflare/index.ts.hbs +120 -0
  86. package/templates/shared/dashboard/src/lib/infrastructure/types.ts +116 -0
  87. package/templates/shared/dashboard/src/lib/usage/fetchWithDedup.ts +101 -0
  88. package/templates/shared/dashboard/src/lib/usage/index.ts.hbs +12 -0
  89. package/templates/shared/dashboard/src/pages/api/costs/overview.ts +65 -0
  90. package/templates/shared/dashboard/src/pages/api/costs/providers.ts +47 -0
  91. package/templates/shared/dashboard/src/pages/api/infrastructure/services.ts +55 -0
  92. package/templates/shared/dashboard/src/pages/api/infrastructure/stats.ts +99 -0
  93. package/templates/shared/dashboard/src/pages/api/usage/allowances.ts +56 -0
  94. package/templates/shared/dashboard/src/pages/api/usage/anomalies.ts +45 -0
  95. package/templates/shared/dashboard/src/pages/api/usage/billing.ts +53 -0
  96. package/templates/shared/dashboard/src/pages/api/usage/granular.ts +50 -0
  97. package/templates/shared/dashboard/src/pages/api/usage/hourly.ts +45 -0
  98. package/templates/shared/dashboard/src/pages/api/usage/projects.ts +51 -0
  99. package/templates/shared/dashboard/src/pages/api/user/identity.ts +11 -0
  100. package/templates/shared/dashboard/src/pages/settings/notifications.astro +34 -0
  101. package/templates/shared/dashboard/src/pages/settings/thresholds.astro +39 -0
  102. package/templates/shared/dashboard/src/pages/settings/usage.astro +28 -0
  103. package/templates/shared/docs/architecture.md +89 -0
  104. package/templates/shared/docs/post-deploy-runbook.md +126 -0
  105. package/templates/shared/docs/troubleshooting.md +91 -0
  106. package/templates/shared/package.json.hbs +5 -0
  107. package/templates/shared/scripts/ops/backfill-cloudflare-daily.ts +145 -0
  108. package/templates/shared/scripts/ops/backfill-monthly-rollups.ts +125 -0
  109. package/templates/shared/scripts/ops/validate-controls.js +141 -0
  110. package/templates/shared/tests/contract/validate-schemas.test.ts +130 -0
  111. package/templates/shared/tests/e2e/usage-api.test.ts +909 -0
  112. package/templates/shared/tests/fixtures/telemetry-envelope-invalid.json +9 -0
  113. package/templates/shared/tests/fixtures/telemetry-envelope-valid.json +27 -0
  114. package/templates/shared/tests/helpers/mock-d1.ts +61 -0
  115. package/templates/shared/tests/helpers/mock-kv.ts +37 -0
  116. package/templates/shared/tests/helpers/mock-storage.ts +166 -0
  117. package/templates/shared/tests/integration/kv-cache.test.ts +252 -0
  118. package/templates/shared/tests/integration/platform-usage.test.ts +956 -0
  119. package/templates/shared/tests/unit/billing.test.ts +331 -0
  120. package/templates/shared/tests/unit/cloudflare/graphql.test.ts +217 -0
  121. package/templates/shared/tests/unit/components/usage-transformers.test.ts +473 -0
  122. package/templates/shared/tests/unit/control.test.ts +226 -0
  123. package/templates/shared/tests/unit/cost-calculator.test.ts +141 -0
  124. package/templates/shared/tests/unit/economics.test.ts +365 -0
  125. package/templates/shared/tests/unit/telemetry-sampling.test.ts +401 -0
  126. package/templates/shared/tests/unit/workers/batch-persistence.test.ts +133 -0
  127. package/templates/shared/tests/unit/workers/budget-enforcement.test.ts +214 -0
  128. package/templates/shared/vitest.config.ts +18 -0
  129. package/templates/standard/dashboard/src/components/health/CircuitBreakerEvents.tsx +69 -0
  130. package/templates/standard/dashboard/src/components/health/CircuitBreakerPanel.tsx +97 -0
  131. package/templates/standard/dashboard/src/components/health/index.ts +2 -0
  132. package/templates/standard/dashboard/src/components/reports/CircuitBreakerReport.tsx +474 -0
  133. package/templates/standard/dashboard/src/components/reports/CostTrendsReport.tsx +229 -0
  134. package/templates/standard/dashboard/src/components/reports/ErrorTrendsReport.tsx +244 -0
  135. package/templates/standard/dashboard/src/components/reports/ProjectHealthTable.tsx +251 -0
  136. package/templates/standard/dashboard/src/components/reports/WarningDigestsTable.tsx +298 -0
  137. package/templates/standard/dashboard/src/components/usage/react/UsageTable.tsx +385 -0
  138. package/templates/standard/dashboard/src/components/usage/unified/CircuitBreakerEvents.tsx +305 -0
  139. package/templates/standard/dashboard/src/components/usage/unified/FeatureBudgets.tsx +472 -0
  140. package/templates/standard/dashboard/src/lib/errors/api.ts +84 -0
  141. package/templates/standard/dashboard/src/lib/errors/types.ts +75 -0
  142. package/templates/standard/dashboard/src/lib/infrastructure/api.ts +141 -0
  143. package/templates/standard/dashboard/src/lib/infrastructure/gatus.ts.hbs +112 -0
  144. package/templates/standard/dashboard/src/lib/services/proxy/index.ts +20 -0
  145. package/templates/standard/dashboard/src/lib/services/proxy/proxy.ts +244 -0
  146. package/templates/standard/dashboard/src/lib/services/proxy/types.ts +81 -0
  147. package/templates/standard/dashboard/src/pages/api/errors/[fingerprint]/mute.ts +49 -0
  148. package/templates/standard/dashboard/src/pages/api/errors/[fingerprint]/resolve.ts +36 -0
  149. package/templates/standard/dashboard/src/pages/api/errors/[fingerprint].ts +55 -0
  150. package/templates/standard/dashboard/src/pages/api/health/audit-history.ts +37 -0
  151. package/templates/standard/dashboard/src/pages/circuit-breakers.astro +13 -0
  152. package/templates/standard/tests/integration/platform-sentinel.test.ts +497 -0
  153. package/templates/standard/tests/unit/cloudflare/alerting.test.ts +480 -0
  154. package/templates/standard/tests/unit/error-collector/capture.test.ts +106 -0
  155. package/templates/standard/tests/unit/error-collector/dedup.test.ts +350 -0
  156. package/templates/standard/tests/unit/error-collector/fingerprint.test.ts +155 -0
  157. package/templates/standard/tests/unit/error-collector/github.test.ts +187 -0
package/README.md CHANGED
@@ -70,8 +70,8 @@ Creates a `.platform-scaffold.json` manifest for projects scaffolded before v1.1
70
70
  | Tier | Workers | What You Get | Est. Cost |
71
71
  |------|---------|-------------|-----------|
72
72
  | **Minimal** | 1 | Budget enforcement, circuit breakers, usage telemetry | ~$0/mo |
73
- | **Standard** | 3 | + Error collector (auto GitHub issues), gap detection sentinel | ~$0/mo |
74
- | **Full** | 8 | + AI pattern discovery, alert router, notifications, search, settings | ~$5/mo |
73
+ | **Standard** | 5 | + Error collector (auto GitHub issues), gap detection sentinel, mapper, test client | ~$0/mo |
74
+ | **Full** | 11 | + AI pattern discovery, alert router, notifications, search, settings, auditor | ~$5/mo |
75
75
 
76
76
  See [Tier Comparison](../../docs/admin-sdk/tiers.md) for a detailed breakdown of what each tier generates.
77
77
 
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import type { Tier } from './prompts.js';
8
8
  /** Single source of truth for the SDK version. */
9
- export declare const SDK_VERSION = "1.5.0";
9
+ export declare const SDK_VERSION = "2.1.0";
10
10
  /** Returns true if `to` is the same or higher tier than `from`. */
11
11
  export declare function isTierUpgradeOrSame(from: Tier, to: Tier): boolean;
12
12
  /** Check if a template file is a numbered migration (not seed.sql). */
package/dist/templates.js CHANGED
@@ -5,7 +5,7 @@
5
5
  * All other files are copied verbatim.
6
6
  */
7
7
  /** Single source of truth for the SDK version. */
8
- export const SDK_VERSION = '1.5.0';
8
+ export const SDK_VERSION = '2.1.0';
9
9
  /** Tier ordering for upgrade validation. */
10
10
  const TIER_ORDER = { minimal: 0, standard: 1, full: 2 };
11
11
  /** Returns true if `to` is the same or higher tier than `from`. */
@@ -147,6 +147,113 @@ const SHARED_FILES = [
147
147
  { src: 'shared/dashboard/src/components/settings/index.ts', dest: 'dashboard/src/components/settings/index.ts', template: false },
148
148
  { src: 'shared/dashboard/src/lib/types.ts', dest: 'dashboard/src/lib/types.ts', template: false },
149
149
  { src: 'shared/dashboard/src/lib/fetch.ts', dest: 'dashboard/src/lib/fetch.ts', template: false },
150
+ // Dashboard — shared tier: UI primitives (v1.6.0)
151
+ { src: 'shared/dashboard/src/components/ui/EmptyState.tsx', dest: 'dashboard/src/components/ui/EmptyState.tsx', template: false },
152
+ { src: 'shared/dashboard/src/components/ui/LoadingSkeleton.tsx', dest: 'dashboard/src/components/ui/LoadingSkeleton.tsx', template: false },
153
+ { src: 'shared/dashboard/src/components/ui/Breadcrumbs.tsx', dest: 'dashboard/src/components/ui/Breadcrumbs.tsx', template: false },
154
+ { src: 'shared/dashboard/src/components/ui/Toast.tsx', dest: 'dashboard/src/components/ui/Toast.tsx', template: false },
155
+ // Dashboard — shared tier: usage API routes (v1.6.0)
156
+ { src: 'shared/dashboard/src/pages/api/usage/billing.ts', dest: 'dashboard/src/pages/api/usage/billing.ts', template: false },
157
+ { src: 'shared/dashboard/src/pages/api/usage/hourly.ts', dest: 'dashboard/src/pages/api/usage/hourly.ts', template: false },
158
+ { src: 'shared/dashboard/src/pages/api/usage/granular.ts', dest: 'dashboard/src/pages/api/usage/granular.ts', template: false },
159
+ { src: 'shared/dashboard/src/pages/api/usage/projects.ts', dest: 'dashboard/src/pages/api/usage/projects.ts', template: false },
160
+ { src: 'shared/dashboard/src/pages/api/usage/allowances.ts', dest: 'dashboard/src/pages/api/usage/allowances.ts', template: false },
161
+ { src: 'shared/dashboard/src/pages/api/usage/anomalies.ts', dest: 'dashboard/src/pages/api/usage/anomalies.ts', template: false },
162
+ // Dashboard — shared tier: costs API routes (v1.6.0)
163
+ { src: 'shared/dashboard/src/pages/api/costs/overview.ts', dest: 'dashboard/src/pages/api/costs/overview.ts', template: false },
164
+ { src: 'shared/dashboard/src/pages/api/costs/providers.ts', dest: 'dashboard/src/pages/api/costs/providers.ts', template: false },
165
+ // Dashboard — shared tier: infrastructure API routes (v1.6.0)
166
+ { src: 'shared/dashboard/src/pages/api/infrastructure/stats.ts', dest: 'dashboard/src/pages/api/infrastructure/stats.ts', template: false },
167
+ { src: 'shared/dashboard/src/pages/api/infrastructure/services.ts', dest: 'dashboard/src/pages/api/infrastructure/services.ts', template: false },
168
+ // Dashboard — shared tier: user API route (v1.6.0)
169
+ { src: 'shared/dashboard/src/pages/api/user/identity.ts', dest: 'dashboard/src/pages/api/user/identity.ts', template: false },
170
+ // Dashboard — shared tier: cloudflare lib (v1.6.0)
171
+ { src: 'shared/dashboard/src/lib/cloudflare/costs.ts', dest: 'dashboard/src/lib/cloudflare/costs.ts', template: false },
172
+ // Dashboard — shared tier: cloudflare lib (v2.1.0)
173
+ { src: 'shared/dashboard/src/lib/cloudflare/index.ts.hbs', dest: 'dashboard/src/lib/cloudflare/index.ts', template: true },
174
+ { src: 'shared/dashboard/src/lib/cloudflare/d1.ts', dest: 'dashboard/src/lib/cloudflare/d1.ts', template: false },
175
+ { src: 'shared/dashboard/src/lib/cloudflare/analytics.ts', dest: 'dashboard/src/lib/cloudflare/analytics.ts', template: false },
176
+ // Dashboard — shared tier: usage lib (v2.1.0)
177
+ { src: 'shared/dashboard/src/lib/usage/index.ts.hbs', dest: 'dashboard/src/lib/usage/index.ts', template: true },
178
+ { src: 'shared/dashboard/src/lib/usage/fetchWithDedup.ts', dest: 'dashboard/src/lib/usage/fetchWithDedup.ts', template: false },
179
+ // Dashboard — shared tier: infrastructure lib (v2.1.0)
180
+ { src: 'shared/dashboard/src/lib/infrastructure/types.ts', dest: 'dashboard/src/lib/infrastructure/types.ts', template: false },
181
+ // Dashboard — shared tier: infrastructure components (v1.6.0)
182
+ { src: 'shared/dashboard/src/components/infrastructure/InfrastructureStats.tsx', dest: 'dashboard/src/components/infrastructure/InfrastructureStats.tsx', template: false },
183
+ { src: 'shared/dashboard/src/components/infrastructure/index.ts', dest: 'dashboard/src/components/infrastructure/index.ts', template: false },
184
+ // Dashboard — shared tier: usage components (v1.6.0)
185
+ { src: 'shared/dashboard/src/components/usage/HourlyUsageChart.tsx', dest: 'dashboard/src/components/usage/HourlyUsageChart.tsx', template: false },
186
+ { src: 'shared/dashboard/src/components/usage/PlanAllowanceDashboard.tsx', dest: 'dashboard/src/components/usage/PlanAllowanceDashboard.tsx', template: false },
187
+ { src: 'shared/dashboard/src/components/usage/AnomaliesWidget.tsx', dest: 'dashboard/src/components/usage/AnomaliesWidget.tsx', template: false },
188
+ { src: 'shared/dashboard/src/components/usage/index.ts', dest: 'dashboard/src/components/usage/index.ts', template: false },
189
+ // Dashboard — shared tier: settings pages (v1.6.0)
190
+ { src: 'shared/dashboard/src/pages/settings/notifications.astro', dest: 'dashboard/src/pages/settings/notifications.astro', template: false },
191
+ { src: 'shared/dashboard/src/pages/settings/thresholds.astro', dest: 'dashboard/src/pages/settings/thresholds.astro', template: false },
192
+ { src: 'shared/dashboard/src/pages/settings/usage.astro', dest: 'dashboard/src/pages/settings/usage.astro', template: false },
193
+ // CI — dashboard deploy workflow (v1.6.0)
194
+ { src: 'shared/.github/workflows/dashboard-deploy.yml.hbs', dest: '.github/workflows/dashboard-deploy.yml', template: true },
195
+ // Test infrastructure (v1.7.0)
196
+ { src: 'shared/vitest.config.ts', dest: 'vitest.config.ts', template: false },
197
+ { src: 'shared/tests/helpers/mock-kv.ts', dest: 'tests/helpers/mock-kv.ts', template: false },
198
+ { src: 'shared/tests/helpers/mock-d1.ts', dest: 'tests/helpers/mock-d1.ts', template: false },
199
+ { src: 'shared/tests/fixtures/telemetry-envelope-valid.json', dest: 'tests/fixtures/telemetry-envelope-valid.json', template: false },
200
+ { src: 'shared/tests/fixtures/telemetry-envelope-invalid.json', dest: 'tests/fixtures/telemetry-envelope-invalid.json', template: false },
201
+ // Shared tests (v1.7.0)
202
+ { src: 'shared/tests/unit/workers/budget-enforcement.test.ts', dest: 'tests/unit/workers/budget-enforcement.test.ts', template: false },
203
+ { src: 'shared/tests/unit/workers/batch-persistence.test.ts', dest: 'tests/unit/workers/batch-persistence.test.ts', template: false },
204
+ { src: 'shared/tests/contract/validate-schemas.test.ts', dest: 'tests/contract/validate-schemas.test.ts', template: false },
205
+ // Backfill scripts (v1.8.0)
206
+ { src: 'shared/scripts/ops/backfill-cloudflare-daily.ts', dest: 'scripts/ops/backfill-cloudflare-daily.ts', template: false },
207
+ { src: 'shared/scripts/ops/backfill-monthly-rollups.ts', dest: 'scripts/ops/backfill-monthly-rollups.ts', template: false },
208
+ { src: 'shared/scripts/ops/validate-controls.js', dest: 'scripts/ops/validate-controls.js', template: false },
209
+ // Dashboard — shared tier: additional infrastructure components (v2.0.0)
210
+ { src: 'shared/dashboard/src/components/infrastructure/UptimeStatus.tsx', dest: 'dashboard/src/components/infrastructure/UptimeStatus.tsx', template: false },
211
+ { src: 'shared/dashboard/src/components/infrastructure/ServiceRegistry.tsx', dest: 'dashboard/src/components/infrastructure/ServiceRegistry.tsx', template: false },
212
+ { src: 'shared/dashboard/src/components/infrastructure/AlertHistory.tsx', dest: 'dashboard/src/components/infrastructure/AlertHistory.tsx', template: false },
213
+ // Dashboard — shared tier: additional usage components (v2.0.0)
214
+ { src: 'shared/dashboard/src/components/usage/ProjectCostBreakdown.tsx', dest: 'dashboard/src/components/usage/ProjectCostBreakdown.tsx', template: false },
215
+ // Dashboard — shared tier: additional UI components (v2.0.0)
216
+ { src: 'shared/dashboard/src/components/ui/ErrorBoundary.tsx', dest: 'dashboard/src/components/ui/ErrorBoundary.tsx', template: false },
217
+ { src: 'shared/dashboard/src/components/ui/PageShell.tsx', dest: 'dashboard/src/components/ui/PageShell.tsx', template: false },
218
+ // Dashboard — shared tier: usage/unified components (v2.1.0)
219
+ { src: 'shared/dashboard/src/components/usage/unified/UnifiedShell.tsx', dest: 'dashboard/src/components/usage/unified/UnifiedShell.tsx', template: false },
220
+ { src: 'shared/dashboard/src/components/usage/unified/HeroCardsRow.tsx', dest: 'dashboard/src/components/usage/unified/HeroCardsRow.tsx', template: false },
221
+ { src: 'shared/dashboard/src/components/usage/unified/ResourceBreakdown.tsx', dest: 'dashboard/src/components/usage/unified/ResourceBreakdown.tsx', template: false },
222
+ { src: 'shared/dashboard/src/components/usage/unified/LiveHeader.tsx', dest: 'dashboard/src/components/usage/unified/LiveHeader.tsx', template: false },
223
+ { src: 'shared/dashboard/src/components/usage/unified/AlertBanner.tsx', dest: 'dashboard/src/components/usage/unified/AlertBanner.tsx', template: false },
224
+ { src: 'shared/dashboard/src/components/usage/unified/Sparkline.tsx', dest: 'dashboard/src/components/usage/unified/Sparkline.tsx', template: false },
225
+ { src: 'shared/dashboard/src/components/usage/unified/ProjectsTable.tsx', dest: 'dashboard/src/components/usage/unified/ProjectsTable.tsx', template: false },
226
+ { src: 'shared/dashboard/src/components/usage/unified/types.ts', dest: 'dashboard/src/components/usage/unified/types.ts', template: false },
227
+ { src: 'shared/dashboard/src/components/usage/unified/index.ts.hbs', dest: 'dashboard/src/components/usage/unified/index.ts', template: true },
228
+ // Dashboard — shared tier: usage/react components (v2.1.0)
229
+ { src: 'shared/dashboard/src/components/usage/react/StatusBadge.tsx', dest: 'dashboard/src/components/usage/react/StatusBadge.tsx', template: false },
230
+ { src: 'shared/dashboard/src/components/usage/react/UsageChart.tsx', dest: 'dashboard/src/components/usage/react/UsageChart.tsx', template: false },
231
+ { src: 'shared/dashboard/src/components/usage/react/DashboardShell.tsx', dest: 'dashboard/src/components/usage/react/DashboardShell.tsx', template: false },
232
+ { src: 'shared/dashboard/src/components/usage/react/types.ts', dest: 'dashboard/src/components/usage/react/types.ts', template: false },
233
+ { src: 'shared/dashboard/src/components/usage/react/index.ts.hbs', dest: 'dashboard/src/components/usage/react/index.ts', template: true },
234
+ // Dashboard — shared tier: usage utilities (v2.1.0)
235
+ { src: 'shared/dashboard/src/components/usage/transformers.ts', dest: 'dashboard/src/components/usage/transformers.ts', template: false },
236
+ // Dashboard — shared tier: reports components (v2.1.0)
237
+ { src: 'shared/dashboard/src/components/reports/ReportInfoButton.tsx', dest: 'dashboard/src/components/reports/ReportInfoButton.tsx', template: false },
238
+ // Tests — shared tier (v2.1.0)
239
+ { src: 'shared/tests/helpers/mock-storage.ts', dest: 'tests/helpers/mock-storage.ts', template: false },
240
+ { src: 'shared/tests/unit/billing.test.ts', dest: 'tests/unit/billing.test.ts', template: false },
241
+ { src: 'shared/tests/unit/economics.test.ts', dest: 'tests/unit/economics.test.ts', template: false },
242
+ { src: 'shared/tests/unit/control.test.ts', dest: 'tests/unit/control.test.ts', template: false },
243
+ { src: 'shared/tests/unit/cost-calculator.test.ts', dest: 'tests/unit/cost-calculator.test.ts', template: false },
244
+ { src: 'shared/tests/unit/telemetry-sampling.test.ts', dest: 'tests/unit/telemetry-sampling.test.ts', template: false },
245
+ { src: 'shared/tests/unit/cloudflare/graphql.test.ts', dest: 'tests/unit/cloudflare/graphql.test.ts', template: false },
246
+ { src: 'shared/tests/unit/components/usage-transformers.test.ts', dest: 'tests/unit/components/usage-transformers.test.ts', template: false },
247
+ { src: 'shared/tests/integration/platform-usage.test.ts', dest: 'tests/integration/platform-usage.test.ts', template: false },
248
+ { src: 'shared/tests/integration/kv-cache.test.ts', dest: 'tests/integration/kv-cache.test.ts', template: false },
249
+ { src: 'shared/tests/e2e/usage-api.test.ts', dest: 'tests/e2e/usage-api.test.ts', template: false },
250
+ // CI — contract check + security workflows (v2.0.0)
251
+ { src: 'shared/.github/workflows/contract-check.yml.hbs', dest: '.github/workflows/contract-check.yml', template: true },
252
+ { src: 'shared/.github/workflows/security.yml', dest: '.github/workflows/security.yml', template: false },
253
+ // Documentation (v2.0.0)
254
+ { src: 'shared/docs/troubleshooting.md', dest: 'docs/troubleshooting.md', template: false },
255
+ { src: 'shared/docs/architecture.md', dest: 'docs/architecture.md', template: false },
256
+ { src: 'shared/docs/post-deploy-runbook.md', dest: 'docs/post-deploy-runbook.md', template: false },
150
257
  ];
151
258
  const STANDARD_FILES = [
152
259
  // Additional migrations
@@ -189,7 +296,43 @@ const STANDARD_FILES = [
189
296
  { src: 'standard/dashboard/src/components/errors/ErrorsTable.tsx', dest: 'dashboard/src/components/errors/ErrorsTable.tsx', template: false },
190
297
  { src: 'standard/dashboard/src/components/errors/ErrorStats.tsx', dest: 'dashboard/src/components/errors/ErrorStats.tsx', template: false },
191
298
  { src: 'standard/dashboard/src/components/errors/index.ts', dest: 'dashboard/src/components/errors/index.ts', template: false },
192
- { src: 'standard/dashboard/src/lib/errors.ts', dest: 'dashboard/src/lib/errors.ts', template: false },
299
+ // Dashboard standard tier: lib modules (v2.1.0) replaces old errors.ts
300
+ { src: 'standard/dashboard/src/lib/errors/types.ts', dest: 'dashboard/src/lib/errors/types.ts', template: false },
301
+ { src: 'standard/dashboard/src/lib/errors/api.ts', dest: 'dashboard/src/lib/errors/api.ts', template: false },
302
+ { src: 'standard/dashboard/src/lib/infrastructure/api.ts', dest: 'dashboard/src/lib/infrastructure/api.ts', template: false },
303
+ { src: 'standard/dashboard/src/lib/infrastructure/gatus.ts.hbs', dest: 'dashboard/src/lib/infrastructure/gatus.ts', template: true },
304
+ { src: 'standard/dashboard/src/lib/services/proxy/types.ts', dest: 'dashboard/src/lib/services/proxy/types.ts', template: false },
305
+ { src: 'standard/dashboard/src/lib/services/proxy/proxy.ts', dest: 'dashboard/src/lib/services/proxy/proxy.ts', template: false },
306
+ { src: 'standard/dashboard/src/lib/services/proxy/index.ts', dest: 'dashboard/src/lib/services/proxy/index.ts', template: false },
307
+ // Dashboard — standard tier: error detail API routes (v1.6.0)
308
+ { src: 'standard/dashboard/src/pages/api/errors/[fingerprint].ts', dest: 'dashboard/src/pages/api/errors/[fingerprint].ts', template: false },
309
+ { src: 'standard/dashboard/src/pages/api/errors/[fingerprint]/mute.ts', dest: 'dashboard/src/pages/api/errors/[fingerprint]/mute.ts', template: false },
310
+ { src: 'standard/dashboard/src/pages/api/errors/[fingerprint]/resolve.ts', dest: 'dashboard/src/pages/api/errors/[fingerprint]/resolve.ts', template: false },
311
+ // Dashboard — standard tier: circuit breaker components (v1.6.0)
312
+ { src: 'standard/dashboard/src/components/health/CircuitBreakerPanel.tsx', dest: 'dashboard/src/components/health/CircuitBreakerPanel.tsx', template: false },
313
+ { src: 'standard/dashboard/src/components/health/CircuitBreakerEvents.tsx', dest: 'dashboard/src/components/health/CircuitBreakerEvents.tsx', template: false },
314
+ // Dashboard — standard tier: circuit breakers page (v1.6.0)
315
+ { src: 'standard/dashboard/src/pages/circuit-breakers.astro', dest: 'dashboard/src/pages/circuit-breakers.astro', template: false },
316
+ // Standard tests (v1.7.0)
317
+ { src: 'standard/tests/unit/error-collector/fingerprint.test.ts', dest: 'tests/unit/error-collector/fingerprint.test.ts', template: false },
318
+ { src: 'standard/tests/unit/error-collector/capture.test.ts', dest: 'tests/unit/error-collector/capture.test.ts', template: false },
319
+ // Dashboard — standard tier: audit history API route (v2.0.0)
320
+ { src: 'standard/dashboard/src/pages/api/health/audit-history.ts', dest: 'dashboard/src/pages/api/health/audit-history.ts', template: false },
321
+ // Dashboard — standard tier: usage components (v2.1.0)
322
+ { src: 'standard/dashboard/src/components/usage/react/UsageTable.tsx', dest: 'dashboard/src/components/usage/react/UsageTable.tsx', template: false },
323
+ { src: 'standard/dashboard/src/components/usage/unified/FeatureBudgets.tsx', dest: 'dashboard/src/components/usage/unified/FeatureBudgets.tsx', template: false },
324
+ { src: 'standard/dashboard/src/components/usage/unified/CircuitBreakerEvents.tsx', dest: 'dashboard/src/components/usage/unified/CircuitBreakerEvents.tsx', template: false },
325
+ // Dashboard — standard tier: reports components (v2.1.0)
326
+ { src: 'standard/dashboard/src/components/reports/CircuitBreakerReport.tsx', dest: 'dashboard/src/components/reports/CircuitBreakerReport.tsx', template: false },
327
+ { src: 'standard/dashboard/src/components/reports/ErrorTrendsReport.tsx', dest: 'dashboard/src/components/reports/ErrorTrendsReport.tsx', template: false },
328
+ { src: 'standard/dashboard/src/components/reports/ProjectHealthTable.tsx', dest: 'dashboard/src/components/reports/ProjectHealthTable.tsx', template: false },
329
+ { src: 'standard/dashboard/src/components/reports/CostTrendsReport.tsx', dest: 'dashboard/src/components/reports/CostTrendsReport.tsx', template: false },
330
+ { src: 'standard/dashboard/src/components/reports/WarningDigestsTable.tsx', dest: 'dashboard/src/components/reports/WarningDigestsTable.tsx', template: false },
331
+ // Tests — standard tier (v2.1.0)
332
+ { src: 'standard/tests/unit/cloudflare/alerting.test.ts', dest: 'tests/unit/cloudflare/alerting.test.ts', template: false },
333
+ { src: 'standard/tests/unit/error-collector/dedup.test.ts', dest: 'tests/unit/error-collector/dedup.test.ts', template: false },
334
+ { src: 'standard/tests/unit/error-collector/github.test.ts', dest: 'tests/unit/error-collector/github.test.ts', template: false },
335
+ { src: 'standard/tests/integration/platform-sentinel.test.ts', dest: 'tests/integration/platform-sentinel.test.ts', template: false },
193
336
  ];
194
337
  const FULL_FILES = [
195
338
  // Additional migrations
@@ -237,6 +380,8 @@ const FULL_FILES = [
237
380
  { src: 'full/migrations/011_multi_account.sql', dest: 'storage/d1/migrations/011_multi_account.sql', template: false },
238
381
  // KV pricing configuration script
239
382
  { src: 'full/scripts/ops/set-kv-pricing.ts', dest: 'scripts/ops/set-kv-pricing.ts', template: false },
383
+ // Universal backfill cascade (v1.8.0)
384
+ { src: 'full/scripts/ops/universal-backfill.ts', dest: 'scripts/ops/universal-backfill.ts', template: false },
240
385
  // Dashboard — full tier (patterns, notifications, search)
241
386
  { src: 'full/dashboard/src/pages/notifications.astro', dest: 'dashboard/src/pages/notifications.astro', template: false },
242
387
  { src: 'full/dashboard/src/pages/api/patterns/index.ts', dest: 'dashboard/src/pages/api/patterns/index.ts', template: false },
@@ -252,6 +397,56 @@ const FULL_FILES = [
252
397
  { src: 'full/dashboard/src/components/notifications/NotificationList.tsx', dest: 'dashboard/src/components/notifications/NotificationList.tsx', template: false },
253
398
  { src: 'full/dashboard/src/components/notifications/index.ts', dest: 'dashboard/src/components/notifications/index.ts', template: false },
254
399
  { src: 'full/dashboard/src/components/search/SearchModal.tsx', dest: 'dashboard/src/components/search/SearchModal.tsx', template: false },
400
+ // Dashboard — full tier: pattern tabs component (v1.6.0)
401
+ { src: 'full/dashboard/src/components/patterns/PatternTabs.tsx', dest: 'dashboard/src/components/patterns/PatternTabs.tsx', template: false },
402
+ // Dashboard — full tier: additional pattern API routes (v2.0.0)
403
+ { src: 'full/dashboard/src/pages/api/patterns/discover.ts', dest: 'dashboard/src/pages/api/patterns/discover.ts', template: false },
404
+ { src: 'full/dashboard/src/pages/api/patterns/suggestions.ts', dest: 'dashboard/src/pages/api/patterns/suggestions.ts', template: false },
405
+ { src: 'full/dashboard/src/pages/api/patterns/ready-for-review.ts', dest: 'dashboard/src/pages/api/patterns/ready-for-review.ts', template: false },
406
+ { src: 'full/dashboard/src/pages/api/patterns/cache-refresh.ts', dest: 'dashboard/src/pages/api/patterns/cache-refresh.ts', template: false },
407
+ { src: 'full/dashboard/src/pages/api/patterns/stats.ts', dest: 'dashboard/src/pages/api/patterns/stats.ts', template: false },
408
+ // Dashboard — full tier: settings API routes (v2.0.0)
409
+ { src: 'full/dashboard/src/pages/api/settings/index.ts', dest: 'dashboard/src/pages/api/settings/index.ts', template: false },
410
+ { src: 'full/dashboard/src/pages/api/settings/update.ts', dest: 'dashboard/src/pages/api/settings/update.ts', template: false },
411
+ // Dashboard — full tier: notification management (v2.0.0)
412
+ { src: 'full/dashboard/src/pages/api/notifications/[id]/read.ts', dest: 'dashboard/src/pages/api/notifications/[id]/read.ts', template: false },
413
+ { src: 'full/dashboard/src/pages/api/notifications/read-all.ts', dest: 'dashboard/src/pages/api/notifications/read-all.ts', template: false },
414
+ // Dashboard — full tier: search API routes (v2.0.0)
415
+ { src: 'full/dashboard/src/pages/api/search/reindex.ts', dest: 'dashboard/src/pages/api/search/reindex.ts', template: false },
416
+ { src: 'full/dashboard/src/pages/api/search/stats.ts', dest: 'dashboard/src/pages/api/search/stats.ts', template: false },
417
+ // Dashboard — full tier: reports API routes (v2.0.0)
418
+ { src: 'full/dashboard/src/pages/api/reports/audit.ts', dest: 'dashboard/src/pages/api/reports/audit.ts', template: false },
419
+ { src: 'full/dashboard/src/pages/api/reports/usage.ts', dest: 'dashboard/src/pages/api/reports/usage.ts', template: false },
420
+ // Dashboard — full tier: topology API route (v2.0.0)
421
+ { src: 'full/dashboard/src/pages/api/topology/index.ts', dest: 'dashboard/src/pages/api/topology/index.ts', template: false },
422
+ // Dashboard — full tier: additional pattern components (v2.0.0)
423
+ { src: 'full/dashboard/src/components/patterns/ActivePatterns.tsx', dest: 'dashboard/src/components/patterns/ActivePatterns.tsx', template: false },
424
+ { src: 'full/dashboard/src/components/patterns/SystemPatterns.tsx', dest: 'dashboard/src/components/patterns/SystemPatterns.tsx', template: false },
425
+ // Dashboard — full tier: reports components (v2.0.0)
426
+ { src: 'full/dashboard/src/components/reports/SdkAuditReport.tsx', dest: 'dashboard/src/components/reports/SdkAuditReport.tsx', template: false },
427
+ { src: 'full/dashboard/src/components/reports/GapDetectionReport.tsx', dest: 'dashboard/src/components/reports/GapDetectionReport.tsx', template: false },
428
+ { src: 'full/dashboard/src/components/reports/index.ts', dest: 'dashboard/src/components/reports/index.ts', template: false },
429
+ // Dashboard — full tier: lib modules (v2.1.0)
430
+ { src: 'full/dashboard/src/lib/cloudflare/graphql.ts', dest: 'dashboard/src/lib/cloudflare/graphql.ts', template: false },
431
+ { src: 'full/dashboard/src/lib/cloudflare/alerting.ts', dest: 'dashboard/src/lib/cloudflare/alerting.ts', template: false },
432
+ { src: 'full/dashboard/src/lib/cloudflare/project-registry.ts', dest: 'dashboard/src/lib/cloudflare/project-registry.ts', template: false },
433
+ { src: 'full/dashboard/src/lib/usage/allowance-config.ts.hbs', dest: 'dashboard/src/lib/usage/allowance-config.ts', template: true },
434
+ { src: 'full/dashboard/src/lib/usage/providers.ts', dest: 'dashboard/src/lib/usage/providers.ts', template: false },
435
+ { src: 'full/dashboard/src/lib/patterns/api.ts', dest: 'dashboard/src/lib/patterns/api.ts', template: false },
436
+ { src: 'full/dashboard/src/lib/patterns/types.ts', dest: 'dashboard/src/lib/patterns/types.ts', template: false },
437
+ { src: 'full/dashboard/src/lib/notifications/api.ts', dest: 'dashboard/src/lib/notifications/api.ts', template: false },
438
+ { src: 'full/dashboard/src/lib/notifications/types.ts.hbs', dest: 'dashboard/src/lib/notifications/types.ts', template: true },
439
+ { src: 'full/dashboard/src/lib/search/api.ts', dest: 'dashboard/src/lib/search/api.ts', template: false },
440
+ { src: 'full/dashboard/src/lib/search/types.ts.hbs', dest: 'dashboard/src/lib/search/types.ts', template: true },
441
+ { src: 'full/dashboard/src/lib/settings/api.ts.hbs', dest: 'dashboard/src/lib/settings/api.ts', template: true },
442
+ { src: 'full/dashboard/src/lib/settings/types.ts.hbs', dest: 'dashboard/src/lib/settings/types.ts', template: true },
443
+ { src: 'full/dashboard/src/lib/reports/types.ts', dest: 'dashboard/src/lib/reports/types.ts', template: false },
444
+ // Dashboard — full tier: usage components (v2.1.0)
445
+ { src: 'full/dashboard/src/components/usage/AIModelBreakdown.tsx', dest: 'dashboard/src/components/usage/AIModelBreakdown.tsx', template: false },
446
+ { src: 'full/dashboard/src/components/usage/unified/Recommendations.tsx', dest: 'dashboard/src/components/usage/unified/Recommendations.tsx', template: false },
447
+ // Dashboard — full tier: reports components (v2.1.0)
448
+ { src: 'full/dashboard/src/components/reports/HealthTrendsReport.tsx', dest: 'dashboard/src/components/reports/HealthTrendsReport.tsx', template: false },
449
+ { src: 'full/dashboard/src/components/reports/DigestStats.tsx', dest: 'dashboard/src/components/reports/DigestStats.tsx', template: false },
255
450
  ];
256
451
  export function getFilesForTier(tier) {
257
452
  const files = [...SHARED_FILES];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@littlebearapps/platform-admin-sdk",
3
- "version": "1.5.0",
3
+ "version": "2.1.0",
4
4
  "description": "Platform Admin SDK — scaffold backend infrastructure with workers, circuit breakers, and cost protection for Cloudflare",
5
5
  "type": "module",
6
6
  "bin": {
@@ -0,0 +1,62 @@
1
+ import { useState, useEffect } from 'react';
2
+ import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
3
+ import { EmptyState } from '../../components/ui/EmptyState';
4
+
5
+ interface Pattern {
6
+ id: number;
7
+ pattern_type: string;
8
+ pattern_value: string;
9
+ error_type: string;
10
+ priority: string;
11
+ match_count: number;
12
+ source: string;
13
+ is_protected: number;
14
+ }
15
+
16
+ export function ActivePatterns() {
17
+ const [patterns, setPatterns] = useState<Pattern[]>([]);
18
+ const [loading, setLoading] = useState(true);
19
+
20
+ useEffect(() => {
21
+ fetch('/api/patterns/suggestions?status=approved&limit=50')
22
+ .then((r) => r.json())
23
+ .then((data: { suggestions: Pattern[] }) => {
24
+ setPatterns(data.suggestions ?? []);
25
+ setLoading(false);
26
+ })
27
+ .catch(() => setLoading(false));
28
+ }, []);
29
+
30
+ if (loading) return <LoadingSkeleton lines={4} />;
31
+ if (patterns.length === 0) return <EmptyState title="No active patterns" description="Approved patterns will appear here." />;
32
+
33
+ return (
34
+ <div className="space-y-2">
35
+ {patterns.map((p) => (
36
+ <div
37
+ key={p.id}
38
+ className="flex items-center justify-between gap-3 py-2 px-3 bg-white dark:bg-gray-800 rounded border border-gray-200 dark:border-gray-700"
39
+ >
40
+ <div className="min-w-0">
41
+ <div className="flex items-center gap-2">
42
+ <span className="text-sm font-mono text-gray-900 dark:text-white truncate">{p.pattern_value}</span>
43
+ {p.is_protected === 1 && (
44
+ <span className="text-[10px] px-1.5 py-0.5 rounded bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400">
45
+ protected
46
+ </span>
47
+ )}
48
+ </div>
49
+ <div className="flex gap-3 mt-0.5 text-xs text-gray-500 dark:text-gray-400">
50
+ <span>{p.pattern_type}</span>
51
+ <span>{p.source}</span>
52
+ <span>Matches: {p.match_count}</span>
53
+ </div>
54
+ </div>
55
+ <span className="text-xs px-2 py-0.5 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 shrink-0">
56
+ {p.priority}
57
+ </span>
58
+ </div>
59
+ ))}
60
+ </div>
61
+ );
62
+ }
@@ -0,0 +1,116 @@
1
+ import { useState, useEffect } from 'react';
2
+ import { EmptyState } from '../../components/ui/EmptyState';
3
+ import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
4
+
5
+ type Tab = 'pending' | 'shadow' | 'approved' | 'rejected';
6
+
7
+ interface Pattern {
8
+ id: number;
9
+ name: string;
10
+ description: string;
11
+ match_rule: string;
12
+ status: string;
13
+ source: string;
14
+ created_at: string;
15
+ match_count?: number;
16
+ }
17
+
18
+ export function PatternTabs() {
19
+ const [activeTab, setActiveTab] = useState<Tab>('pending');
20
+ const [patterns, setPatterns] = useState<Pattern[]>([]);
21
+ const [loading, setLoading] = useState(true);
22
+
23
+ useEffect(() => {
24
+ setLoading(true);
25
+ fetch(`/api/patterns?status=${activeTab}`)
26
+ .then(res => res.json())
27
+ .then((data: { patterns: Pattern[] }) => { setPatterns(data.patterns ?? []); setLoading(false); })
28
+ .catch(() => setLoading(false));
29
+ }, [activeTab]);
30
+
31
+ const tabs: { id: Tab; label: string }[] = [
32
+ { id: 'pending', label: 'Pending' },
33
+ { id: 'shadow', label: 'Shadow' },
34
+ { id: 'approved', label: 'Approved' },
35
+ { id: 'rejected', label: 'Rejected' },
36
+ ];
37
+
38
+ const handleAction = async (id: number, action: 'approve' | 'reject') => {
39
+ const endpoint = action === 'approve' ? '/api/patterns/approve' : '/api/patterns/reject';
40
+ try {
41
+ const res = await fetch(endpoint, {
42
+ method: 'POST',
43
+ headers: { 'Content-Type': 'application/json' },
44
+ body: JSON.stringify({ id }),
45
+ });
46
+ if (res.ok) {
47
+ setPatterns(prev => prev.filter(p => p.id !== id));
48
+ }
49
+ } catch {
50
+ // Silent failure — user can retry
51
+ }
52
+ };
53
+
54
+ return (
55
+ <div>
56
+ <div className="border-b border-gray-200 dark:border-gray-700 mb-4">
57
+ <nav className="flex gap-4">
58
+ {tabs.map(tab => (
59
+ <button
60
+ key={tab.id}
61
+ onClick={() => setActiveTab(tab.id)}
62
+ className={`py-2 px-1 text-sm font-medium border-b-2 transition-colors ${
63
+ activeTab === tab.id
64
+ ? 'border-blue-500 text-blue-600 dark:text-blue-400'
65
+ : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300'
66
+ }`}
67
+ >
68
+ {tab.label}
69
+ </button>
70
+ ))}
71
+ </nav>
72
+ </div>
73
+
74
+ {loading ? (
75
+ <LoadingSkeleton lines={4} />
76
+ ) : patterns.length === 0 ? (
77
+ <EmptyState title={`No ${activeTab} patterns`} description="Patterns will appear here as they are discovered." />
78
+ ) : (
79
+ <div className="space-y-3">
80
+ {patterns.map(p => (
81
+ <div key={p.id} className="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
82
+ <div className="flex items-start justify-between gap-3">
83
+ <div className="min-w-0">
84
+ <p className="text-sm font-medium text-gray-900 dark:text-white">{p.name}</p>
85
+ <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">{p.description}</p>
86
+ <p className="text-xs text-gray-400 dark:text-gray-500 mt-1 font-mono truncate">{p.match_rule}</p>
87
+ <div className="flex items-center gap-3 mt-2 text-xs text-gray-500 dark:text-gray-400">
88
+ <span>Source: {p.source}</span>
89
+ {p.match_count !== undefined && <span>Matches: {p.match_count}</span>}
90
+ <span>{new Date(p.created_at).toLocaleDateString()}</span>
91
+ </div>
92
+ </div>
93
+ {(activeTab === 'pending' || activeTab === 'shadow') && (
94
+ <div className="flex gap-2 shrink-0">
95
+ <button
96
+ onClick={() => handleAction(p.id, 'approve')}
97
+ className="text-xs px-3 py-1 rounded bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 hover:bg-green-200 dark:hover:bg-green-900/50"
98
+ >
99
+ Approve
100
+ </button>
101
+ <button
102
+ onClick={() => handleAction(p.id, 'reject')}
103
+ className="text-xs px-3 py-1 rounded bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400 hover:bg-red-200 dark:hover:bg-red-900/50"
104
+ >
105
+ Reject
106
+ </button>
107
+ </div>
108
+ )}
109
+ </div>
110
+ </div>
111
+ ))}
112
+ </div>
113
+ )}
114
+ </div>
115
+ );
116
+ }
@@ -0,0 +1,52 @@
1
+ import { useState, useEffect } from 'react';
2
+ import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
3
+
4
+ interface PatternStats {
5
+ byStatus: Record<string, number>;
6
+ total: number;
7
+ }
8
+
9
+ export function SystemPatterns() {
10
+ const [stats, setStats] = useState<PatternStats | null>(null);
11
+ const [loading, setLoading] = useState(true);
12
+
13
+ useEffect(() => {
14
+ fetch('/api/patterns/stats')
15
+ .then((r) => r.json())
16
+ .then((data: PatternStats) => {
17
+ setStats(data);
18
+ setLoading(false);
19
+ })
20
+ .catch(() => setLoading(false));
21
+ }, []);
22
+
23
+ if (loading) return <LoadingSkeleton lines={2} />;
24
+ if (!stats) return null;
25
+
26
+ const statusLabels: Record<string, { label: string; colour: string }> = {
27
+ approved: { label: 'Approved', colour: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' },
28
+ pending: { label: 'Pending', colour: 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400' },
29
+ shadow: { label: 'Shadow', colour: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
30
+ rejected: { label: 'Rejected', colour: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400' },
31
+ stale: { label: 'Stale', colour: 'bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400' },
32
+ };
33
+
34
+ return (
35
+ <div>
36
+ <div className="flex items-center gap-2 mb-3">
37
+ <span className="text-sm font-medium text-gray-900 dark:text-white">Pattern Overview</span>
38
+ <span className="text-xs text-gray-500 dark:text-gray-400">({stats.total} total)</span>
39
+ </div>
40
+ <div className="flex flex-wrap gap-2">
41
+ {Object.entries(stats.byStatus).map(([status, count]) => {
42
+ const meta = statusLabels[status] ?? { label: status, colour: 'bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400' };
43
+ return (
44
+ <span key={status} className={`text-xs px-2.5 py-1 rounded-full font-medium ${meta.colour}`}>
45
+ {meta.label}: {count}
46
+ </span>
47
+ );
48
+ })}
49
+ </div>
50
+ </div>
51
+ );
52
+ }
@@ -1,2 +1,5 @@
1
1
  export { SuggestionsQueue } from './SuggestionsQueue';
2
2
  export { PatternStats } from './PatternStats';
3
+ export { PatternTabs } from './PatternTabs';
4
+ export { ActivePatterns } from './ActivePatterns';
5
+ export { SystemPatterns } from './SystemPatterns';