@littlebearapps/platform-admin-sdk 1.5.0 → 2.0.0

package/dist/templates.d.ts

@@ -6,7 +6,7 @@
  */
 import type { Tier } from './prompts.js';
 /** Single source of truth for the SDK version. */
-export declare const SDK_VERSION = "1.5.0";
+export declare const SDK_VERSION = "2.0.0";
 /** Returns true if `to` is the same or higher tier than `from`. */
 export declare function isTierUpgradeOrSame(from: Tier, to: Tier): boolean;
 /** Check if a template file is a numbered migration (not seed.sql). */

package/dist/templates.js

@@ -5,7 +5,7 @@
  * All other files are copied verbatim.
  */
 /** Single source of truth for the SDK version. */
-export const SDK_VERSION = '1.5.0';
+export const SDK_VERSION = '2.0.0';
 /** Tier ordering for upgrade validation. */
 const TIER_ORDER = { minimal: 0, standard: 1, full: 2 };
 /** Returns true if `to` is the same or higher tier than `from`. */
@@ -147,6 +147,72 @@ const SHARED_FILES = [
     { src: 'shared/dashboard/src/components/settings/index.ts', dest: 'dashboard/src/components/settings/index.ts', template: false },
     { src: 'shared/dashboard/src/lib/types.ts', dest: 'dashboard/src/lib/types.ts', template: false },
     { src: 'shared/dashboard/src/lib/fetch.ts', dest: 'dashboard/src/lib/fetch.ts', template: false },
+    // Dashboard — shared tier: UI primitives (v1.6.0)
+    { src: 'shared/dashboard/src/components/ui/EmptyState.tsx', dest: 'dashboard/src/components/ui/EmptyState.tsx', template: false },
+    { src: 'shared/dashboard/src/components/ui/LoadingSkeleton.tsx', dest: 'dashboard/src/components/ui/LoadingSkeleton.tsx', template: false },
+    { src: 'shared/dashboard/src/components/ui/Breadcrumbs.tsx', dest: 'dashboard/src/components/ui/Breadcrumbs.tsx', template: false },
+    { src: 'shared/dashboard/src/components/ui/Toast.tsx', dest: 'dashboard/src/components/ui/Toast.tsx', template: false },
+    // Dashboard — shared tier: usage API routes (v1.6.0)
+    { src: 'shared/dashboard/src/pages/api/usage/billing.ts', dest: 'dashboard/src/pages/api/usage/billing.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/usage/hourly.ts', dest: 'dashboard/src/pages/api/usage/hourly.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/usage/granular.ts', dest: 'dashboard/src/pages/api/usage/granular.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/usage/projects.ts', dest: 'dashboard/src/pages/api/usage/projects.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/usage/allowances.ts', dest: 'dashboard/src/pages/api/usage/allowances.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/usage/anomalies.ts', dest: 'dashboard/src/pages/api/usage/anomalies.ts', template: false },
+    // Dashboard — shared tier: costs API routes (v1.6.0)
+    { src: 'shared/dashboard/src/pages/api/costs/overview.ts', dest: 'dashboard/src/pages/api/costs/overview.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/costs/providers.ts', dest: 'dashboard/src/pages/api/costs/providers.ts', template: false },
+    // Dashboard — shared tier: infrastructure API routes (v1.6.0)
+    { src: 'shared/dashboard/src/pages/api/infrastructure/stats.ts', dest: 'dashboard/src/pages/api/infrastructure/stats.ts', template: false },
+    { src: 'shared/dashboard/src/pages/api/infrastructure/services.ts', dest: 'dashboard/src/pages/api/infrastructure/services.ts', template: false },
+    // Dashboard — shared tier: user API route (v1.6.0)
+    { src: 'shared/dashboard/src/pages/api/user/identity.ts', dest: 'dashboard/src/pages/api/user/identity.ts', template: false },
+    // Dashboard — shared tier: cloudflare lib (v1.6.0)
+    { src: 'shared/dashboard/src/lib/cloudflare/costs.ts', dest: 'dashboard/src/lib/cloudflare/costs.ts', template: false },
+    // Dashboard — shared tier: infrastructure components (v1.6.0)
+    { src: 'shared/dashboard/src/components/infrastructure/InfrastructureStats.tsx', dest: 'dashboard/src/components/infrastructure/InfrastructureStats.tsx', template: false },
+    { src: 'shared/dashboard/src/components/infrastructure/index.ts', dest: 'dashboard/src/components/infrastructure/index.ts', template: false },
+    // Dashboard — shared tier: usage components (v1.6.0)
+    { src: 'shared/dashboard/src/components/usage/HourlyUsageChart.tsx', dest: 'dashboard/src/components/usage/HourlyUsageChart.tsx', template: false },
+    { src: 'shared/dashboard/src/components/usage/PlanAllowanceDashboard.tsx', dest: 'dashboard/src/components/usage/PlanAllowanceDashboard.tsx', template: false },
+    { src: 'shared/dashboard/src/components/usage/AnomaliesWidget.tsx', dest: 'dashboard/src/components/usage/AnomaliesWidget.tsx', template: false },
+    { src: 'shared/dashboard/src/components/usage/index.ts', dest: 'dashboard/src/components/usage/index.ts', template: false },
+    // Dashboard — shared tier: settings pages (v1.6.0)
+    { src: 'shared/dashboard/src/pages/settings/notifications.astro', dest: 'dashboard/src/pages/settings/notifications.astro', template: false },
+    { src: 'shared/dashboard/src/pages/settings/thresholds.astro', dest: 'dashboard/src/pages/settings/thresholds.astro', template: false },
+    { src: 'shared/dashboard/src/pages/settings/usage.astro', dest: 'dashboard/src/pages/settings/usage.astro', template: false },
+    // CI — dashboard deploy workflow (v1.6.0)
+    { src: 'shared/.github/workflows/dashboard-deploy.yml.hbs', dest: '.github/workflows/dashboard-deploy.yml', template: true },
+    // Test infrastructure (v1.7.0)
+    { src: 'shared/vitest.config.ts', dest: 'vitest.config.ts', template: false },
+    { src: 'shared/tests/helpers/mock-kv.ts', dest: 'tests/helpers/mock-kv.ts', template: false },
+    { src: 'shared/tests/helpers/mock-d1.ts', dest: 'tests/helpers/mock-d1.ts', template: false },
+    { src: 'shared/tests/fixtures/telemetry-envelope-valid.json', dest: 'tests/fixtures/telemetry-envelope-valid.json', template: false },
+    { src: 'shared/tests/fixtures/telemetry-envelope-invalid.json', dest: 'tests/fixtures/telemetry-envelope-invalid.json', template: false },
+    // Shared tests (v1.7.0)
+    { src: 'shared/tests/unit/workers/budget-enforcement.test.ts', dest: 'tests/unit/workers/budget-enforcement.test.ts', template: false },
+    { src: 'shared/tests/unit/workers/batch-persistence.test.ts', dest: 'tests/unit/workers/batch-persistence.test.ts', template: false },
+    { src: 'shared/tests/contract/validate-schemas.test.ts', dest: 'tests/contract/validate-schemas.test.ts', template: false },
+    // Backfill scripts (v1.8.0)
+    { src: 'shared/scripts/ops/backfill-cloudflare-daily.ts', dest: 'scripts/ops/backfill-cloudflare-daily.ts', template: false },
+    { src: 'shared/scripts/ops/backfill-monthly-rollups.ts', dest: 'scripts/ops/backfill-monthly-rollups.ts', template: false },
+    { src: 'shared/scripts/ops/validate-controls.js', dest: 'scripts/ops/validate-controls.js', template: false },
+    // Dashboard — shared tier: additional infrastructure components (v2.0.0)
+    { src: 'shared/dashboard/src/components/infrastructure/UptimeStatus.tsx', dest: 'dashboard/src/components/infrastructure/UptimeStatus.tsx', template: false },
+    { src: 'shared/dashboard/src/components/infrastructure/ServiceRegistry.tsx', dest: 'dashboard/src/components/infrastructure/ServiceRegistry.tsx', template: false },
+    { src: 'shared/dashboard/src/components/infrastructure/AlertHistory.tsx', dest: 'dashboard/src/components/infrastructure/AlertHistory.tsx', template: false },
+    // Dashboard — shared tier: additional usage components (v2.0.0)
+    { src: 'shared/dashboard/src/components/usage/ProjectCostBreakdown.tsx', dest: 'dashboard/src/components/usage/ProjectCostBreakdown.tsx', template: false },
+    // Dashboard — shared tier: additional UI components (v2.0.0)
+    { src: 'shared/dashboard/src/components/ui/ErrorBoundary.tsx', dest: 'dashboard/src/components/ui/ErrorBoundary.tsx', template: false },
+    { src: 'shared/dashboard/src/components/ui/PageShell.tsx', dest: 'dashboard/src/components/ui/PageShell.tsx', template: false },
+    // CI — contract check + security workflows (v2.0.0)
+    { src: 'shared/.github/workflows/contract-check.yml.hbs', dest: '.github/workflows/contract-check.yml', template: true },
+    { src: 'shared/.github/workflows/security.yml', dest: '.github/workflows/security.yml', template: false },
+    // Documentation (v2.0.0)
+    { src: 'shared/docs/troubleshooting.md', dest: 'docs/troubleshooting.md', template: false },
+    { src: 'shared/docs/architecture.md', dest: 'docs/architecture.md', template: false },
+    { src: 'shared/docs/post-deploy-runbook.md', dest: 'docs/post-deploy-runbook.md', template: false },
 ];
 const STANDARD_FILES = [
     // Additional migrations
@@ -190,6 +256,20 @@ const STANDARD_FILES = [
     { src: 'standard/dashboard/src/components/errors/ErrorStats.tsx', dest: 'dashboard/src/components/errors/ErrorStats.tsx', template: false },
     { src: 'standard/dashboard/src/components/errors/index.ts', dest: 'dashboard/src/components/errors/index.ts', template: false },
     { src: 'standard/dashboard/src/lib/errors.ts', dest: 'dashboard/src/lib/errors.ts', template: false },
+    // Dashboard — standard tier: error detail API routes (v1.6.0)
+    { src: 'standard/dashboard/src/pages/api/errors/[fingerprint].ts', dest: 'dashboard/src/pages/api/errors/[fingerprint].ts', template: false },
+    { src: 'standard/dashboard/src/pages/api/errors/[fingerprint]/mute.ts', dest: 'dashboard/src/pages/api/errors/[fingerprint]/mute.ts', template: false },
+    { src: 'standard/dashboard/src/pages/api/errors/[fingerprint]/resolve.ts', dest: 'dashboard/src/pages/api/errors/[fingerprint]/resolve.ts', template: false },
+    // Dashboard — standard tier: circuit breaker components (v1.6.0)
+    { src: 'standard/dashboard/src/components/health/CircuitBreakerPanel.tsx', dest: 'dashboard/src/components/health/CircuitBreakerPanel.tsx', template: false },
+    { src: 'standard/dashboard/src/components/health/CircuitBreakerEvents.tsx', dest: 'dashboard/src/components/health/CircuitBreakerEvents.tsx', template: false },
+    // Dashboard — standard tier: circuit breakers page (v1.6.0)
+    { src: 'standard/dashboard/src/pages/circuit-breakers.astro', dest: 'dashboard/src/pages/circuit-breakers.astro', template: false },
+    // Standard tests (v1.7.0)
+    { src: 'standard/tests/unit/error-collector/fingerprint.test.ts', dest: 'tests/unit/error-collector/fingerprint.test.ts', template: false },
+    { src: 'standard/tests/unit/error-collector/capture.test.ts', dest: 'tests/unit/error-collector/capture.test.ts', template: false },
+    // Dashboard — standard tier: audit history API route (v2.0.0)
+    { src: 'standard/dashboard/src/pages/api/health/audit-history.ts', dest: 'dashboard/src/pages/api/health/audit-history.ts', template: false },
 ];
 const FULL_FILES = [
     // Additional migrations
@@ -237,6 +317,8 @@ const FULL_FILES = [
     { src: 'full/migrations/011_multi_account.sql', dest: 'storage/d1/migrations/011_multi_account.sql', template: false },
     // KV pricing configuration script
     { src: 'full/scripts/ops/set-kv-pricing.ts', dest: 'scripts/ops/set-kv-pricing.ts', template: false },
+    // Universal backfill cascade (v1.8.0)
+    { src: 'full/scripts/ops/universal-backfill.ts', dest: 'scripts/ops/universal-backfill.ts', template: false },
     // Dashboard — full tier (patterns, notifications, search)
     { src: 'full/dashboard/src/pages/notifications.astro', dest: 'dashboard/src/pages/notifications.astro', template: false },
     { src: 'full/dashboard/src/pages/api/patterns/index.ts', dest: 'dashboard/src/pages/api/patterns/index.ts', template: false },
@@ -252,6 +334,35 @@ const FULL_FILES = [
     { src: 'full/dashboard/src/components/notifications/NotificationList.tsx', dest: 'dashboard/src/components/notifications/NotificationList.tsx', template: false },
     { src: 'full/dashboard/src/components/notifications/index.ts', dest: 'dashboard/src/components/notifications/index.ts', template: false },
     { src: 'full/dashboard/src/components/search/SearchModal.tsx', dest: 'dashboard/src/components/search/SearchModal.tsx', template: false },
+    // Dashboard — full tier: pattern tabs component (v1.6.0)
+    { src: 'full/dashboard/src/components/patterns/PatternTabs.tsx', dest: 'dashboard/src/components/patterns/PatternTabs.tsx', template: false },
+    // Dashboard — full tier: additional pattern API routes (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/patterns/discover.ts', dest: 'dashboard/src/pages/api/patterns/discover.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/patterns/suggestions.ts', dest: 'dashboard/src/pages/api/patterns/suggestions.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/patterns/ready-for-review.ts', dest: 'dashboard/src/pages/api/patterns/ready-for-review.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/patterns/cache-refresh.ts', dest: 'dashboard/src/pages/api/patterns/cache-refresh.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/patterns/stats.ts', dest: 'dashboard/src/pages/api/patterns/stats.ts', template: false },
+    // Dashboard — full tier: settings API routes (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/settings/index.ts', dest: 'dashboard/src/pages/api/settings/index.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/settings/update.ts', dest: 'dashboard/src/pages/api/settings/update.ts', template: false },
+    // Dashboard — full tier: notification management (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/notifications/[id]/read.ts', dest: 'dashboard/src/pages/api/notifications/[id]/read.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/notifications/read-all.ts', dest: 'dashboard/src/pages/api/notifications/read-all.ts', template: false },
+    // Dashboard — full tier: search API routes (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/search/reindex.ts', dest: 'dashboard/src/pages/api/search/reindex.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/search/stats.ts', dest: 'dashboard/src/pages/api/search/stats.ts', template: false },
+    // Dashboard — full tier: reports API routes (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/reports/audit.ts', dest: 'dashboard/src/pages/api/reports/audit.ts', template: false },
+    { src: 'full/dashboard/src/pages/api/reports/usage.ts', dest: 'dashboard/src/pages/api/reports/usage.ts', template: false },
+    // Dashboard — full tier: topology API route (v2.0.0)
+    { src: 'full/dashboard/src/pages/api/topology/index.ts', dest: 'dashboard/src/pages/api/topology/index.ts', template: false },
+    // Dashboard — full tier: additional pattern components (v2.0.0)
+    { src: 'full/dashboard/src/components/patterns/ActivePatterns.tsx', dest: 'dashboard/src/components/patterns/ActivePatterns.tsx', template: false },
+    { src: 'full/dashboard/src/components/patterns/SystemPatterns.tsx', dest: 'dashboard/src/components/patterns/SystemPatterns.tsx', template: false },
+    // Dashboard — full tier: reports components (v2.0.0)
+    { src: 'full/dashboard/src/components/reports/SdkAuditReport.tsx', dest: 'dashboard/src/components/reports/SdkAuditReport.tsx', template: false },
+    { src: 'full/dashboard/src/components/reports/GapDetectionReport.tsx', dest: 'dashboard/src/components/reports/GapDetectionReport.tsx', template: false },
+    { src: 'full/dashboard/src/components/reports/index.ts', dest: 'dashboard/src/components/reports/index.ts', template: false },
 ];
 export function getFilesForTier(tier) {
     const files = [...SHARED_FILES];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@littlebearapps/platform-admin-sdk",
-  "version": "1.5.0",
+  "version": "2.0.0",
   "description": "Platform Admin SDK — scaffold backend infrastructure with workers, circuit breakers, and cost protection for Cloudflare",
   "type": "module",
   "bin": {

package/templates/full/dashboard/src/components/patterns/ActivePatterns.tsx

@@ -0,0 +1,62 @@
+import { useState, useEffect } from 'react';
+import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
+import { EmptyState } from '../../components/ui/EmptyState';
+
+interface Pattern {
+  id: number;
+  pattern_type: string;
+  pattern_value: string;
+  error_type: string;
+  priority: string;
+  match_count: number;
+  source: string;
+  is_protected: number;
+}
+
+export function ActivePatterns() {
+  const [patterns, setPatterns] = useState<Pattern[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch('/api/patterns/suggestions?status=approved&limit=50')
+      .then((r) => r.json())
+      .then((data: { suggestions: Pattern[] }) => {
+        setPatterns(data.suggestions ?? []);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  if (loading) return <LoadingSkeleton lines={4} />;
+  if (patterns.length === 0) return <EmptyState title="No active patterns" description="Approved patterns will appear here." />;
+
+  return (
+    <div className="space-y-2">
+      {patterns.map((p) => (
+        <div
+          key={p.id}
+          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"
+        >
+          <div className="min-w-0">
+            <div className="flex items-center gap-2">
+              <span className="text-sm font-mono text-gray-900 dark:text-white truncate">{p.pattern_value}</span>
+              {p.is_protected === 1 && (
+                <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">
+                  protected
+                </span>
+              )}
+            </div>
+            <div className="flex gap-3 mt-0.5 text-xs text-gray-500 dark:text-gray-400">
+              <span>{p.pattern_type}</span>
+              <span>{p.source}</span>
+              <span>Matches: {p.match_count}</span>
+            </div>
+          </div>
+          <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">
+            {p.priority}
+          </span>
+        </div>
+      ))}
+    </div>
+  );
+}

package/templates/full/dashboard/src/components/patterns/PatternTabs.tsx

@@ -0,0 +1,116 @@
+import { useState, useEffect } from 'react';
+import { EmptyState } from '../../components/ui/EmptyState';
+import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
+
+type Tab = 'pending' | 'shadow' | 'approved' | 'rejected';
+
+interface Pattern {
+  id: number;
+  name: string;
+  description: string;
+  match_rule: string;
+  status: string;
+  source: string;
+  created_at: string;
+  match_count?: number;
+}
+
+export function PatternTabs() {
+  const [activeTab, setActiveTab] = useState<Tab>('pending');
+  const [patterns, setPatterns] = useState<Pattern[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    setLoading(true);
+    fetch(`/api/patterns?status=${activeTab}`)
+      .then(res => res.json())
+      .then((data: { patterns: Pattern[] }) => { setPatterns(data.patterns ?? []); setLoading(false); })
+      .catch(() => setLoading(false));
+  }, [activeTab]);
+
+  const tabs: { id: Tab; label: string }[] = [
+    { id: 'pending', label: 'Pending' },
+    { id: 'shadow', label: 'Shadow' },
+    { id: 'approved', label: 'Approved' },
+    { id: 'rejected', label: 'Rejected' },
+  ];
+
+  const handleAction = async (id: number, action: 'approve' | 'reject') => {
+    const endpoint = action === 'approve' ? '/api/patterns/approve' : '/api/patterns/reject';
+    try {
+      const res = await fetch(endpoint, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id }),
+      });
+      if (res.ok) {
+        setPatterns(prev => prev.filter(p => p.id !== id));
+      }
+    } catch {
+      // Silent failure — user can retry
+    }
+  };
+
+  return (
+    <div>
+      <div className="border-b border-gray-200 dark:border-gray-700 mb-4">
+        <nav className="flex gap-4">
+          {tabs.map(tab => (
+            <button
+              key={tab.id}
+              onClick={() => setActiveTab(tab.id)}
+              className={`py-2 px-1 text-sm font-medium border-b-2 transition-colors ${
+                activeTab === tab.id
+                  ? 'border-blue-500 text-blue-600 dark:text-blue-400'
+                  : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300'
+              }`}
+            >
+              {tab.label}
+            </button>
+          ))}
+        </nav>
+      </div>
+
+      {loading ? (
+        <LoadingSkeleton lines={4} />
+      ) : patterns.length === 0 ? (
+        <EmptyState title={`No ${activeTab} patterns`} description="Patterns will appear here as they are discovered." />
+      ) : (
+        <div className="space-y-3">
+          {patterns.map(p => (
+            <div key={p.id} className="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
+              <div className="flex items-start justify-between gap-3">
+                <div className="min-w-0">
+                  <p className="text-sm font-medium text-gray-900 dark:text-white">{p.name}</p>
+                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">{p.description}</p>
+                  <p className="text-xs text-gray-400 dark:text-gray-500 mt-1 font-mono truncate">{p.match_rule}</p>
+                  <div className="flex items-center gap-3 mt-2 text-xs text-gray-500 dark:text-gray-400">
+                    <span>Source: {p.source}</span>
+                    {p.match_count !== undefined && <span>Matches: {p.match_count}</span>}
+                    <span>{new Date(p.created_at).toLocaleDateString()}</span>
+                  </div>
+                </div>
+                {(activeTab === 'pending' || activeTab === 'shadow') && (
+                  <div className="flex gap-2 shrink-0">
+                    <button
+                      onClick={() => handleAction(p.id, 'approve')}
+                      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"
+                    >
+                      Approve
+                    </button>
+                    <button
+                      onClick={() => handleAction(p.id, 'reject')}
+                      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"
+                    >
+                      Reject
+                    </button>
+                  </div>
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

package/templates/full/dashboard/src/components/patterns/SystemPatterns.tsx

@@ -0,0 +1,52 @@
+import { useState, useEffect } from 'react';
+import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
+
+interface PatternStats {
+  byStatus: Record<string, number>;
+  total: number;
+}
+
+export function SystemPatterns() {
+  const [stats, setStats] = useState<PatternStats | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch('/api/patterns/stats')
+      .then((r) => r.json())
+      .then((data: PatternStats) => {
+        setStats(data);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  if (loading) return <LoadingSkeleton lines={2} />;
+  if (!stats) return null;
+
+  const statusLabels: Record<string, { label: string; colour: string }> = {
+    approved: { label: 'Approved', colour: 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' },
+    pending: { label: 'Pending', colour: 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400' },
+    shadow: { label: 'Shadow', colour: 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' },
+    rejected: { label: 'Rejected', colour: 'bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400' },
+    stale: { label: 'Stale', colour: 'bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400' },
+  };
+
+  return (
+    <div>
+      <div className="flex items-center gap-2 mb-3">
+        <span className="text-sm font-medium text-gray-900 dark:text-white">Pattern Overview</span>
+        <span className="text-xs text-gray-500 dark:text-gray-400">({stats.total} total)</span>
+      </div>
+      <div className="flex flex-wrap gap-2">
+        {Object.entries(stats.byStatus).map(([status, count]) => {
+          const meta = statusLabels[status] ?? { label: status, colour: 'bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-400' };
+          return (
+            <span key={status} className={`text-xs px-2.5 py-1 rounded-full font-medium ${meta.colour}`}>
+              {meta.label}: {count}
+            </span>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

package/templates/full/dashboard/src/components/patterns/index.ts

@@ -1,2 +1,5 @@
 export { SuggestionsQueue } from './SuggestionsQueue';
 export { PatternStats } from './PatternStats';
+export { PatternTabs } from './PatternTabs';
+export { ActivePatterns } from './ActivePatterns';
+export { SystemPatterns } from './SystemPatterns';

package/templates/full/dashboard/src/components/reports/GapDetectionReport.tsx

@@ -0,0 +1,69 @@
+import { useState, useEffect } from 'react';
+import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
+import { EmptyState } from '../../components/ui/EmptyState';
+
+interface UsageReport {
+  snapshot_date: string;
+  d1_reads: number;
+  d1_writes: number;
+  kv_reads: number;
+  kv_writes: number;
+  worker_requests: number;
+  total_cost_usd: number;
+}
+
+export function GapDetectionReport() {
+  const [daily, setDaily] = useState<UsageReport[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch('/api/reports/usage?days=14')
+      .then((r) => r.json())
+      .then((data: { daily: UsageReport[] }) => {
+        setDaily(data.daily ?? []);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  if (loading) return <LoadingSkeleton lines={5} />;
+  if (daily.length === 0) return <EmptyState title="No usage data" description="Daily rollup data will appear after collection." />;
+
+  const gapDays = daily.filter((d) => d.d1_reads === 0 && d.d1_writes === 0 && d.worker_requests === 0);
+
+  return (
+    <div className="space-y-3">
+      <div className="flex items-center gap-3">
+        <span className="text-sm font-medium text-gray-900 dark:text-white">14-Day Coverage</span>
+        <span className={`text-xs px-2 py-0.5 rounded-full ${
+          gapDays.length === 0
+            ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400'
+            : 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400'
+        }`}>
+          {daily.length - gapDays.length}/{daily.length} days
+        </span>
+      </div>
+
+      <div className="flex gap-0.5">
+        {daily.map((d) => {
+          const hasData = d.d1_reads > 0 || d.d1_writes > 0 || d.worker_requests > 0;
+          return (
+            <div
+              key={d.snapshot_date}
+              title={`${d.snapshot_date}: $${d.total_cost_usd.toFixed(2)}`}
+              className={`h-6 flex-1 rounded-sm ${
+                hasData ? 'bg-green-500 dark:bg-green-600' : 'bg-red-300 dark:bg-red-700'
+              }`}
+            />
+          );
+        })}
+      </div>
+
+      {gapDays.length > 0 && (
+        <p className="text-xs text-yellow-600 dark:text-yellow-400">
+          {gapDays.length} day(s) with zero data: {gapDays.map((d) => d.snapshot_date).join(', ')}
+        </p>
+      )}
+    </div>
+  );
+}

package/templates/full/dashboard/src/components/reports/SdkAuditReport.tsx

@@ -0,0 +1,72 @@
+import { useState, useEffect } from 'react';
+import { LoadingSkeleton } from '../../components/ui/LoadingSkeleton';
+import { EmptyState } from '../../components/ui/EmptyState';
+
+interface AuditReport {
+  id: number;
+  project: string;
+  scan_type: string;
+  ai_judge_score: number;
+  sdk_score: number;
+  observability_score: number;
+  cost_protection_score: number;
+  security_score: number;
+  scan_date: string;
+}
+
+export function SdkAuditReport() {
+  const [reports, setReports] = useState<AuditReport[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch('/api/reports/audit?limit=20')
+      .then((r) => r.json())
+      .then((data: { reports: AuditReport[] }) => {
+        setReports(data.reports ?? []);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  if (loading) return <LoadingSkeleton lines={5} />;
+  if (reports.length === 0) return <EmptyState title="No audit reports" description="Run the platform auditor to generate reports." />;
+
+  const scoreColour = (score: number): string => {
+    if (score >= 90) return 'text-green-600 dark:text-green-400';
+    if (score >= 70) return 'text-yellow-600 dark:text-yellow-400';
+    return 'text-red-600 dark:text-red-400';
+  };
+
+  return (
+    <div className="overflow-x-auto">
+      <table className="w-full text-sm">
+        <thead>
+          <tr className="border-b border-gray-200 dark:border-gray-700">
+            <th className="text-left py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Project</th>
+            <th className="text-left py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Type</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Overall</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">SDK</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Obs</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Cost</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Sec</th>
+            <th className="text-right py-2 px-2 font-medium text-gray-500 dark:text-gray-400">Date</th>
+          </tr>
+        </thead>
+        <tbody>
+          {reports.map((r) => (
+            <tr key={r.id} className="border-b border-gray-100 dark:border-gray-800">
+              <td className="py-1.5 px-2 text-gray-900 dark:text-white">{r.project}</td>
+              <td className="py-1.5 px-2 text-gray-500 dark:text-gray-400">{r.scan_type}</td>
+              <td className={`py-1.5 px-2 text-right font-mono ${scoreColour(r.ai_judge_score)}`}>{r.ai_judge_score}</td>
+              <td className={`py-1.5 px-2 text-right font-mono ${scoreColour(r.sdk_score)}`}>{r.sdk_score}</td>
+              <td className={`py-1.5 px-2 text-right font-mono ${scoreColour(r.observability_score)}`}>{r.observability_score}</td>
+              <td className={`py-1.5 px-2 text-right font-mono ${scoreColour(r.cost_protection_score)}`}>{r.cost_protection_score}</td>
+              <td className={`py-1.5 px-2 text-right font-mono ${scoreColour(r.security_score)}`}>{r.security_score}</td>
+              <td className="py-1.5 px-2 text-right text-gray-400 dark:text-gray-500">{new Date(r.scan_date).toLocaleDateString()}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}

package/templates/full/dashboard/src/components/reports/index.ts

@@ -0,0 +1,2 @@
+export { SdkAuditReport } from './SdkAuditReport';
+export { GapDetectionReport } from './GapDetectionReport';

package/templates/full/dashboard/src/pages/api/notifications/[id]/read.ts

@@ -0,0 +1,37 @@
+import type { APIRoute } from 'astro';
+
+export const POST: APIRoute = async ({ params, locals }) => {
+  const db = (locals.runtime?.env as { PLATFORM_DB?: D1Database } | undefined)?.PLATFORM_DB;
+
+  if (!db) {
+    return new Response(JSON.stringify({ error: 'Database not available' }), {
+      status: 503,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+
+  const id = params.id;
+  if (!id) {
+    return new Response(JSON.stringify({ error: 'Missing notification id' }), {
+      status: 400,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+
+  try {
+    await db
+      .prepare(`UPDATE notifications SET read_at = unixepoch() WHERE id = ? AND read_at IS NULL`)
+      .bind(id)
+      .run();
+
+    return new Response(
+      JSON.stringify({ ok: true }),
+      { headers: { 'Content-Type': 'application/json' } }
+    );
+  } catch {
+    return new Response(JSON.stringify({ error: 'Failed to mark as read' }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+};

package/templates/full/dashboard/src/pages/api/notifications/read-all.ts

@@ -0,0 +1,28 @@
+import type { APIRoute } from 'astro';
+
+export const POST: APIRoute = async ({ locals }) => {
+  const db = (locals.runtime?.env as { PLATFORM_DB?: D1Database } | undefined)?.PLATFORM_DB;
+
+  if (!db) {
+    return new Response(JSON.stringify({ error: 'Database not available' }), {
+      status: 503,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+
+  try {
+    const result = await db
+      .prepare(`UPDATE notifications SET read_at = unixepoch() WHERE read_at IS NULL`)
+      .run();
+
+    return new Response(
+      JSON.stringify({ ok: true, updated: result.meta?.changes ?? 0 }),
+      { headers: { 'Content-Type': 'application/json' } }
+    );
+  } catch {
+    return new Response(JSON.stringify({ error: 'Failed to mark all as read' }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+};