diff --git a/.env.example b/.env.example
index b8e8d48..c22449f 100644
--- a/.env.example
+++ b/.env.example
@@ -4,32 +4,49 @@ NODE_ENV=development
 CORS_ORIGIN=http://localhost:5173
 
 # Database (Neon Postgres)
-DATABASE_URL=postgresql://user:password@hostname/dbname?sslmode=require
+DATABASE_URL=postgresql://user:password@hostname/dbname?sslmode=require&channel_binding=require
 
-# Authentication (Neon Auth / Better Auth)
-# Used to sign sessions. Generate one via: openssl rand -base64 32
-BETTER_AUTH_SECRET=your_better_auth_secret_here
-# The base URL of your API (needed by Better Auth)
+# ── Better Auth (self-hosted, data in Neon Postgres) ───────────────
+# See docs/decisions/001-authentication-strategy.md for rationale.
+# Generate a fresh 32-byte secret with:
+#   node -e "console.log(require('crypto').randomBytes(32).toString('base64'))"
+# or: openssl rand -base64 32
+BETTER_AUTH_SECRET=replace_with_32_byte_base64_secret
 BETTER_AUTH_URL=http://localhost:3000
-# Local catalog-only development can bypass auth when no DATABASE_URL is set.
-# Production always fails closed if auth/database is unavailable.
+# Local catalog-only dev may bypass auth when no DATABASE_URL is set.
+# Production MUST set this to "false" so auth failures fail closed.
 ALLOW_AUTH_BYPASS=true
 
-# GitHub OAuth (configured in Neon Console for production)
+# GitHub OAuth (github.com/settings/developers → New OAuth App)
+# Callback URL to register:
+#   http://localhost:3000/api/auth/callback/github  (local)
+#   https://<api-domain>/api/auth/callback/github   (production)
 GITHUB_CLIENT_ID=your_github_client_id
 GITHUB_CLIENT_SECRET=your_github_client_secret
 
-# Admin API Key (For protecting /admin and /internal routes)
+# Admin API Key (protects /admin and /internal routes)
 ADMIN_API_KEY=your_admin_api_key_here
 
-# AI Provider (controls which LLM powers blueprint explanations)
-# Options: gemini | openai | heuristic (heuristic = no API key needed)
-AI_PROVIDER=gemini
-AI_MODEL=gemini-2.0-flash        # Optional: override the default model
-AI_MAX_TOKENS=2048               # Max tokens per AI response
-AI_TIMEOUT_MS=30000              # Timeout in ms before falling back to heuristic
+# ── AI Provider (controls which LLM powers blueprint explanations) ─
+# Supported in packages/ai today: heuristic | gemini | azure-openai
+AI_PROVIDER=heuristic
+# Generic tuning (applies to whichever provider is active)
+AI_MAX_TOKENS=2048
+AI_TIMEOUT_MS=30000
 
-# API Keys — only the key for your chosen AI_PROVIDER is required
+# Gemini (Google Generative AI) — used when AI_PROVIDER=gemini
 GEMINI_API_KEY=your_gemini_api_key
-OPENAI_API_KEY=sk-your_openai_api_key
-ANTHROPIC_API_KEY=sk-ant-your_anthropic_api_key
+# Optional model override for Gemini. Defaults to gemini-2.5-flash.
+AI_MODEL=gemini-2.5-flash
+
+# Azure OpenAI — used when AI_PROVIDER=azure-openai
+# Create a deployment in Azure AI Foundry (gpt-5.5 or gpt-4.1, for example),
+# then set the resource sub-domain and deployment name below.
+AZURE_OPENAI_RESOURCE_NAME=your_resource_name
+AZURE_OPENAI_API_KEY=your_azure_openai_api_key
+AZURE_OPENAI_DEPLOYMENT=gpt-5.5
+# Optional API version pin. Leave unset to use the SDK default.
+AZURE_OPENAI_API_VERSION=
+# Legacy OpenAI key is unused for Stackfast's Azure-only setup but
+# is kept for operators who swap in the standard OpenAI endpoint.
+OPENAI_API_KEY=
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index edf820e..c0cb5eb 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -24,14 +24,15 @@ jobs:
           version: 9
 
       - name: Get pnpm store directory
+        id: pnpm-store
         shell: bash
         run: |
-          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+          echo "path=$(pnpm store path --silent)" >> $GITHUB_OUTPUT
 
       - name: Setup pnpm cache
         uses: actions/cache@v4
         with:
-          path: ${{ env.STORE_PATH }}
+          path: ${{ steps.pnpm-store.outputs.path }}
           key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-pnpm-store-
@@ -53,3 +54,9 @@ jobs:
 
       - name: Validate Registry
         run: pnpm validate:registry
+
+      - name: Install Playwright browsers
+        run: pnpm exec playwright install --with-deps chromium
+
+      - name: E2E Tests
+        run: pnpm test:e2e
diff --git a/.gitignore b/.gitignore
index 90f5633..7efd0a6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -74,10 +74,8 @@ web_modules/
 
 # dotenv environment variables file
 .env
-.env.test
-.env.production
-.env.local
-.env.*.local
+.env.*
+!.env.example
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache
@@ -138,4 +136,6 @@ Thumbs.db
 # Project specific
 server/public/
 vite.config.ts.*
-.local/
\ No newline at end of file
+.local/
+test-results/
+playwright-report/
\ No newline at end of file
diff --git a/Branches/StackFast-101 b/Branches/StackFast-101
deleted file mode 160000
index a2ff20f..0000000
--- a/Branches/StackFast-101
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit a2ff20f867f199a88545a51aa5142897e36885ac
diff --git a/Branches/StackWiseAI/StackWiseAI b/Branches/StackWiseAI/StackWiseAI
deleted file mode 160000
index 529cf63..0000000
--- a/Branches/StackWiseAI/StackWiseAI
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 529cf630ecb9ae372194172f385ac095a498ba70
diff --git a/Branches/StackfastPro b/Branches/StackfastPro
deleted file mode 160000
index 92046af..0000000
--- a/Branches/StackfastPro
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 92046af02f0cb29df6b931d91929a64ccf5254b8
diff --git a/Dockerfile b/Dockerfile
deleted file mode 100644
index 8a75e1b..0000000
--- a/Dockerfile
+++ /dev/null
@@ -1,21 +0,0 @@
-# Build and run the server in production
-FROM node:20-alpine AS deps
-WORKDIR /app
-COPY package*.json ./
-RUN npm ci
-
-FROM node:20-alpine AS builder
-WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
-COPY . .
-RUN npm run build
-
-FROM node:20-alpine AS runner
-WORKDIR /app
-ENV NODE_ENV=production PORT=5000
-COPY --from=builder /app/dist ./dist
-COPY package*.json ./
-RUN npm i --omit=dev --no-audit --no-fund
-EXPOSE 5000
-CMD ["node","dist/index.js"]
-
diff --git a/ROADMAP.md b/ROADMAP.md
index cf6eed6..91b1e02 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -27,13 +27,14 @@ Secure existing work and remove dead weight before building anything new.
 ### Deliverables
 - [x] Archive branch `archive/pre-rebuild` created
 - [x] Salvage manifest finalized (SALVAGE_MANIFEST.md)
-- [ ] Old branches deleted (StackFastold, StackFast1)
-- [ ] developer-tools-api deleted
-- [ ] Stale docs deleted (5 files)
+- [x] Old branches deleted (StackFastold, StackFast1, StackfastPro, StackFast-101, StackWiseAI)
+- [x] developer-tools-api deleted
+- [x] Stale docs deleted (5 files) — 3 actual deletions + 2 moved to `docs/backlog/` and `docs/deferred/`
 - [x] `.env` files removed from source
 - [x] `desktop.ini` files removed recursively
 - [x] `.gitignore` updated with comprehensive exclusions
-- [ ] Clean commit: "Phase 0: Repository cleanup for 2026 rebuild"
+- [x] Post-extraction cleanup complete (root `client/`, `server/`, `shared/`, `Branches/`, `Referencedocs/`, legacy build configs, logs, debris)
+- [x] Clean commit: "Phase 0: Repository cleanup for 2026 rebuild"
 
 ### Risk
 **Low.** Archive branch preserves everything. Reversible.
@@ -154,7 +155,7 @@ Ship a polished frontend that makes the API accessible and delightful.
 Make the blueprint generator actually valuable with LLM-powered explanations.
 
 ### Deliverables
-- [ ] `packages/ai/` — Provider abstraction (OpenAI/Gemini/Anthropic)
+- [x] `packages/ai/` — Provider abstraction (heuristic, Gemini, Azure OpenAI)
 - [x] Deterministic rules remain source of truth for scoring
 - [x] LLM adds explanation and synthesis layer
 - [x] Every AI response validated with Zod
@@ -166,7 +167,13 @@ Make the blueprint generator actually valuable with LLM-powered explanations.
 - [x] Fallback to deterministic-only mode if AI unavailable
 
 ### Current Status
-**Started/in progress.** Gemini-backed explanation and deterministic fallback paths exist, but the provider abstraction is incomplete and OpenAI/Anthropic support remains stubbed or not implemented.
+**Phase 5 scope is complete for MVP.** `heuristic`, `gemini`, and
+`azure-openai` providers ship in `packages/ai`. The operator's Azure AI
+Foundry resource (with `gpt-5.5` / `gpt-4.1` deployments) is the primary
+production provider; Gemini remains available as a lower-cost fallback.
+Every AI call is wrapped in a heuristic fallback and validated with Zod.
+See `docs/decisions/002-ai-provider-strategy.md`. The one remaining item
+(ADR generation in the blueprint response itself) is deferred to v1.1.
 
 ### Risk
 **Medium.** LLM integration introduces latency and cost. Provider API changes can break things. Zod validation of AI output needs thorough testing.
@@ -223,13 +230,13 @@ Build a registry that's genuinely useful for 2026 technology decisions.
 - [x] Zero type errors across all packages
 - [x] All unit tests pass (rules, scoring, registry, exporter, schemas)
 - [x] API contract tests for every public endpoint
-- [ ] Playwright E2E tests for primary flows
+- [x] Playwright E2E tests for primary flows
 - [x] Security tests for admin routes and rate limiting
 - [x] CI pipeline blocks merge on any failure
 - [x] Small seed dataset for database-free local dev
 
 ### Current Status
-**Basic quality gate is green.** Lint, type-check, unit tests, builds, registry validation, API contract coverage, admin protection checks, and rate-limit tests pass. E2E and deeper security testing remain open.
+**Quality gate is green for the MVP codebase.** Type-check, lint, unit/API tests, builds, registry validation, API contract coverage, admin protection checks, rate-limit tests, and Playwright E2E MVP flows pass locally. Remaining security/deployment hardening belongs to Phase 8.
 
 ---
 
@@ -254,14 +261,14 @@ Build a registry that's genuinely useful for 2026 technology decisions.
 
 | Feature | Status | Priority |
 |---------|--------|----------|
-| Idea-to-stack blueprint | 🔲 | P0 |
-| Compatibility-scored stack options | 🔲 | P0 |
-| Tool search and details | 🔲 | P0 |
-| Stack builder with diagnostics | 🔲 | P0 |
-| Starter file export | 🔲 | P0 |
-| Alternatives and tradeoffs | 🔲 | P0 |
-| GitHub OAuth login | 🔲 | P0 |
-| Migration path (basic) | 🔲 | P1 |
+| Idea-to-stack blueprint | ✅ | P0 |
+| Compatibility-scored stack options | ✅ | P0 |
+| Tool search and details | ✅ | P0 |
+| Stack builder with diagnostics | ✅ | P0 |
+| Starter file export | ✅ | P0 |
+| Alternatives and tradeoffs | ✅ | P0 |
+| GitHub OAuth login | ⚠️ Configured, production verification pending | P0 |
+| Migration path (basic) | ✅ | P1 |
 
 ### NOT in MVP
 
diff --git a/Referencedocs/README_CI_DOCKER.md b/Referencedocs/README_CI_DOCKER.md
deleted file mode 100644
index f9dfc6d..0000000
--- a/Referencedocs/README_CI_DOCKER.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# CI, Docker, and Environment Setup
-
-## Environment
-
-- Create `.env` at repo root:
-```
-PORT=5000
-DATABASE_URL=postgres://user:pass@host/db
-NODE_ENV=development
-```
-
-## Local Development
-
-- Install deps: `npm install`
-- Dev server (mem storage when no DB): `npm run dev`
-- Build client+server: `npm run build`
-- Start production server: `npm start`
-
-## Docker
-
-Create `Dockerfile` and `docker-compose.yml` if needed. Example:
-
-Dockerfile
-```
-FROM node:20-alpine
-WORKDIR /app
-COPY package*.json ./
-RUN npm ci
-COPY . .
-RUN npm run build
-ENV NODE_ENV=production PORT=5000
-EXPOSE 5000
-CMD ["node","dist/index.js"]
-```
-
-## GitHub Actions (CI)
-
-Add `.github/workflows/ci.yml`:
-```
-name: CI
-on: [push, pull_request]
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - run: npm ci
-      - run: npm run check
-      - run: npm run build
-```
-
diff --git a/SALVAGE_MANIFEST.md b/SALVAGE_MANIFEST.md
index 9ea797e..5f70d20 100644
--- a/SALVAGE_MANIFEST.md
+++ b/SALVAGE_MANIFEST.md
@@ -126,6 +126,48 @@
 
 ## Post-Extraction Cleanup
 
+Completed on 2026-05-11. The following were removed from the main working tree
+(all preserved on `origin/archive/pre-rebuild` if ever needed):
+
+1. Root `client/` (old React app — 104 files)
+2. Root `server/` (old Express/Drizzle server — 19 files)
+3. Root `shared/schema.ts` (migrated to `packages/schemas/src/db.ts`)
+4. `Branches/StackFast-101/`, `Branches/StackfastPro/` (orphan submodule
+   gitlinks — no `.gitmodules` ever existed, so git couldn't hydrate them)
+5. `Branches/StackWiseAI/` (inspiration-only, concepts already documented)
+6. `WebAILyzerAPI/` (orphan submodule gitlink; SHA preserved in
+   `docs/deferred/webailyzer.md` for post-MVP revival)
+7. `Referencedocs/` — `INTEGRATION_PLAN.md` moved to `docs/backlog/`,
+   `README_CI_DOCKER.md` dropped (superseded by current CI workflow)
+8. Root build configs: `vite.config.ts`, `tailwind.config.ts`, `tsconfig.json`,
+   `postcss.config.js`, `drizzle.config.ts`, `components.json` (each app now
+   owns its own config)
+9. Root `Dockerfile` (npm-based, port 5000 — will be rewritten for monorepo
+   deployment in Phase 8)
+10. Root `package-lock.json` (monorepo uses `pnpm-lock.yaml`)
+11. `attached_assets/` (legacy screenshots and docs — 23 files, 5.8MB)
+12. `fix-scores.js`, `export.csv`, `dev.log`, `run.log` (stale debris)
+
+The repository now contains only:
+```
+stackfast/
+├── apps/web/
+├── apps/api/
+├── packages/{registry,rules-engine,schemas,exporter,ai,shared}/
+├── docs/{decisions,backlog,deferred}/
+├── tests/e2e/
+├── scripts/
+├── .github/workflows/
+├── pnpm-workspace.yaml
+├── tsconfig.base.json
+├── .env.example
+├── .gitignore
+├── Agents.md
+├── readme.md
+├── ROADMAP.md
+└── SALVAGE_MANIFEST.md
+```
+
 After all files are extracted to their new locations:
 
 1. Delete `Branches/StackFast-101/` (no longer needed as reference)
diff --git a/WebAILyzerAPI b/WebAILyzerAPI
deleted file mode 160000
index c4b2b84..0000000
--- a/WebAILyzerAPI
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit c4b2b84db86ad4e528ba27fe476f39754f4513d6
diff --git a/apps/api/package.json b/apps/api/package.json
index 4680089..5fc2493 100644
--- a/apps/api/package.json
+++ b/apps/api/package.json
@@ -4,31 +4,31 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "tsx watch src/index.ts",
+    "dev": "dotenv -e ../../.env -- tsx watch src/index.ts",
     "build": "tsc",
-    "start": "node dist/index.js",
+    "start": "dotenv -e ../../.env -- node dist/index.js",
     "lint": "eslint src/",
     "type-check": "tsc --noEmit",
-    "test": "vitest run --config ../../vitest.package.config.ts",
-    "seed": "tsx src/db/seed.ts"
+    "test": "vitest run",
+    "seed": "dotenv -e ../../.env -- tsx src/db/seed.ts"
   },
   "dependencies": {
-    "@stackfast/shared": "workspace:*",
-    "@stackfast/schemas": "workspace:*",
+    "@hono/node-server": "^1.13.7",
+    "@neondatabase/serverless": "^0.10.4",
+    "@stackfast/ai": "workspace:*",
+    "@stackfast/exporter": "workspace:*",
     "@stackfast/registry": "workspace:*",
     "@stackfast/rules-engine": "workspace:*",
-    "@stackfast/exporter": "workspace:*",
-    "@stackfast/ai": "workspace:*",
-    "hono": "^4.6.1",
-    "@hono/node-server": "^1.13.7",
+    "@stackfast/schemas": "workspace:*",
+    "@stackfast/shared": "workspace:*",
     "better-auth": "^1.1.13",
-    "zod": "^3.24.2",
     "drizzle-orm": "^0.45.2",
-    "@neondatabase/serverless": "^0.10.4"
+    "hono": "^4.6.1",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
-    "typescript": "^5.6.3",
+    "@types/node": "^22.10.2",
     "tsx": "^4.19.2",
-    "@types/node": "^22.10.2"
+    "typescript": "^5.6.3"
   }
 }
diff --git a/apps/api/src/app.test.ts b/apps/api/src/app.test.ts
index 988df02..eaa1973 100644
--- a/apps/api/src/app.test.ts
+++ b/apps/api/src/app.test.ts
@@ -357,8 +357,9 @@ describe("api", () => {
     const body = await response.json();
 
     expect(response.status).toBe(200);
-    expect(body.difficulty).toBe("high");
-    expect(body.caveats.length).toBeGreaterThan(0);
+    expect(body.complexity).toBe("high");
+    expect(body.estimatedTime).toBe("1-2 weeks");
+    expect(body.steps).toContain("Schedule a manual architecture review for this cross-category migration");
   });
 
   it("handles same-category migration", async () => {
@@ -366,8 +367,9 @@ describe("api", () => {
     const body = await response.json();
 
     expect(response.status).toBe(200);
-    expect(body.difficulty).toBe("moderate");
-    expect(body.caveats).toEqual([]);
+    expect(body.complexity).toBe("medium");
+    expect(body.estimatedTime).toBe("1-3 days");
+    expect(body.steps).not.toContain("Review cross-category architecture impact before replacing database with database.");
   });
 
   // Blueprint response shape validation
@@ -385,6 +387,28 @@ describe("api", () => {
     expect(body.recommendedStack.rationale.length).toBeGreaterThan(0);
   });
 
+  it("blueprint response includes a populated roadmap", async () => {
+    const response = await app.request("/api/v1/blueprints", {
+      method: "POST",
+      headers: { "Content-Type": "application/json", "x-forwarded-for": "roadmap-test" },
+      body: JSON.stringify({ idea: "a subscription dashboard with auth and email" }),
+    });
+    const body = await response.json();
+
+    expect(response.status).toBe(200);
+    expect(body.roadmap).toBeDefined();
+    expect(Array.isArray(body.roadmap.phases)).toBe(true);
+    expect(body.roadmap.phases.length).toBeGreaterThanOrEqual(2);
+    expect(body.roadmap.phases.length).toBeLessThanOrEqual(5);
+    expect(typeof body.roadmap.totalEstimate).toBe("string");
+    for (const phase of body.roadmap.phases) {
+      expect(typeof phase.name).toBe("string");
+      expect(typeof phase.duration).toBe("string");
+      expect(Array.isArray(phase.tasks)).toBe(true);
+      expect(phase.tasks.length).toBeGreaterThan(0);
+    }
+  });
+
   it("blueprint alternatives include tradeoff source", async () => {
     const response = await app.request("/api/v1/blueprints", {
       method: "POST",
@@ -400,6 +424,27 @@ describe("api", () => {
     }
   });
 
+  it("blueprint alternatives include whyNot explanations", async () => {
+    const response = await app.request("/api/v1/blueprints", {
+      method: "POST",
+      headers: { "Content-Type": "application/json", "x-forwarded-for": "whynot-test" },
+      body: JSON.stringify({ idea: "a blog with user accounts" }),
+    });
+    const body = await response.json();
+
+    expect(response.status).toBe(200);
+    expect(body.alternatives.length).toBeGreaterThan(0);
+    for (const alt of body.alternatives) {
+      expect(alt.whyNot).toBeDefined();
+      expect(typeof alt.whyNot.reason).toBe("string");
+      expect(alt.whyNot.reason.length).toBeGreaterThan(0);
+      // betterFor is optional but should be a string when present
+      if (alt.whyNot.betterFor !== undefined) {
+        expect(typeof alt.whyNot.betterFor).toBe("string");
+      }
+    }
+  });
+
   // Request ID header
   it("returns X-Request-ID header on all responses", async () => {
     const response = await app.request("/health");
diff --git a/apps/api/src/app.ts b/apps/api/src/app.ts
index 2b6d488..bf97c24 100644
--- a/apps/api/src/app.ts
+++ b/apps/api/src/app.ts
@@ -61,14 +61,19 @@ const catalogLoader = new CatalogLoader();
 const configuredCorsOrigin = process.env.CORS_ORIGIN ?? process.env.WEB_ORIGIN ?? "http://localhost:5173";
 
 // Initialize AI explainer from env config (defaults to heuristic if no key)
-const aiProvider = (process.env.AI_PROVIDER ?? "heuristic") as "gemini" | "openai" | "heuristic";
+const aiProvider = (process.env.AI_PROVIDER ?? "heuristic") as "gemini" | "azure-openai" | "heuristic";
 const explainer = createExplainer({
   provider: aiProvider,
   apiKey:
     aiProvider === "gemini" ? process.env.GEMINI_API_KEY :
-    aiProvider === "openai" ? process.env.OPENAI_API_KEY :
+    aiProvider === "azure-openai" ? process.env.AZURE_OPENAI_API_KEY :
     undefined,
-  model: process.env.AI_MODEL || undefined,
+  model:
+    aiProvider === "azure-openai"
+      ? process.env.AZURE_OPENAI_DEPLOYMENT || process.env.AI_MODEL || undefined
+      : process.env.AI_MODEL || undefined,
+  azureResourceName: process.env.AZURE_OPENAI_RESOURCE_NAME,
+  azureApiVersion: process.env.AZURE_OPENAI_API_VERSION,
   maxTokens: process.env.AI_MAX_TOKENS ? Number(process.env.AI_MAX_TOKENS) : undefined,
   timeoutMs: process.env.AI_TIMEOUT_MS ? Number(process.env.AI_TIMEOUT_MS) : undefined,
 });
@@ -130,8 +135,13 @@ app.post("/api/v1/blueprints", async (c) => {
   const primaryEvaluation = evaluateRulesSync(primaryTools, catalogLoader.getRules());
   const primaryExport = await generateSafeExport(primaryTools, primaryEvaluation.diagnostics, "blueprint-app");
 
-  // AI explainer — uses configured provider with automatic heuristic fallback
-  const explanation = await explainer.explainStack(primaryTools, body.idea);
+  // AI explainer — uses configured provider with automatic heuristic fallback.
+  // explainStack, generateRoadmap, per-alternative tradeoffs and whyNot are
+  // all issued in parallel so a blueprint request does not fan out serially.
+  const [explanation, roadmapResult] = await Promise.all([
+    explainer.explainStack(primaryTools, body.idea),
+    explainer.generateRoadmap(primaryTools, body.idea),
+  ]);
 
   // Static cost estimation from registry pricing data
   const costEstimate = estimateCosts(primaryTools);
@@ -140,7 +150,10 @@ app.post("/api/v1/blueprints", async (c) => {
     buildAlternatives(primaryToolIds).map(async (toolIds) => {
       const tools = resolveTools(toolIds);
       const evaluation = evaluateRulesSync(tools, catalogLoader.getRules());
-      const tradeoffResult = await explainer.summarizeTradeoffs(tools, evaluation.diagnostics);
+      const [tradeoffResult, whyNotResult] = await Promise.all([
+        explainer.summarizeTradeoffs(tools, evaluation.diagnostics),
+        explainer.explainWhyNot(primaryTools, tools, body.idea),
+      ]);
       return {
         id: toolIds.join("-"),
         name: tools.map((tool) => tool.name).join(" + "),
@@ -148,6 +161,7 @@ app.post("/api/v1/blueprints", async (c) => {
         harmonyScore: evaluation.score,
         tradeoffs: tradeoffResult.tradeoffs,
         tradeoffSource: tradeoffResult.source,
+        whyNot: whyNotResult.whyNot,
       };
     }),
   );
@@ -169,6 +183,7 @@ app.post("/api/v1/blueprints", async (c) => {
       .filter((diagnostic) => diagnostic.level === "error" || diagnostic.level === "warning")
       .map((diagnostic) => diagnostic.message),
     costEstimate,
+    roadmap: roadmapResult.roadmap,
     files: primaryExport.files,
     export: primaryExport,
   });
@@ -277,14 +292,15 @@ app.get("/api/v1/migrations/:from/:to", (c) => {
   return c.json({
     from: from.id,
     to: to.id,
-    difficulty: from.categoryId === to.categoryId ? "moderate" : "high",
+    complexity: from.categoryId === to.categoryId ? "medium" : "high",
+    estimatedTime: from.categoryId === to.categoryId ? "1-3 days" : "1-2 weeks",
     steps: [
       `Inventory current ${from.name} usage and configuration`,
       `Create equivalent ${to.name} configuration in a branch`,
       "Migrate environment variables and secrets",
       "Run compatibility tests and deploy behind a rollback plan",
+      ...(from.categoryId === to.categoryId ? [] : ["Schedule a manual architecture review for this cross-category migration"]),
     ],
-    caveats: from.categoryId === to.categoryId ? [] : ["Cross-category migrations require manual architecture review"],
   });
 });
 
diff --git a/apps/api/src/db/seed.ts b/apps/api/src/db/seed.ts
index 228edd7..14dc919 100644
--- a/apps/api/src/db/seed.ts
+++ b/apps/api/src/db/seed.ts
@@ -48,6 +48,12 @@ async function seed() {
     const url = tool.homepageUrl ?? tool.docsUrl ?? null;
     const pricing = tool.pricing?.model ?? "free";
     const notes = tool.deprecated ? "DEPRECATED" : null;
+    // jsonb columns require serialized JSON — @neondatabase/serverless otherwise
+    // sends JS arrays as postgres array literals (e.g. {"nextjs"}).
+    const frameworks = JSON.stringify(tool.supports.frameworks ?? []);
+    const languages = JSON.stringify(tool.languages ?? []);
+    const capabilities = JSON.stringify(tool.capabilities ?? []);
+    const integrations = JSON.stringify(tool.integrations ?? []);
 
     await sql`
       INSERT INTO tools (
@@ -57,7 +63,7 @@ async function seed() {
         setup_complexity, cost_tier
       ) VALUES (
         ${tool.id}, ${tool.name}, ${tool.description}, ${tool.categoryId}, ${url},
-        ${tool.supports.frameworks ?? []}, ${tool.languages}, ${tool.capabilities}, ${tool.integrations},
+        ${frameworks}::jsonb, ${languages}::jsonb, ${capabilities}::jsonb, ${integrations}::jsonb,
         ${tool.confidence}, ${tool.confidence}, ${pricing}, ${notes},
         ${"medium"}, ${pricing === "paid" ? "paid" : "free"}
       )
diff --git a/apps/api/src/middleware/auth.ts b/apps/api/src/middleware/auth.ts
index a897111..1502086 100644
--- a/apps/api/src/middleware/auth.ts
+++ b/apps/api/src/middleware/auth.ts
@@ -91,13 +91,23 @@ export function requireSession(): MiddlewareHandler<{
   return async (c, next) => {
     const auth = getAuth();
 
+    // When auth isn't configured (no DATABASE_URL), production must fail closed
+    // with 503. Non-production with ALLOW_AUTH_BYPASS != "false" skips auth
+    // so catalog-only local dev and unit tests can run.
     if (!auth) {
-      if (!canBypassAuthForLocalDev(c.env)) {
-        return c.json(
-          { error: "Authentication is not configured", requestId: c.get("requestId") },
-          503 as ContentfulStatusCode,
-        );
+      if (canBypassAuthForLocalDev(c.env)) {
+        await next();
+        return;
       }
+      return c.json(
+        { error: "Authentication is not configured", requestId: c.get("requestId") },
+        503 as ContentfulStatusCode,
+      );
+    }
+
+    // When auth IS configured, non-production may still bypass for tests/dev
+    // unless the operator explicitly sets ALLOW_AUTH_BYPASS=false.
+    if (canBypassAuthForLocalDev(c.env)) {
       await next();
       return;
     }
diff --git a/apps/api/src/openapi.ts b/apps/api/src/openapi.ts
index 564536a..2d9ae72 100644
--- a/apps/api/src/openapi.ts
+++ b/apps/api/src/openapi.ts
@@ -358,7 +358,7 @@ export const openApiDocument = {
       // ── Response schemas ─────────────────────────────────────────
       BlueprintResponse: {
         type: "object" as const,
-        required: ["idea", "recommendedStack", "alternatives", "risks", "files", "export"],
+        required: ["idea", "recommendedStack", "alternatives", "risks", "costEstimate", "roadmap", "files", "export"],
         properties: {
           idea: { type: "string" },
           recommendedStack: {
@@ -370,10 +370,75 @@ export const openApiDocument = {
               diagnostics: { type: "array", items: { $ref: "#/components/schemas/Diagnostic" } },
               rationale: { type: "string" },
               explanationSource: { type: "string", enum: ["heuristic", "ai"] },
+              keyReasons: { type: "array", items: { type: "string" } },
+              confidence: { type: "number", minimum: 0, maximum: 1 },
+            },
+          },
+          alternatives: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                id: { type: "string" },
+                name: { type: "string" },
+                toolIds: { type: "array", items: { type: "string" } },
+                harmonyScore: { type: "number" },
+                tradeoffs: { type: "array", items: { type: "string" } },
+                tradeoffSource: { type: "string", enum: ["heuristic", "ai"] },
+                whyNot: {
+                  type: "object",
+                  properties: {
+                    reason: { type: "string" },
+                    betterFor: { type: "string" },
+                  },
+                  required: ["reason"],
+                },
+              },
             },
           },
-          alternatives: { type: "array", items: { type: "object", properties: { id: { type: "string" }, name: { type: "string" }, toolIds: { type: "array", items: { type: "string" } }, harmonyScore: { type: "number" }, tradeoffs: { type: "array", items: { type: "string" } }, tradeoffSource: { type: "string", enum: ["heuristic", "ai"] } } } },
           risks: { type: "array", items: { type: "string" } },
+          costEstimate: {
+            type: "object",
+            properties: {
+              items: {
+                type: "array",
+                items: {
+                  type: "object",
+                  properties: {
+                    toolId: { type: "string" },
+                    toolName: { type: "string" },
+                    pricingModel: { type: "string", enum: ["free", "free-tier", "paid"] },
+                    estimatedMonthlyCost: { type: ["number", "null"] },
+                    note: { type: "string" },
+                  },
+                },
+              },
+              totalMonthlyEstimate: { type: "number" },
+              totalAnnualEstimate: { type: "number" },
+              currency: { type: "string", enum: ["USD"] },
+            },
+          },
+          roadmap: {
+            type: "object",
+            properties: {
+              phases: {
+                type: "array",
+                minItems: 2,
+                maxItems: 5,
+                items: {
+                  type: "object",
+                  properties: {
+                    name: { type: "string" },
+                    duration: { type: "string" },
+                    tasks: { type: "array", items: { type: "string" } },
+                  },
+                  required: ["name", "duration", "tasks"],
+                },
+              },
+              totalEstimate: { type: "string" },
+            },
+            required: ["phases", "totalEstimate"],
+          },
           files: { type: "array", items: { type: "object", properties: { path: { type: "string" }, content: { type: "string" } } } },
           export: { type: "object", description: "Full export data including log and metadata" },
         },
diff --git a/apps/api/src/test-setup.ts b/apps/api/src/test-setup.ts
new file mode 100644
index 0000000..6b1ca97
--- /dev/null
+++ b/apps/api/src/test-setup.ts
@@ -0,0 +1,18 @@
+/**
+ * Vitest setup for apps/api.
+ *
+ * Runs before any test file is imported (see vitest.config.ts).
+ * Forces the AI explainer to the deterministic "heuristic" mode so
+ * unit tests don't hit live Gemini/OpenAI APIs, and clears any
+ * stray DATABASE_URL inherited from the shell so auth middleware
+ * exercises the non-auth local-dev path by default.
+ */
+
+process.env.AI_PROVIDER = "heuristic";
+delete process.env.GEMINI_API_KEY;
+delete process.env.OPENAI_API_KEY;
+delete process.env.DATABASE_URL;
+delete process.env.BETTER_AUTH_SECRET;
+
+// Each test opts into prod/auth behavior explicitly via c.env in app.request.
+// The global here just keeps the default path deterministic.
diff --git a/apps/api/tsconfig.json b/apps/api/tsconfig.json
index 0f80f4f..8f24167 100644
--- a/apps/api/tsconfig.json
+++ b/apps/api/tsconfig.json
@@ -2,9 +2,7 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./dist",
-    "rootDir": "./src",
-    "moduleResolution": "NodeNext",
-    "module": "NodeNext"
+    "rootDir": "./src"
   },
   "include": ["src/**/*"]
 }
diff --git a/apps/api/vitest.config.ts b/apps/api/vitest.config.ts
new file mode 100644
index 0000000..23ec6d5
--- /dev/null
+++ b/apps/api/vitest.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    environment: "node",
+    passWithNoTests: true,
+    // Set env vars before app.ts is imported so AI_PROVIDER resolves
+    // to "heuristic" and live-API keys are not read during tests.
+    setupFiles: ["./src/test-setup.ts"],
+  },
+});
diff --git a/apps/web/index.html b/apps/web/index.html
index ae33a48..74be42b 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -27,7 +27,7 @@
       style-src 'self' 'unsafe-inline';
       img-src 'self' data: https:;
       font-src 'self' data:;
-      connect-src 'self';
+      connect-src 'self' http://localhost:* http://127.0.0.1:*;
       worker-src 'self' blob:;
       child-src 'self' blob:;
     " />
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
index ae39103..5bd7303 100644
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -6,7 +6,6 @@
     "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
     "noEmit": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     },
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index 7cd4ccb..86ca80d 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -9,6 +9,18 @@ export default defineConfig({
       '@': path.resolve(__dirname, './src'),
     },
   },
+  server: {
+    port: 5173,
+    strictPort: true,
+    // Proxy API calls during dev so the browser sees a same-origin request
+    // and cookies from /api/auth/* flow naturally without CORS round-trips.
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+    },
+  },
   build: {
     sourcemap: true,
     target: 'es2020',
diff --git a/attached_assets/1751049443547.jpg b/attached_assets/1751049443547.jpg
deleted file mode 100644
index 904aa76..0000000
Binary files a/attached_assets/1751049443547.jpg and /dev/null differ
diff --git a/attached_assets/AI Coding Tool Database Creation.docx_1754841204571.pdf b/attached_assets/AI Coding Tool Database Creation.docx_1754841204571.pdf
deleted file mode 100644
index 7607d2b..0000000
Binary files a/attached_assets/AI Coding Tool Database Creation.docx_1754841204571.pdf and /dev/null differ
diff --git a/attached_assets/CODEBASE_REVIEW_1756933135786.md b/attached_assets/CODEBASE_REVIEW_1756933135786.md
deleted file mode 100644
index fcfee22..0000000
--- a/attached_assets/CODEBASE_REVIEW_1756933135786.md
+++ /dev/null
@@ -1,127 +0,0 @@
-# Comprehensive Codebase Review - January 16, 2025
-
-## Executive Summary
-After thorough review, the TechStack Explorer + StackFast merger is **95% complete** with most features operational. Found 3 missing features and 2 API endpoint issues that need fixing.
-
-## ✅ Working Features (Verified)
-
-### Database & Core Functionality
-- ✓ **11 tools** properly loaded in database
-- ✓ **55 compatibility relationships** established
-- ✓ **7 categories** functioning correctly
-- ✓ PostgreSQL integration working perfectly
-- ✓ Drizzle ORM schemas properly configured
-
-### Frontend Pages (8 pages total)
-1. ✓ **Dashboard** - Statistics, popular tools, quick actions
-2. ✓ **Tool Database** - Search, filter, view tools
-3. ✓ **Compare Tools** - Side-by-side comparison
-4. ✓ **Stack Builder** - Build and validate tech stacks
-5. ✓ **Compatibility Matrix** - 4-tab view with Matrix, Heatmap, Migration, Insights
-6. ✓ **Analytics** - Charts and insights
-7. ✓ **Blueprint Builder** - Generate blueprints with AI
-8. ✓ **404 Not Found** - Error page
-
-### API Endpoints (Tested)
-- ✓ GET `/api/tools` - Returns 11 tools
-- ✓ GET `/api/tools/quality` - Quality filtered tools
-- ✓ GET `/api/categories` - Returns 7 categories
-- ✓ GET `/api/compatibility-matrix` - Returns 55 relationships
-- ✓ GET `/api/v1/migration/:fromTool/:toTool` - Migration paths working
-- ✓ POST `/api/v1/blueprint` - Blueprint generation working
-- ✓ POST `/api/v1/tools/recommend` - Returns recommendations (but empty array issue)
-- ✓ POST `/api/v1/stack/compatibility-report` - Compatibility analysis
-
-### New Phase 4 Features
-- ✓ **Compatibility Heatmap** - Visual matrix with color coding
-- ✓ **Migration Wizard** - Step-by-step migration planning
-- ✓ **Export functionality** - JSON export for migration plans
-- ✓ **Enhanced UI** - 4-tab layout in Compatibility Matrix
-
-## ❌ Issues Found
-
-### 1. API Endpoint Issues
-**Problem**: Stack analysis endpoint not working correctly
-```bash
-POST /api/v1/stack/analyze
-# Expected: {"harmonyScore": 58.3, ...}
-# Actual: {"message": "Please provide at least 2 tool IDs"}
-```
-**Issue**: The endpoint expects `toolIds` but the frontend/docs say `toolNames`
-
-**Problem**: Tool recommendations returning empty
-```bash
-POST /api/v1/tools/recommend 
-# Returns: {"recommendations": []} instead of actual tools
-```
-**Issue**: Category matching logic may be failing
-
-### 2. Missing Features (TODOs found)
-1. **Add Tool Dialog** (client/src/App.tsx:43)
-   - No component exists for adding new tools
-   - Button exists but only logs to console
-
-2. **Edit Tool Functionality** (tool-database.tsx, compatibility-matrix.tsx)
-   - Edit buttons exist but no implementation
-   - Need edit dialogs/forms
-
-### 3. Storage Interface Gap
-**Fixed**: Added `getToolByName` method (was missing, now implemented)
-
-## 🔍 Code Quality Analysis
-
-### Good Practices Found
-- ✓ TypeScript types properly defined
-- ✓ Consistent component structure
-- ✓ Proper error handling in most places
-- ✓ Clean separation of concerns
-- ✓ No LSP errors detected
-
-### Areas for Improvement
-- Some components are large (compatibility-matrix.tsx: 265 lines)
-- Duplicate code in edit handlers
-- Mock data still present in some places
-
-## 📊 Statistics
-- **Total Tools**: 11 (should have 51 based on docs)
-- **Compatibility Entries**: 55
-- **Categories**: 7
-- **Pages**: 8
-- **API Endpoints**: 15+
-- **Components**: 30+
-
-## 🔧 Recommended Fixes
-
-### Priority 1: Fix Stack Analysis API
-Need to update the endpoint to accept `toolNames` properly or fix the request format.
-
-### Priority 2: Implement Add Tool Dialog
-Create a dialog component for adding new tools with form validation.
-
-### Priority 3: Implement Edit Functionality
-Add edit dialogs for tools in both Tool Database and Compatibility Matrix.
-
-### Priority 4: Load All 51 Tools
-The seed data shows 51 tools but only 11 are loaded. Need to check data initialization.
-
-### Priority 5: Fix Tool Recommendations
-The recommendation endpoint returns empty arrays - need to debug the category matching.
-
-## Summary
-The platform is **highly functional** with all major features working. The integration between TechStack Explorer and StackFast is successful.
-
-## ✅ Issues Fixed (January 16, 2025)
-1. **API Endpoint Issues - FIXED**
-   - Stack analysis now accepts both `toolIds` and `toolNames`
-   - Tool recommendations returning proper results
-   - Migration paths working correctly
-
-2. **Add Tool Dialog - IMPLEMENTED**
-   - Full dialog component created
-   - Form validation working
-   - Successfully creates new tools
-   - Integrated with main app
-
-3. **Remaining TODO**: Edit Tool functionality still needs implementation
-
-**Overall Grade**: A- (All critical features working, only edit functionality remaining)
\ No newline at end of file
diff --git a/attached_assets/Coding tool profile database setup_1754841204572.csv b/attached_assets/Coding tool profile database setup_1754841204572.csv
deleted file mode 100644
index 38efb5f..0000000
--- a/attached_assets/Coding tool profile database setup_1754841204572.csv	
+++ /dev/null
@@ -1,60 +0,0 @@
-Name,Categories,Description,URL,Frameworks,Features,Native Integrations,Verified Integrations,Notable Strengths,Known Limitations,Maturity Score,Popularity Score,Pricing
-Lovable,"Design/frontend, Coding tool, Vibe coding",AI-powered platform for creating full-stack websites via natural language.,lovable.dev,"React, TypeScript, Tailwind CSS, Vite","Website and app builder, UI design, templates","GitHub, Supabase, Stripe, Figma","OpenAI, Anthropic, Resend, Clerk, Three.js, D3.js, Highcharts, p5.js, Runware, ElevenLabs, Make, Replicate, Stability AI, Twilio, n8n","End-to-end automation, great for MVPs, user-friendly for non-coders","Limited custom logic, platform lock-in",8.3,8.9,"Free tier, $25 pro tier"
-ChatGPT,"Coding tool, Vibe coding","Conversational AI for code generation, debugging, and programming assistance.",https://chatgpt.com,"React, Django, Flask (via code gen)","Code generation, debugging, explanation, natural language to code","OpenAI API, GitHub Copilot","VS Code, Jupyter, various LLMs","Versatile, excellent for learning, vast knowledge base","Inaccurate/secure code issues, limited context window",9.5,9.8,"Free tier, Plus $20/month, Team/Enterprise custom"
-Gemini (CLI),"Coding tool, Agentic framework",Google's AI with CLI for code generation and multimodal inputs.,https://gemini.google.com,"Android, Web, Flutter","Code Assist, multimodal prompts, CLI, Google Cloud integration","Google Cloud, Android Studio","VS Code, JetBrains","Multimodal coding, fast inference, good for mobile/web","Limited offline use, context window constraints",9,9.2,"Free with limits, Pro $20/month"
-Cody,"Coding tool, Agentic framework","Enterprise AI code assistant for complex codebases, speed, and consistency.",https://sourcegraph.com/cody,All code hosts/editors,"Accelerates dev, reusable prompts, enterprise-grade security",All code hosts/editors,Not specified,"Trusted by enterprises, saves 5-6 hours/week, doubles coding speed",Not specified,8,8,Not specified
-Claude/Claude Code,"Design/frontend, Coding tool, Agentic framework, IDE",AI for developers to write/test/debug/analyze codebases.,https://www.anthropic.com/solutions/coding,Not specified,"Write/test/debug, codebase analysis, GitHub integration, terminal embedding","GitHub, GitLab, Vercel","Cursor, Sourcegraph, Replit, Cognition, Windsurf, Zed, Copilot, Augment Code, Block, Rakuten","Leads SWE-bench (74.5%), 95% test time reduction, clean code",Not specified,8,9,Not specified
-GitHub Copilot,"Design/frontend, Coding tool, Agentic framework, IDE",AI pair programmer for contextualized code assistance.,https://github.com/features/copilot,"JavaScript, OpenAI GPT-5, Claude Opus 4.1, Gemini 2.0 Flash","Code completions, chat, explanations, code review, Autofix","VS Code, Visual Studio, Vim, Neovim, JetBrains, Azure Data Studio, GitHub CLI/Mobile",Not specified,"Widely adopted, 55% productivity boost, multi-model support","Lower quality for niche languages, insecure code risks",9,9.5,"Free: $0, Pro: $10/month, Pro+: $39/month, Business/Enterprise custom"
-IBM watsonx Code Assistant,"Design/frontend, Coding tool, Agentic framework, IDE",AI for faster code creation and modernization across SDLC.,https://www.ibm.com/products/watsonx-code-assistant,"Python, Java, C, C++, Go, JavaScript, TypeScript","Chat recommendations, automate tasks, generate/explain/test code, IP indemnification",Not specified,Not specified,"IDC MarketScape leader, 90% time savings, 80% legacy code transformed",Not specified,8,7,"30-day free trial, 25% off Essentials Plan for 3 months"
-AI2sql,"Coding tool, Database/backend",Generates complex SQL/NoSQL queries from natural language.,https://ai2sql.io,"SQL, NoSQL","Natural language to SQL/NoSQL, multi-database support, specialized SQL tools",Not specified,Not specified,"Simplifies SQL for non-experts, supports SQL/NoSQL",Requires some prior knowledge,7,8,Not specified
-Reflection AI,"Coding tool, Agentic framework",AI code research agent for complex codebases and engineering systems.,https://reflection.ai,Not specified,"Understands codebases, engineering systems, tribal knowledge",Not specified,Not specified,"Team from DeepMind/OpenAI/Anthropic, focuses on LLM/RL/agents",Not specified,3,2,Not specified
-Semantic Kernel,"Coding tool, Agentic framework","Open-source kit for building AI agents with C#, Python, Java.",https://learn.microsoft.com/en-us/semantic-kernel/overview/,"C#, Python, Java","Build AI agents, integrate AI models, modular plugins, OpenAPI support",Not specified,Not specified,"Flexible, Microsoft-backed, enterprise-ready security",Not specified,8,7,Not specified
-Kiro AI,"Design/frontend, Coding tool, Agentic framework, IDE",AI IDE for spec-driven development and collaboration.,https://kiro.dev,"Claude Sonnet 3.7/4, Open VSX plugins","Spec-driven dev, multimodal chat, agent hooks, autopilot, MCP integration",MCP for docs/databases/APIs,Not specified,"Structures AI coding, automates tasks, multimodal inputs",Specific model support limits flexibility,7,6,Free to start
-ByteAI,"Design/frontend, Coding tool, Agentic framework, IDE",Smart UML playground for technical strategies with AI tips.,https://byte-ai.io,"JavaScript, Python, Node.js, C#, C++","Visual module builder, team collaboration, code assistant, AI tips",Future GitHub integration,Not specified,"Visualization, 55% coding speed increase, reduces tech debt","Requires module knowledge, AI code needs review",6,5,"Free Trial: $0/mo, Startup: $45/mo, Company: $299/mo, Custom"
-GibsonAI,"Database/backend, Agentic framework, IDE",AI for instant serverless SQL database design/deployment/management.,https://www.gibsonai.com,"PostgreSQL, MySQL, Neon, Windsurf, Cursor, VScode, CLI, Python, TypeScript, NextJS","Instant schema, zero downtime migrations, API endpoints, natural language to SQL","PostgreSQL, MySQL, Neon, Windsurf, Cursor, VScode, CLI, etc.",Not specified,"Speed in database creation, AI-native, cost-efficient",Not specified,5,4,Free to start
-Knack,"Design/frontend, Database/backend","No-code platform for data-rich web apps like SaaS, portals, internal tools.",https://www.knack.com,Not specified,"Visual builder, no-code database, automation, triggers, templates",Not specified,Not specified,"Rapid development, predictable costs, 92% retention",Not specified,8,7,Not specified
-Bolt,"Design/frontend, Coding tool, Vibe coding",AI web builder for creating apps/sites via natural language.,https://bolt.new,"React, Next.js","Natural language app building, UI generation, code export, rapid prototyping","Stripe, GitHub","OpenAI, Anthropic","Easiest vibe coding, fast MVP creation, user-friendly","Limited to web apps, needs code tweaks",7.5,8.2,Not specified
-Cursor,"Design/frontend, Coding tool, Agentic framework, IDE",AI code editor for predicting edits and natural language coding.,https://www.cursor.com,Not specified,"Predicts edits, answers codebase queries, natural language editing",Not specified,Not specified,"Trusted by Samsung/Stripe/Shopify, fast autocompletion",Not specified,7,8,Not specified
-v0,"Design/frontend, Coding tool, Vibe coding",Vercel's AI tool for generating UI components from natural language.,https://v0.dev,"React, Tailwind CSS","AI UI generation, code export, natural language to design, templates","Vercel, GitHub",Not specified,"Fast UI prototyping, Vercel ecosystem integration, high-quality code","Focused on frontend, limited custom backend",8,8.5,Not specified
-Tempo Labs,"Design/frontend, Coding tool, Agentic framework",Platform for collaborative React app building with AI and drag-and-drop.,https://www.tempo.new,React,"Visual React editing, design systems, VSCode/GitHub integration, AI generation","GitHub, VSCode, Storybook",Not specified,"Designer/developer collaboration, visual editing, free/paid AI",Free plan limited to 30 prompts,6,5,"Free: $0, Pro: $30/month, Agent+: $4,000/month"
-Base44,"Design/frontend, Coding tool, Agentic framework, Database/backend",AI platform for turning ideas into custom apps without coding.,https://base44.com,Not specified,"Build apps in minutes, auto components/pages/flows, backend (auth, data), hosting","Email, SMS, external APIs, database querying",Not specified,"No coding required, fast deployment, 400K+ users",Not specified,7,8,"Free core features, paid from $20/month"
-Replit,"Design/frontend, Coding tool, Agentic framework, IDE, Database/backend",Platform for turning ideas into apps with vibe coding and AI Agent.,https://replit.com,Not specified,"Replit Agent, design imports from Figma, built-in Database/Auth, vibe coding, SSO","Database, Auth, Stripe, OpenAI",Not specified,"Loved by 40M creators, trusted by Google/Anthropic/Coinbase",Not specified,8,9,Not specified
-gocodeo,Coding tool,AI unit test generator for automating code testing.,https://www.gocodeo.com,Not specified,"AI code generation, project setup, testing, real-time AI coding, auto-debugging",VS Code,Not specified,"Trusted by 25,000+ engineers, 55% coding speed increase",Not specified,7,8,Not specified
-Devin,"Coding tool, Agentic framework, Database/backend","AI software engineer for coding tasks like migration, refactoring, bug fixing.",https://devin.ai,Not specified,"Code migration, refactoring, data engineering, bug/backlog resolution","GitHub, Linear, Slack","Asana, Zapier, Confluence, Airtable, Segment, Notion, Stripe, AWS, Datadog, Databricks, Google Drive, Sentry, PostgreSQL, Azure, Snowflake, MongoDB","8-12x efficiency gains, 20x cost savings, reduces errors","Needs oversight, initial fine-tuning",7,8,Not specified
-Softgen,"Design/frontend, Coding tool, Agentic framework",AI tool for creating web apps via natural language with tailored roadmaps.,https://softgen.ai,Not specified,"AI roadmap, emails, payments, auth, database, SEO, UI components","Emails, Payments, Auth, Database, Realtime Database, Cloud Storage, SEO, UI Components",Not specified,Not specified,Not specified,5,6,Not specified
-Windsurf,"Design/frontend, Coding tool, Agentic framework, IDE",AI-powered IDE with deep codebase understanding and real-time collaboration.,https://codeium.com/windsurf,Not specified,"Contextual awareness, autocomplete, Previews, linter, MCP, in-line/terminal commands",Not specified,Not specified,"Writes 70M+ lines daily, 1M+ users, 94% AI code, 59% Fortune 500",Not specified,8,9,Not specified
-Cline,"Design/frontend, Coding tool, Agentic framework, IDE",Autonomous coding agent in IDE for file creation/editing and web tasks.,https://github.com/cline/cline,"OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure, GCP Vertex, etc.","File analysis/editing, terminal commands, headless browser, MCP, context via @mentions",VSCode,Not specified,"Handles complex tasks, supports large projects, interactive debugging","Requires permission, model-specific dependencies",7,6,Not specified
-Codev,"Design/frontend, Coding tool, Agentic framework, IDE, Database/backend",Converts text to full-stack Next.js apps with deployment and ownership.,https://www.co.dev,"Next.js, Supabase (PostgreSQL)","Text to app, components/styling/functionality, package install, domain setup, CRUD","Next.js, Supabase",Not specified,"Rapid community growth (40K+ builders), production-ready in minutes","Not for complex apps, web only, review for security/scaling",7,8,Not specified
-AIder,"Coding tool, Agentic framework",AI pair programming tool for terminal-based collaboration with LLMs.,https://aider.chat,"Python, DeepSeek, Claude 3.7 Sonnet, o3-mini","Pair programming, start/work on projects, supports multiple LLMs",Not specified,Not specified,"AI-assisted terminal coding, multi-LLM support",Not specified,5,3,Not specified
-Tabnine,"Coding tool, Agentic framework, IDE",Contextually aware AI platform for speeding up development with air-gapped deployments.,https://www.tabnine.com,Popular languages/libraries/IDEs,"Context-aware suggestions, bespoke models, AI agents for review/testing/docs",Not specified,Atlassian Jira,"Gartner #1, 11% productivity boost, custom suggestions",Potential latency issues,8,9,Not specified
-Bubble,"Design/frontend, Coding tool, Database/backend, Vibe coding",Full-stack no-code app builder with visual editing and backend.,https://bubble.io,Not specified,"Visual app builder, databases, workflows, integrations, hosting","Stripe, Google, various APIs",Not specified,"Easy no-code, full-stack, trusted for MVPs","Performance for large apps, lock-in",8.5,8.7,"Free tier, paid from $25/month"
-Supabase,Database/backend,"Postgres development platform with database, auth, APIs, and more.",https://supabase.com,"ReactJS, NextJS, RedwoodJS, Flutter, Kotlin, SvelteKit, SolidJS, Vue, NuxtJS, Refine","Postgres database, Auth, APIs, Edge Functions, Realtime, Storage, Vector embeddings",Not specified,Not specified,"Trusted by Mozilla/GitHub/1Password, quick build/scale",Not specified,8,9,Not specified
-Firebase,"Design/frontend, Coding tool, Agentic framework, Database/backend",Platform for app development with AI-powered experiences.,https://firebase.google.com,"iOS, Android, Web, Flutter, Unity, C++","Build AI experiences, managed infra, launch/monitor/iterate, Gemini integration","Gemini, Google Cloud",Not specified,"Google-backed, trusted by NPR/Duolingo, millions of users",Not specified,9,9,Not specified
-Appwrite,"Coding tool, Database/backend, Agentic framework","Open-source backend platform with auth, databases, and hosting.",https://appwrite.io,13 languages for serverless functions,"Auth, scalable databases, secure storage, serverless, messaging, Realtime, hosting","All Appwrite products (Auth, Databases, Storage, etc.)",Not specified,"Loved by Apple/Oracle/TikTok/IBM, wide product range, global scaling",Not specified,8,8,"Free: $0, Pro: $15/month, Scale: $599/month, Enterprise: custom"
-Nhost,Database/backend,"Managed, extensible backend platform for speed, flexibility, and scale.",https://nhost.io,SDKs (specific not detailed),"Scales with user, CI/CD, observability, CLI/dashboard, global deployment, auth SDKs",Not specified,Not specified,"Rapid dev, case studies (400K+ users in 6 weeks), reduces onboarding",Not specified,7,7,Free tier
-UI Bakery,"Design/frontend, Coding tool, Agentic framework","Low-code platform for building custom internal tools, portals, dashboards.",https://uibakery.io,"JavaScript, Python, SQL","Drag-and-drop UI, 30+ integrations, code/no-code logic, Git, one-click deployment","18+ databases, 17+ services/APIs, REST/OpenAPI/GraphQL",Not specified,"Rapid dev, high customization, G2 4.9/5",Not specified,8,8,See https://uibakery.io/pricing
-Pocketbase,"Database/backend, Coding tool","Open-source backend in 1 file with database, auth, storage, and dashboard.",https://pocketbase.io,JavaScript (SDK),"Realtime database, auth, file storage, admin dashboard, CRUD operations",Not specified,Not specified,"Ready to use, integrates with frontend stacks",Not specified,5,5,Not specified
-Backendless,"Design/frontend, Coding tool, Agentic framework, IDE, Database/backend",Platform for scalable apps with AI-driven automation.,https://backendless.com,Not specified,"Build scalable apps, automate workflows, no-code/low-code, flexible hosting",Not specified,Not specified,"Flexible backend, intuitive interface, quick POC",Not specified,7,6,Cloud/Pro/Managed plans
-Northflank,"Design/frontend, Coding tool, Agentic framework, IDE, Database/backend",Cloud platform for deploying any project from first user to billions.,https://northflank.com,"Any language/framework, GitHub/GitLab/Bitbucket, Kubernetes (EKS/GKE/AKS)","UI/CLI/APIs/GitOps, runs on AWS/GCP/Azure/Oracle, templates, secure code, vectorDBs","GitHub, GitLab, Bitbucket",Not specified,"Trusted by 2,000+ startups/enterprises, scales to 3M users",Not specified,8,8,"CPU $0.01667/hr, Memory $0.00833/hr, NVIDIA H100 $2.74/hr, etc."
-Vercel,"Design/frontend, Coding tool, Agentic framework, Database/backend","Developer tools and cloud infra for faster, personalized web.",https://vercel.com,Not specified,"Build/deploy on AI Cloud, Git deploys, collaborative previews, AI Gateway, rollbacks",Not specified,Not specified,"95% page load reduction, globally performant, collaborative",Not specified,8,8,Not specified
-Netlify,"Design/frontend, Coding tool, Agentic framework",Platform for deploying modern frontend stacks with AI apps.,https://netlify.com,Not specified,"Optimized builds, collaborative previews, instant rollbacks, global edge, serverless",Not specified,Not specified,"35M+ projects, 7M+ developers, 99.99% uptime",Not specified,9,9,Not specified
-Render,"Coding tool, Database/backend","Cloud platform for building, deploying, scaling apps.",https://render.com,"Node.js, Python, Ruby, Docker","Web services/static sites/cron jobs, auto deploys, datastores, autoscaling, IaC",Slack,Not specified,"3M+ developers, 100B requests/month, enterprise-grade",Not specified,8,9,Not specified
-Platform.sh,"Database/backend, Coding tool","Self-service PaaS for efficient, reliable, secure infrastructure.",https://platform.sh,"100+ frameworks, 14 languages","Automated infra, Git workflows, multicloud/multistack, scalability, Observability Suite",Not specified,Not specified,"5,000+ customers (Adobe/Economist), 219% ROI, G2 leader",Not specified,8,8,Not specified
-Figma,"Design/frontend, Vibe coding",Collaborative interface design tool for design/development teams.,https://figma.com,Not specified,"Create/refine products, mockups, design to code, design systems, collaboration",Not specified,Not specified,"Trusted by AirBnb/Asana/Atlassian/GitHub, seamless collaboration",Not specified,8,9,Not specified
-Balsamiq,Design/frontend,"Wireframing tool for quick, low-fidelity wireframes to align teams.",https://balsamiq.com,Not specified,"Drag-and-drop UI, share via links/exports, low-fidelity design, templates",Not specified,Not specified,"Reduces rework, aligns teams, easy to use",Lacks advanced features,8,8,Not specified
-LangChain,"Coding tool, Agentic framework",Open-source framework for building AI agents with LLMs.,https://www.langchain.com,"Python, JavaScript","Agent building, LLM integrations, chaining prompts/tools, memory, RAG","OpenAI, Anthropic, various databases","Hugging Face, Pinecone","Flexible for agentic AI, widely used, community support","Learning curve, debugging agents",8.5,9,Not specified
-CrewAI,"Agentic framework, Coding tool",Framework for orchestrating role-playing autonomous AI agents.,https://crewai.com,Python,"Role-based agents, task delegation, multi-agent workflows, LLM integration","OpenAI, Anthropic",Not specified,"Easy multi-agent setup, good for automation, community","Limited to Python, agent reliability varies",7.5,8,Not specified
-AutoGen,"Agentic framework, Coding tool",Microsoft's framework for building multi-agent AI systems.,https://microsoft.github.io/autogen/,Python,"Multi-agent orchestration, event-driven architecture, API integration","Microsoft Azure, OpenAI",Not specified,"Strong for enterprise, good docs, Semantic Kernel integration",Requires setup for advanced use,8,8,Not specified
-Codeium,"Coding tool, IDE","AI code completion tool with suggestions, chat, and search in IDEs.",https://codeium.com,70+ languages,"Autocomplete, chat for code, search codebase, enterprise self-host","VS Code, JetBrains, Neovim",Not specified,"Free for individuals, fast, privacy-focused",Less context-aware than Copilot for some,8,8.5,Not specified
-Amazon CodeWhisperer,"Coding tool, IDE",AI coding companion with AWS integration for code suggestions.,https://aws.amazon.com/codewhisperer/,15+ languages,"Code suggestions, security scans, reference tracker, AWS-specific code","AWS, VS Code, JetBrains",Not specified,"Free for individuals, good for cloud devs, security focus","Biased towards AWS, less versatile",8,7.5,Not specified
-Zed,"IDE, Coding tool","High-performance, collaborative code editor with AI integrations.",https://zed.dev,"Rust-based, multiple languages","AI autocomplete, collaboration, high speed, Git integration","GitHub Copilot, OpenAI",Not specified,"Fastest editor, multiplayer editing, modern UI","Newer, less plugins than VS Code",7,7,Not specified
-Stripe,Payment platform,Payment processing platform for online payments and financial services.,https://stripe.com,"JavaScript, Python, Ruby, etc.","Payments, billing, fraud prevention, global support, APIs","Many e-commerce platforms, Next.js, Shopify","Supabase, Vercel, Bubble","Developer-friendly APIs, reliable, scales for enterprises","Fees per transaction, compliance requirements",9.5,9.7,Not specified
-Plaid,Payment platform,"Connects bank accounts for payments, verification, and financial data.",https://plaid.com,SDKs for various languages,"Bank connections, transactions, identity verification, payments","Stripe, Venmo, many fintech apps",Not specified,"Secure bank links, wide coverage, easy integration","US-focused, privacy concerns",9,8.5,Not specified
-Uizard,"Design/frontend, Vibe coding",AI-powered UI design tool for rapid prototyping from prompts/sketches.,https://uizard.io,"Exports to React, Figma","AI UI generation, prototyping, collaboration, export code","Figma, Adobe XD",Not specified,"Fast from prompt to UI, focused on design","Limited to UI, not full code",7,7.5,Not specified
-Locofy.ai,"Design/frontend, Coding tool",Converts Figma/Adobe XD designs to code automatically.,https://www.locofy.ai,"React, HTML/CSS, Gatsby","Design to code conversion, component export, responsive code","Figma, Adobe XD",Not specified,"Saves time on frontend coding, accurate conversions","Best for simple designs, may need tweaks",6.5,7,Not specified
-Blackbox,"Coding tool, Agentic framework, IDE","AI-powered coding assistant for code generation, autocompletion, and debugging.",https://www.blackbox.ai,"Python, JavaScript, TypeScript, Go, C, C++, Java, C#","Code generation, autocompletion, debugging, Figma to code, image to web app, voice interaction","VS Code, GitHub",Not specified,"Trusted by 10M+ users, supports 70+ languages, Figma/image to code","May require manual code review, limited offline use",8,8.5,"Free, Free Trial, Free Version"
-PSEUDO.AI,"Coding tool, Vibe coding",AI-powered platform for generating pseudocode from natural language prompts.,https://pseudo.ai,Not specified,"Pseudocode generation, natural language to pseudocode, algorithm visualization",Not specified,Not specified,"Simplifies algorithm design, beginner-friendly","Limited to pseudocode, not executable code",6,5,Not specified
-Build AI,"Design/frontend, Coding tool, Vibe coding",No-code platform for building AI-powered apps and websites via natural language.,https://www.buildai.space,Not specified,"App/website builder, natural language interface, AI-driven design, hosting",Not specified,Not specified,"User-friendly for non-coders, rapid prototyping",Limited customization for complex apps,6.5,6,Not specified
-CodeGeeX,"Coding tool, IDE",Multilingual code generation model with 13B parameters for 20+ languages.,https://codegeex.cn,"C, C++, Go, Java, JavaScript, Python, C#, Angular","Code generation, translation, explanation, summarization, VS Code extension",VS Code,Not specified,"Supports 20+ languages, few-shot learning, style customization","Limited to code generation, less contextual awareness",7.5,7.8,"Free, Free Trial, Free Version"
-HeyBoss,"Design/frontend, Coding tool, Vibe coding, Database/backend","No-code AI builder for websites/apps in minutes, with built-in CRM, SEO, payments.",https://heyboss.ai,Not specified,"Website/app builder, CRM, SEO, payment integration, custom internal tools, real-time analytics","OpenAI, Stripe, databases",Not specified,"Builds in 5-9 minutes, no coding needed, full-stack automation","Limited for complex logic, potential platform lock-in",7.8,8.2,"Subscription plans, see https://heyboss.ai"
-Manus AI,"Coding tool, Agentic framework",AI-driven platform for generating and managing code for software projects.,https://manus.im,Not specified,"Code generation, project management, automation of coding tasks",Not specified,Not specified,"Streamlines project workflows, good for small teams","Limited public info, may lack advanced integrations",5.5,5,Not specified
\ No newline at end of file
diff --git a/attached_assets/Coding tool profile database setup_1754841204573.md b/attached_assets/Coding tool profile database setup_1754841204573.md
deleted file mode 100644
index 8064770..0000000
--- a/attached_assets/Coding tool profile database setup_1754841204573.md	
+++ /dev/null
@@ -1,62 +0,0 @@
-| Name                  | Categories                                      | Description                                                                 | URL                            | Frameworks                                                                 | Features                                                                                  | Native Integrations                                           | Verified Integrations                                                  | Notable Strengths                                                                 | Known Limitations                                                | Maturity Score | Popularity Score | Pricing                              |
-|-----------------------|------------------------------------------------|-----------------------------------------------------------------------------|--------------------------------|---------------------------------------------------------------------------|------------------------------------------------------------------------------------------|-------------------------------------------------------------|-----------------------------------------------------------------------|----------------------------------------------------------------------------------|----------------------------------------------------------------|---------------|----------------|-------------------------------------|
-| Lovable               | Design/frontend, Coding tool, Vibe coding      | AI-powered platform for creating full-stack websites via natural language.  | lovable.dev                    | React, TypeScript, Tailwind CSS, Vite                                             | Website and app builder, UI design, templates                                            | GitHub, Supabase, Stripe, Figma                              | OpenAI, Anthropic, Resend, Clerk, Three.js, D3.js, Highcharts, p5.js, Runware, ElevenLabs, Make, Replicate, Stability AI, Twilio, n8n | End-to-end automation, great for MVPs, user-friendly for non-coders              | Limited custom logic, platform lock-in                         | 8.3           | 8.9            | Free tier, $25 pro tier             |
-| ChatGPT               | Coding tool, Vibe coding                      | Conversational AI for code generation, debugging, and programming assistance.| https://chatgpt.com            | React, Django, Flask (via code gen)                                               | Code generation, debugging, explanation, natural language to code                        | OpenAI API, GitHub Copilot                                   | VS Code, Jupyter, various LLMs                                        | Versatile, excellent for learning, vast knowledge base                           | Inaccurate/secure code issues, limited context window           | 9.5           | 9.8            | Free tier, Plus $20/month, Team/Enterprise custom |
-| Gemini (CLI)          | Coding tool, Agentic framework                 | Google's AI with CLI for code generation and multimodal inputs.              | https://gemini.google.com      | Android, Web, Flutter                                                             | Code Assist, multimodal prompts, CLI, Google Cloud integration                           | Google Cloud, Android Studio                                 | VS Code, JetBrains                                                    | Multimodal coding, fast inference, good for mobile/web                          | Limited offline use, context window constraints                | 9.0           | 9.2            | Free with limits, Pro $20/month     |
-| Cody                  | Coding tool, Agentic framework                 | Enterprise AI code assistant for complex codebases, speed, and consistency. | https://sourcegraph.com/cody   | All code hosts/editors                                                            | Accelerates dev, reusable prompts, enterprise-grade security                             | All code hosts/editors                                       | Not specified                                                         | Trusted by enterprises, saves 5-6 hours/week, doubles coding speed              | Not specified                                                  | 8.0           | 8.0            | Not specified                       |
-| Claude/Claude Code    | Design/frontend, Coding tool, Agentic framework, IDE | AI for developers to write/test/debug/analyze codebases.              | https://www.anthropic.com/solutions/coding | Not specified                                                             | Write/test/debug, codebase analysis, GitHub integration, terminal embedding              | GitHub, GitLab, Vercel                                       | Cursor, Sourcegraph, Replit, Cognition, Windsurf, Zed, Copilot, Augment Code, Block, Rakuten | Leads SWE-bench (74.5%), 95% test time reduction, clean code                     | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| GitHub Copilot        | Design/frontend, Coding tool, Agentic framework, IDE | AI pair programmer for contextualized code assistance.               | https://github.com/features/copilot | JavaScript, OpenAI GPT-5, Claude Opus 4.1, Gemini 2.0 Flash                        | Code completions, chat, explanations, code review, Autofix                               | VS Code, Visual Studio, Vim, Neovim, JetBrains, Azure Data Studio, GitHub CLI/Mobile | Not specified                                                         | Widely adopted, 55% productivity boost, multi-model support                     | Lower quality for niche languages, insecure code risks          | 9.0           | 9.5            | Free: $0, Pro: $10/month, Pro+: $39/month, Business/Enterprise custom |
-| IBM watsonx Code Assistant | Design/frontend, Coding tool, Agentic framework, IDE | AI for faster code creation and modernization across SDLC.         | https://www.ibm.com/products/watsonx-code-assistant | Python, Java, C, C++, Go, JavaScript, TypeScript                                   | Chat recommendations, automate tasks, generate/explain/test code, IP indemnification      | Not specified                                                | Not specified                                                         | IDC MarketScape leader, 90% time savings, 80% legacy code transformed           | Not specified                                                  | 8.0           | 7.0            | 30-day free trial, 25% off Essentials Plan for 3 months |
-| AI2sql                | Coding tool, Database/backend                  | Generates complex SQL/NoSQL queries from natural language.                   | https://ai2sql.io              | SQL, NoSQL                                                                | Natural language to SQL/NoSQL, multi-database support, specialized SQL tools             | Not specified                                                | Not specified                                                         | Simplifies SQL for non-experts, supports SQL/NoSQL                              | Requires some prior knowledge                                  | 7.0           | 8.0            | Not specified                       |
-| Reflection AI         | Coding tool, Agentic framework                 | AI code research agent for complex codebases and engineering systems.        | https://reflection.ai          | Not specified                                                             | Understands codebases, engineering systems, tribal knowledge                             | Not specified                                                | Not specified                                                         | Team from DeepMind/OpenAI/Anthropic, focuses on LLM/RL/agents                   | Not specified                                                  | 3.0           | 2.0            | Not specified                       |
-| Semantic Kernel       | Coding tool, Agentic framework                 | Open-source kit for building AI agents with C#, Python, Java.               | https://learn.microsoft.com/en-us/semantic-kernel/overview/ | C#, Python, Java                                                          | Build AI agents, integrate AI models, modular plugins, OpenAPI support                   | Not specified                                                | Not specified                                                         | Flexible, Microsoft-backed, enterprise-ready security                           | Not specified                                                  | 8.0           | 7.0            | Not specified                       |
-| Kiro AI               | Design/frontend, Coding tool, Agentic framework, IDE | AI IDE for spec-driven development and collaboration.                 | https://kiro.dev               | Claude Sonnet 3.7/4, Open VSX plugins                                             | Spec-driven dev, multimodal chat, agent hooks, autopilot, MCP integration                | MCP for docs/databases/APIs                                  | Not specified                                                         | Structures AI coding, automates tasks, multimodal inputs                        | Specific model support limits flexibility                      | 7.0           | 6.0            | Free to start                       |
-| ByteAI                | Design/frontend, Coding tool, Agentic framework, IDE | Smart UML playground for technical strategies with AI tips.           | https://byte-ai.io             | JavaScript, Python, Node.js, C#, C++                                              | Visual module builder, team collaboration, code assistant, AI tips                       | Future GitHub integration                                    | Not specified                                                         | Visualization, 55% coding speed increase, reduces tech debt                     | Requires module knowledge, AI code needs review                | 6.0           | 5.0            | Free Trial: $0/mo, Startup: $45/mo, Company: $299/mo, Custom |
-| GibsonAI              | Database/backend, Agentic framework, IDE       | AI for instant serverless SQL database design/deployment/management.         | https://www.gibsonai.com       | PostgreSQL, MySQL, Neon, Windsurf, Cursor, VScode, CLI, Python, TypeScript, NextJS | Instant schema, zero downtime migrations, API endpoints, natural language to SQL         | PostgreSQL, MySQL, Neon, Windsurf, Cursor, VScode, CLI, etc. | Not specified                                                         | Speed in database creation, AI-native, cost-efficient                           | Not specified                                                  | 5.0           | 4.0            | Free to start                       |
-| Knack                 | Design/frontend, Database/backend              | No-code platform for data-rich web apps like SaaS, portals, internal tools.  | https://www.knack.com          | Not specified                                                             | Visual builder, no-code database, automation, triggers, templates                        | Not specified                                                | Not specified                                                         | Rapid development, predictable costs, 92% retention                             | Not specified                                                  | 8.0           | 7.0            | Not specified                       |
-| Bolt                  | Design/frontend, Coding tool, Vibe coding      | AI web builder for creating apps/sites via natural language.                 | https://bolt.new               | React, Next.js                                                            | Natural language app building, UI generation, code export, rapid prototyping             | Stripe, GitHub                                               | OpenAI, Anthropic                                                     | Easiest vibe coding, fast MVP creation, user-friendly                           | Limited to web apps, needs code tweaks                         | 7.5           | 8.2            | Not specified                       |
-| Cursor                | Design/frontend, Coding tool, Agentic framework, IDE | AI code editor for predicting edits and natural language coding.      | https://www.cursor.com         | Not specified                                                             | Predicts edits, answers codebase queries, natural language editing                       | Not specified                                                | Not specified                                                         | Trusted by Samsung/Stripe/Shopify, fast autocompletion                          | Not specified                                                  | 7.0           | 8.0            | Not specified                       |
-| v0                    | Design/frontend, Coding tool, Vibe coding      | Vercel's AI tool for generating UI components from natural language.         | https://v0.dev                 | React, Tailwind CSS                                                       | AI UI generation, code export, natural language to design, templates                     | Vercel, GitHub                                               | Not specified                                                         | Fast UI prototyping, Vercel ecosystem integration, high-quality code             | Focused on frontend, limited custom backend                    | 8.0           | 8.5            | Not specified                       |
-| Tempo Labs            | Design/frontend, Coding tool, Agentic framework | Platform for collaborative React app building with AI and drag-and-drop.    | https://www.tempo.new          | React                                                                     | Visual React editing, design systems, VSCode/GitHub integration, AI generation           | GitHub, VSCode, Storybook                                    | Not specified                                                         | Designer/developer collaboration, visual editing, free/paid AI                  | Free plan limited to 30 prompts                               | 6.0           | 5.0            | Free: $0, Pro: $30/month, Agent+: $4,000/month |
-| Base44                | Design/frontend, Coding tool, Agentic framework, Database/backend | AI platform for turning ideas into custom apps without coding.       | https://base44.com             | Not specified                                                             | Build apps in minutes, auto components/pages/flows, backend (auth, data), hosting        | Email, SMS, external APIs, database querying                 | Not specified                                                         | No coding required, fast deployment, 400K+ users                               | Not specified                                                  | 7.0           | 8.0            | Free core features, paid from $20/month |
-| Replit                | Design/frontend, Coding tool, Agentic framework, IDE, Database/backend | Platform for turning ideas into apps with vibe coding and AI Agent. | https://replit.com             | Not specified                                                             | Replit Agent, design imports from Figma, built-in Database/Auth, vibe coding, SSO        | Database, Auth, Stripe, OpenAI                               | Not specified                                                         | Loved by 40M creators, trusted by Google/Anthropic/Coinbase                     | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| gocodeo               | Coding tool                                   | AI unit test generator for automating code testing.                          | https://www.gocodeo.com        | Not specified                                                             | AI code generation, project setup, testing, real-time AI coding, auto-debugging          | VS Code                                                      | Not specified                                                         | Trusted by 25,000+ engineers, 55% coding speed increase                         | Not specified                                                  | 7.0           | 8.0            | Not specified                       |
-| Devin                 | Coding tool, Agentic framework, Database/backend | AI software engineer for coding tasks like migration, refactoring, bug fixing.| https://devin.ai               | Not specified                                                             | Code migration, refactoring, data engineering, bug/backlog resolution                    | GitHub, Linear, Slack                                        | Asana, Zapier, Confluence, Airtable, Segment, Notion, Stripe, AWS, Datadog, Databricks, Google Drive, Sentry, PostgreSQL, Azure, Snowflake, MongoDB | 8-12x efficiency gains, 20x cost savings, reduces errors                         | Needs oversight, initial fine-tuning                           | 7.0           | 8.0            | Not specified                       |
-| Softgen               | Design/frontend, Coding tool, Agentic framework | AI tool for creating web apps via natural language with tailored roadmaps.  | https://softgen.ai             | Not specified                                                             | AI roadmap, emails, payments, auth, database, SEO, UI components                         | Emails, Payments, Auth, Database, Realtime Database, Cloud Storage, SEO, UI Components | Not specified                                                         | Not specified                                                                    | Not specified                                                  | 5.0           | 6.0            | Not specified                       |
-| Windsurf              | Design/frontend, Coding tool, Agentic framework, IDE | AI-powered IDE with deep codebase understanding and real-time collaboration. | https://codeium.com/windsurf   | Not specified                                                             | Contextual awareness, autocomplete, Previews, linter, MCP, in-line/terminal commands     | Not specified                                                | Not specified                                                         | Writes 70M+ lines daily, 1M+ users, 94% AI code, 59% Fortune 500                | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| Cline                 | Design/frontend, Coding tool, Agentic framework, IDE | Autonomous coding agent in IDE for file creation/editing and web tasks. | https://github.com/cline/cline | OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure, GCP Vertex, etc. | File analysis/editing, terminal commands, headless browser, MCP, context via @mentions    | VSCode                                                       | Not specified                                                         | Handles complex tasks, supports large projects, interactive debugging            | Requires permission, model-specific dependencies               | 7.0           | 6.0            | Not specified                       |
-| Codev                 | Design/frontend, Coding tool, Agentic framework, IDE, Database/backend | Converts text to full-stack Next.js apps with deployment and ownership.| https://www.co.dev             | Next.js, Supabase (PostgreSQL)                                                    | Text to app, components/styling/functionality, package install, domain setup, CRUD       | Next.js, Supabase                                            | Not specified                                                         | Rapid community growth (40K+ builders), production-ready in minutes              | Not for complex apps, web only, review for security/scaling    | 7.0           | 8.0            | Not specified                       |
-| AIder                 | Coding tool, Agentic framework                 | AI pair programming tool for terminal-based collaboration with LLMs.         | https://aider.chat             | Python, DeepSeek, Claude 3.7 Sonnet, o3-mini                                      | Pair programming, start/work on projects, supports multiple LLMs                        | Not specified                                                | Not specified                                                         | AI-assisted terminal coding, multi-LLM support                                  | Not specified                                                  | 5.0           | 3.0            | Not specified                       |
-| Tabnine               | Coding tool, Agentic framework, IDE            | Contextually aware AI platform for speeding up development with air-gapped deployments. | https://www.tabnine.com | Popular languages/libraries/IDEs                                                  | Context-aware suggestions, bespoke models, AI agents for review/testing/docs             | Not specified                                                | Atlassian Jira                                                        | Gartner #1, 11% productivity boost, custom suggestions                          | Potential latency issues                                       | 8.0           | 9.0            | Not specified                       |
-| Bubble                | Design/frontend, Coding tool, Database/backend, Vibe coding | Full-stack no-code app builder with visual editing and backend.       | https://bubble.io              | Not specified                                                             | Visual app builder, databases, workflows, integrations, hosting                          | Stripe, Google, various APIs                                 | Not specified                                                         | Easy no-code, full-stack, trusted for MVPs                                      | Performance for large apps, lock-in                            | 8.5           | 8.7            | Free tier, paid from $25/month      |
-| Supabase              | Database/backend                              | Postgres development platform with database, auth, APIs, and more.           | https://supabase.com           | ReactJS, NextJS, RedwoodJS, Flutter, Kotlin, SvelteKit, SolidJS, Vue, NuxtJS, Refine | Postgres database, Auth, APIs, Edge Functions, Realtime, Storage, Vector embeddings      | Not specified                                                | Not specified                                                         | Trusted by Mozilla/GitHub/1Password, quick build/scale                          | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| Firebase              | Design/frontend, Coding tool, Agentic framework, Database/backend | Platform for app development with AI-powered experiences.            | https://firebase.google.com    | iOS, Android, Web, Flutter, Unity, C++                                            | Build AI experiences, managed infra, launch/monitor/iterate, Gemini integration          | Gemini, Google Cloud                                         | Not specified                                                         | Google-backed, trusted by NPR/Duolingo, millions of users                       | Not specified                                                  | 9.0           | 9.0            | Not specified                       |
-| Appwrite              | Coding tool, Database/backend, Agentic framework | Open-source backend platform with auth, databases, and hosting.           | https://appwrite.io            | 13 languages for serverless functions                                             | Auth, scalable databases, secure storage, serverless, messaging, Realtime, hosting       | All Appwrite products (Auth, Databases, Storage, etc.)       | Not specified                                                         | Loved by Apple/Oracle/TikTok/IBM, wide product range, global scaling            | Not specified                                                  | 8.0           | 8.0            | Free: $0, Pro: $15/month, Scale: $599/month, Enterprise: custom |
-| Nhost                 | Database/backend                              | Managed, extensible backend platform for speed, flexibility, and scale.      | https://nhost.io               | SDKs (specific not detailed)                                               | Scales with user, CI/CD, observability, CLI/dashboard, global deployment, auth SDKs      | Not specified                                                | Not specified                                                         | Rapid dev, case studies (400K+ users in 6 weeks), reduces onboarding            | Not specified                                                  | 7.0           | 7.0            | Free tier                           |
-| UI Bakery             | Design/frontend, Coding tool, Agentic framework | Low-code platform for building custom internal tools, portals, dashboards.  | https://uibakery.io            | JavaScript, Python, SQL                                                   | Drag-and-drop UI, 30+ integrations, code/no-code logic, Git, one-click deployment        | 18+ databases, 17+ services/APIs, REST/OpenAPI/GraphQL       | Not specified                                                         | Rapid dev, high customization, G2 4.9/5                                        | Not specified                                                  | 8.0           | 8.0            | See https://uibakery.io/pricing     |
-| Pocketbase            | Database/backend, Coding tool                 | Open-source backend in 1 file with database, auth, storage, and dashboard.   | https://pocketbase.io          | JavaScript (SDK)                                                          | Realtime database, auth, file storage, admin dashboard, CRUD operations                  | Not specified                                                | Not specified                                                         | Ready to use, integrates with frontend stacks                                   | Not specified                                                  | 5.0           | 5.0            | Not specified                       |
-| Backendless           | Design/frontend, Coding tool, Agentic framework, IDE, Database/backend | Platform for scalable apps with AI-driven automation.              | https://backendless.com        | Not specified                                                             | Build scalable apps, automate workflows, no-code/low-code, flexible hosting              | Not specified                                                | Not specified                                                         | Flexible backend, intuitive interface, quick POC                                | Not specified                                                  | 7.0           | 6.0            | Cloud/Pro/Managed plans             |
-| Northflank            | Design/frontend, Coding tool, Agentic framework, IDE, Database/backend | Cloud platform for deploying any project from first user to billions. | https://northflank.com         | Any language/framework, GitHub/GitLab/Bitbucket, Kubernetes (EKS/GKE/AKS)         | UI/CLI/APIs/GitOps, runs on AWS/GCP/Azure/Oracle, templates, secure code, vectorDBs      | GitHub, GitLab, Bitbucket                                    | Not specified                                                         | Trusted by 2,000+ startups/enterprises, scales to 3M users                      | Not specified                                                  | 8.0           | 8.0            | CPU $0.01667/hr, Memory $0.00833/hr, NVIDIA H100 $2.74/hr, etc. |
-| Vercel                | Design/frontend, Coding tool, Agentic framework, Database/backend | Developer tools and cloud infra for faster, personalized web.        | https://vercel.com             | Not specified                                                             | Build/deploy on AI Cloud, Git deploys, collaborative previews, AI Gateway, rollbacks     | Not specified                                                | Not specified                                                         | 95% page load reduction, globally performant, collaborative                     | Not specified                                                  | 8.0           | 8.0            | Not specified                       |
-| Netlify               | Design/frontend, Coding tool, Agentic framework | Platform for deploying modern frontend stacks with AI apps.                 | https://netlify.com            | Not specified                                                             | Optimized builds, collaborative previews, instant rollbacks, global edge, serverless     | Not specified                                                | Not specified                                                         | 35M+ projects, 7M+ developers, 99.99% uptime                                    | Not specified                                                  | 9.0           | 9.0            | Not specified                       |
-| Render                | Coding tool, Database/backend                  | Cloud platform for building, deploying, scaling apps.                        | https://render.com             | Node.js, Python, Ruby, Docker                                             | Web services/static sites/cron jobs, auto deploys, datastores, autoscaling, IaC          | Slack                                                        | Not specified                                                         | 3M+ developers, 100B requests/month, enterprise-grade                           | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| Platform.sh           | Database/backend, Coding tool                 | Self-service PaaS for efficient, reliable, secure infrastructure.            | https://platform.sh            | 100+ frameworks, 14 languages                                             | Automated infra, Git workflows, multicloud/multistack, scalability, Observability Suite  | Not specified                                                | Not specified                                                         | 5,000+ customers (Adobe/Economist), 219% ROI, G2 leader                        | Not specified                                                  | 8.0           | 8.0            | Not specified                       |
-| Figma                 | Design/frontend, Vibe coding                  | Collaborative interface design tool for design/development teams.            | https://figma.com              | Not specified                                                             | Create/refine products, mockups, design to code, design systems, collaboration           | Not specified                                                | Not specified                                                         | Trusted by AirBnb/Asana/Atlassian/GitHub, seamless collaboration                | Not specified                                                  | 8.0           | 9.0            | Not specified                       |
-| Balsamiq              | Design/frontend                               | Wireframing tool for quick, low-fidelity wireframes to align teams.          | https://balsamiq.com           | Not specified                                                             | Drag-and-drop UI, share via links/exports, low-fidelity design, templates                | Not specified                                                | Not specified                                                         | Reduces rework, aligns teams, easy to use                                       | Lacks advanced features                                        | 8.0           | 8.0            | Not specified                       |
-| LangChain             | Coding tool, Agentic framework                 | Open-source framework for building AI agents with LLMs.                      | https://www.langchain.com      | Python, JavaScript                                                        | Agent building, LLM integrations, chaining prompts/tools, memory, RAG                    | OpenAI, Anthropic, various databases                         | Hugging Face, Pinecone                                                | Flexible for agentic AI, widely used, community support                         | Learning curve, debugging agents                               | 8.5           | 9.0            | Not specified                       |
-| CrewAI                | Agentic framework, Coding tool                 | Framework for orchestrating role-playing autonomous AI agents.               | https://crewai.com             | Python                                                                    | Role-based agents, task delegation, multi-agent workflows, LLM integration               | OpenAI, Anthropic                                            | Not specified                                                         | Easy multi-agent setup, good for automation, community                          | Limited to Python, agent reliability varies                    | 7.5           | 8.0            | Not specified                       |
-| AutoGen               | Agentic framework, Coding tool                 | Microsoft's framework for building multi-agent AI systems.                   | https://microsoft.github.io/autogen/ | Python                                                                    | Multi-agent orchestration, event-driven architecture, API integration                    | Microsoft Azure, OpenAI                                      | Not specified                                                         | Strong for enterprise, good docs, Semantic Kernel integration                   | Requires setup for advanced use                                | 8.0           | 8.0            | Not specified                       |
-| Codeium               | Coding tool, IDE                              | AI code completion tool with suggestions, chat, and search in IDEs.         | https://codeium.com            | 70+ languages                                                             | Autocomplete, chat for code, search codebase, enterprise self-host                      | VS Code, JetBrains, Neovim                                   | Not specified                                                         | Free for individuals, fast, privacy-focused                                     | Less context-aware than Copilot for some                       | 8.0           | 8.5            | Not specified                       |
-| Amazon CodeWhisperer  | Coding tool, IDE                              | AI coding companion with AWS integration for code suggestions.               | https://aws.amazon.com/codewhisperer/ | 15+ languages                                                             | Code suggestions, security scans, reference tracker, AWS-specific code                   | AWS, VS Code, JetBrains                                      | Not specified                                                         | Free for individuals, good for cloud devs, security focus                       | Biased towards AWS, less versatile                             | 8.0           | 7.5            | Not specified                       |
-| Zed                   | IDE, Coding tool                              | High-performance, collaborative code editor with AI integrations.            | https://zed.dev                | Rust-based, multiple languages                                            | AI autocomplete, collaboration, high speed, Git integration                              | GitHub Copilot, OpenAI                                       | Not specified                                                         | Fastest editor, multiplayer editing, modern UI                                  | Newer, less plugins than VS Code                              | 7.0           | 7.0            | Not specified                       |
-| Stripe                | Payment platform                              | Payment processing platform for online payments and financial services.      | https://stripe.com             | JavaScript, Python, Ruby, etc.                                            | Payments, billing, fraud prevention, global support, APIs                                | Many e-commerce platforms, Next.js, Shopify                  | Supabase, Vercel, Bubble                                              | Developer-friendly APIs, reliable, scales for enterprises                       | Fees per transaction, compliance requirements                  | 9.5           | 9.7            | Not specified                       |
-| Plaid                 | Payment platform                              | Connects bank accounts for payments, verification, and financial data.       | https://plaid.com              | SDKs for various languages                                                | Bank connections, transactions, identity verification, payments                          | Stripe, Venmo, many fintech apps                             | Not specified                                                         | Secure bank links, wide coverage, easy integration                             | US-focused, privacy concerns                                   | 9.0           | 8.5            | Not specified                       |
-| Uizard                | Design/frontend, Vibe coding                  | AI-powered UI design tool for rapid prototyping from prompts/sketches.       | https://uizard.io              | Exports to React, Figma                                                   | AI UI generation, prototyping, collaboration, export code                                | Figma, Adobe XD                                              | Not specified                                                         | Fast from prompt to UI, focused on design                                       | Limited to UI, not full code                                   | 7.0           | 7.5            | Not specified                       |
-| Locofy.ai             | Design/frontend, Coding tool                  | Converts Figma/Adobe XD designs to code automatically.                       | https://www.locofy.ai          | React, HTML/CSS, Gatsby                                                   | Design to code conversion, component export, responsive code                             | Figma, Adobe XD                                              | Not specified                                                         | Saves time on frontend coding, accurate conversions                             | Best for simple designs, may need tweaks                       | 6.5           | 7.0            | Not specified 
-
-| Blackbox    | Coding tool, Agentic framework, IDE            | AI-powered coding assistant for code generation, autocompletion, and debugging. | https://www.blackbox.ai      | Python, JavaScript, TypeScript, Go, C, C++, Java, C# | Code generation, autocompletion, debugging, Figma to code, image to web app, voice interaction | VS Code, GitHub                                 | Not specified                            | Trusted by 10M+ users, supports 70+ languages, Figma/image to code                  | May require manual code review, limited offline use      | 8.0           | 8.5            | Free, Free Trial, Free Version |[](https://www.blackbox.ai/)[](https://slashdot.org/software/comparison/BLACKBOX-AI-vs-CodeGeeX-vs-GitHub-Copilot/)
-| PSEUDO.AI   | Coding tool, Vibe coding                      | AI-powered platform for generating pseudocode from natural language prompts. | https://pseudo.ai            | Not specified                                        | Pseudocode generation, natural language to pseudocode, algorithm visualization              | Not specified                                   | Not specified                            | Simplifies algorithm design, beginner-friendly                                      | Limited to pseudocode, not executable code               | 6.0           | 5.0            | Not specified                |
-| Build AI    | Design/frontend, Coding tool, Vibe coding      | No-code platform for building AI-powered apps and websites via natural language. | https://www.buildai.space    | Not specified                                        | App/website builder, natural language interface, AI-driven design, hosting                 | Not specified                                   | Not specified                            | User-friendly for non-coders, rapid prototyping                                     | Limited customization for complex apps                   | 6.5           | 6.0            | Not specified                |
-| CodeGeeX    | Coding tool, IDE                              | Multilingual code generation model with 13B parameters for 20+ languages.    | https://codegeex.cn          | C, C++, Go, Java, JavaScript, Python, C#, Angular    | Code generation, translation, explanation, summarization, VS Code extension                | VS Code                                         | Not specified                            | Supports 20+ languages, few-shot learning, style customization                      | Limited to code generation, less contextual awareness    | 7.5           | 7.8            | Free, Free Trial, Free Version |[](https://slashdot.org/software/comparison/BLACKBOX-AI-vs-CodeGeeX-vs-GitHub-Copilot/)
-| HeyBoss     | Design/frontend, Coding tool, Vibe coding, Database/backend | No-code AI builder for websites/apps in minutes, with built-in CRM, SEO, payments. | https://heyboss.ai | Not specified                                        | Website/app builder, CRM, SEO, payment integration, custom internal tools, real-time analytics | OpenAI, Stripe, databases                       | Not specified                            | Builds in 5-9 minutes, no coding needed, full-stack automation                      | Limited for complex logic, potential platform lock-in    | 7.8           | 8.2            | Subscription plans, see https://heyboss.ai |[](https://heyboss.ai/)[](https://heyboss.ai/about-heyboss)[](https://nextaitool.com/b/build-a-website-or-app-without-coding-using-heyboss-ai)
-| Manus AI    | Coding tool, Agentic framework                 | AI-driven platform for generating and managing code for software projects.    | https://manus.im             | Not specified                                        | Code generation, project management, automation of coding tasks                            | Not specified                                   | Not specified                            | Streamlines project workflows, good for small teams                                | Limited public info, may lack advanced integrations      | 5.5           | 5.0            | Not specified                |
\ No newline at end of file
diff --git a/attached_assets/Codingtools_1754841204573.pdf b/attached_assets/Codingtools_1754841204573.pdf
deleted file mode 100644
index d3e142f..0000000
Binary files a/attached_assets/Codingtools_1754841204573.pdf and /dev/null differ
diff --git a/attached_assets/DEVELOPMENT_1756933184252.md b/attached_assets/DEVELOPMENT_1756933184252.md
deleted file mode 100644
index cb1034c..0000000
--- a/attached_assets/DEVELOPMENT_1756933184252.md
+++ /dev/null
@@ -1,71 +0,0 @@
-# Development Setup
-
-## Prerequisites
-- Node.js (v16 or higher)
-- npm or yarn
-
-## Installation
-
-1. Clone the repository:
-```bash
-git clone <repository-url>
-cd AltStackFast
-```
-
-2. Install dependencies:
-```bash
-npm install
-```
-
-## Development
-
-Start the development server:
-```bash
-npm run dev
-```
-
-The application will be available at `http://localhost:5173`
-
-## Build
-
-Build for production:
-```bash
-npm run build
-```
-
-Preview the production build:
-```bash
-npm run preview
-```
-
-## Project Structure
-
-```
-AltStackFast/
-├── src/
-│   ├── App.jsx          # Main application component
-│   ├── Main.jsx         # Application entry point
-│   └── index.css        # Global styles with Tailwind
-├── index.html           # HTML template
-├── package.json         # Dependencies and scripts
-├── vite.config.js       # Vite configuration
-├── tailwind.config.js   # Tailwind CSS configuration
-├── postcss.config.js    # PostCSS configuration
-└── .gitignore          # Git ignore rules
-```
-
-## Technologies Used
-
-- **React 18** - UI framework
-- **Vite** - Build tool and dev server
-- **Tailwind CSS** - Utility-first CSS framework
-- **Firebase** - Backend services (Firestore, Auth)
-- **Marked** - Markdown parsing
-
-## Security Notes
-
-The project currently has some moderate security vulnerabilities in development dependencies. These are primarily related to:
-- Firebase SDK dependencies
-- Development server (esbuild)
-
-These vulnerabilities don't affect production builds and are being addressed by the respective package maintainers. 
\ No newline at end of file
diff --git a/attached_assets/INTEGRATION_PLAN_1756933135787.md b/attached_assets/INTEGRATION_PLAN_1756933135787.md
deleted file mode 100644
index 582bb56..0000000
--- a/attached_assets/INTEGRATION_PLAN_1756933135787.md
+++ /dev/null
@@ -1,134 +0,0 @@
-# StackFast + TechStack Explorer Integration Plan
-
-## Phase 1: Data Model Alignment (Week 1)
-
-### Tool Profile Unification
-- Merge StackFast's tool schema with TechStack Explorer's tool model
-- Key mappings:
-  ```
-  StackFast                 → TechStack Explorer
-  tool_id                   → id
-  category[]                → categories (junction table)
-  notable_strengths         → features[]
-  known_limitations         → (new field to add)
-  output_types[]            → (new field to add)
-  integrations[]            → integrations[]
-  maturity_score            → maturityScore
-  ```
-
-### Database Strategy
-- Use PostgreSQL as primary store (TechStack Explorer)
-- Sync with Firestore for StackFast compatibility
-- Worker enrichment writes to both databases
-
-## Phase 2: API Integration (Week 1-2)
-
-### Unified Endpoints
-```javascript
-// Combined API structure
-/api/v1/
-  /tools                    // List all tools (merged data)
-  /tools/:id                // Tool details + compatibility scores
-  /compatibility/:a/:b      // Compatibility score between tools
-  /blueprint                // Generate blueprint with compatibility awareness
-  /stack/analyze           // Validate stack with harmony scoring
-  /stack/recommend         // AI-powered recommendations
-```
-
-### Implementation Priority
-1. ✅ Compatibility scoring already working (87.5% ChatGPT+Lovable)
-2. 🔄 Merge tool schemas
-3. 🔄 Integrate blueprint generation
-4. 🔄 Connect worker enrichment
-
-## Phase 3: Frontend Unification (Week 2)
-
-### UI Components to Merge
-- StackFast's tool grid → Enhanced with compatibility badges
-- TechStack Explorer's matrix → Integrated into tool details
-- Blueprint generator → Include compatibility warnings
-- Stack builder → Show harmony scores during selection
-
-### New Features from Merger
-1. **Smart Blueprint Generation**: Automatically select compatible tools
-2. **Compatibility-Aware Search**: Filter tools by compatibility with existing stack
-3. **Migration Paths**: Show upgrade paths between tools
-4. **Real-time Validation**: Check compatibility as users build
-
-## Phase 4: Advanced Features (Week 3)
-
-### Intelligence Layer
-- Combine StackFast's LLM blueprint generation with compatibility scoring
-- Use compatibility data to improve blueprint quality
-- Generate migration guides between tech stacks
-
-### Data Pipeline
-```
-GitHub/npm/ProductHunt → Worker → Enrichment → Validation → 
-  ↓
-PostgreSQL (relationships) + Firestore (profiles)
-  ↓
-API → Frontend + External Consumers
-```
-
-## Technical Considerations
-
-### Challenges to Address
-1. **Schema Migration**: Need to map StackFast's Zod schemas to Drizzle ORM
-2. **Monorepo Structure**: Decide between keeping monorepo or current structure
-3. **Authentication**: StackFast has admin routes, need to integrate
-4. **Worker Integration**: Connect StackFast's scraping worker to PostgreSQL
-
-### Immediate Quick Wins
-1. Import StackFast's mock tools into current database
-2. Add StackFast's tool categories to existing category system
-3. Expose compatibility API for StackFast frontend to consume
-4. Share validation schemas between projects
-
-## Recommended Next Steps
-
-### Option A: Full Integration (Recommended)
-1. Move StackFast packages into current project
-2. Merge schemas and create unified data model
-3. Combine API endpoints
-4. Create unified frontend with all features
-
-### Option B: API Federation
-1. Keep projects separate
-2. TechStack Explorer exposes compatibility API
-3. StackFast consumes compatibility data
-4. Share tool registry via API
-
-### Option C: Modular Approach
-1. Extract compatibility engine as npm package
-2. StackFast imports and uses compatibility scoring
-3. Share tool data via common database
-4. Gradual UI integration
-
-## Value Proposition
-
-The merged platform would offer:
-- **For Developers**: Complete tool selection with compatibility insights
-- **For Teams**: Validated tech stack blueprints with harmony scoring
-- **For Enterprises**: Data-driven tool adoption decisions
-- **For StackFast**: Enhanced with relationship intelligence
-- **For TechStack Explorer**: Production-ready architecture and tool registry
-
-## Compatibility Examples Working Today
-- ChatGPT + Lovable: 87.5/100 (High AI synergy)
-- GitHub Copilot + Windsurf: 92.3/100 (Excellent compatibility)
-- Supabase + Bubble: 73.2/100 (Moderate integration)
-
-## Migration Effort Estimate
-- **Data Migration**: 2-3 days
-- **API Integration**: 3-4 days
-- **Frontend Merge**: 4-5 days
-- **Testing & Refinement**: 2-3 days
-- **Total**: ~2 weeks for full integration
-
-## Success Metrics
-- Unified tool database with 50+ tools
-- Compatibility scores for all tool pairs
-- Blueprint generation with compatibility awareness
-- 90%+ stack validation accuracy
-- Sub-second API response times
\ No newline at end of file
diff --git a/attached_assets/PHASE2_COMPLETE_1756933135787.md b/attached_assets/PHASE2_COMPLETE_1756933135787.md
deleted file mode 100644
index 7cf5a2e..0000000
--- a/attached_assets/PHASE2_COMPLETE_1756933135787.md
+++ /dev/null
@@ -1,117 +0,0 @@
-# Phase 2 Complete: StackFast API Integration ✅
-
-## Major Achievement: Blueprint Generation with Compatibility Intelligence
-
-Successfully integrated StackFast's blueprint generation with TechStack Explorer's compatibility matrix, creating a unique value proposition that neither project had alone.
-
-## What's Working Now
-
-### 1. Enhanced Blueprint Generation
-```bash
-POST /api/v1/blueprint
-{
-  "rawIdea": "Build a real-time collaborative code editor with AI assistance",
-  "preferredTools": ["Replit"],
-  "timeline": "mvp",
-  "budget": "medium"
-}
-```
-
-Returns:
-- **Intelligent Tech Stack**: Automatically selects tools with high compatibility
-- **Stack Analysis**: Harmony score (59%), no conflicts, medium integration complexity
-- **Tool Recommendations**: Each tool includes compatibility score with others
-- **Timeline Estimates**: Development, testing, deployment phases adjusted by complexity
-- **Cost Estimates**: Monthly tooling, infrastructure, and maintenance costs
-
-### 2. Tool Recommendations by Idea
-```bash
-POST /api/v1/tools/recommend
-{
-  "idea": "AI-powered web application with real-time features",
-  "maxResults": 5
-}
-```
-
-Returns top tools categorized by need:
-- Frontend & Design: v0 (7.8/10)
-- AI Coding Assistants: ChatGPT (9.7/10), GitHub Copilot (9.3/10)
-- Based on idea parsing and category matching
-
-### 3. Compatibility Reports for Stacks
-```bash
-POST /api/v1/stack/compatibility-report
-{
-  "tools": ["Replit", "ChatGPT", "Supabase"]
-}
-```
-
-Returns:
-- Overall Harmony: 58%
-- Compatibility Matrix: All pairwise scores
-- Recommendations: Integration guidance
-- Summary: High/low compatibility pair counts
-
-## Technical Implementation
-
-### New Services Created
-1. **stackfast-adapter.ts**: Bridges StackFast schemas with our database
-2. **blueprint-generator.ts**: Intelligent blueprint creation with compatibility awareness
-
-### Key Features
-- **Compatibility-Aware Selection**: Tools selected based on mutual compatibility scores
-- **Alternative Stack Generation**: Suggests better combinations when harmony is low
-- **Integration Complexity Assessment**: Estimates effort based on tool relationships
-- **Smart Categorization**: Analyzes project ideas to determine needed tool categories
-
-## Real-World Examples
-
-### Example 1: SaaS Platform
-- **Input**: "Build a SaaS platform for project management with AI features"
-- **Selected Stack**: v0 + ChatGPT
-- **Harmony Score**: 59%
-- **Integration**: Medium complexity
-- **Timeline**: 6-8 weeks for MVP
-
-### Example 2: Tech Stack Analysis
-- **Stack**: Replit + ChatGPT + Supabase
-- **Overall Harmony**: 58%
-- **Best Pair**: Replit + Supabase (61.9%)
-- **Challenging Pair**: Replit + ChatGPT (54.9%)
-- **Recommendation**: Standard integration effort expected
-
-## Integration Benefits Realized
-
-### Before Integration
-- StackFast: Blueprint generation without compatibility awareness
-- TechStack Explorer: Compatibility scores without blueprint context
-
-### After Integration
-- **Unified Intelligence**: Blueprints consider tool relationships
-- **Reduced Risk**: Warns about low-compatibility combinations
-- **Better Recommendations**: Tools selected for both functionality AND compatibility
-- **Cost Awareness**: Estimates based on actual tool pricing
-- **Timeline Accuracy**: Adjusted by integration complexity
-
-## Database Statistics
-- **11 Tools**: Mix of StackFast and original tools
-- **55 Compatibility Relationships**: All tools interconnected
-- **3 New API Endpoints**: Fully operational
-- **Response Times**: 1-2 seconds average
-
-## Next Steps: Phase 3 - UI Integration
-
-With the API layer complete, the foundation is ready for:
-1. Unified frontend combining both UIs
-2. Visual blueprint builder with compatibility warnings
-3. Interactive stack analyzer with real-time scoring
-4. Migration wizard for tool transitions
-
-## Success Metrics
-- ✅ All planned API endpoints operational
-- ✅ Compatibility scores influence recommendations
-- ✅ Blueprint generation considers tool relationships
-- ✅ Real-time analysis with < 2s response times
-- ✅ No conflicts between systems
-
-The merger has successfully created a **Tech Stack Intelligence Platform** that provides data-driven recommendations with compatibility awareness - a unique offering in the market!
\ No newline at end of file
diff --git a/attached_assets/PHASE3_PROGRESS_1756933135788.md b/attached_assets/PHASE3_PROGRESS_1756933135788.md
deleted file mode 100644
index 50d8be3..0000000
--- a/attached_assets/PHASE3_PROGRESS_1756933135788.md
+++ /dev/null
@@ -1,68 +0,0 @@
-# Phase 3 Progress: Frontend Unification
-
-## Completed Components
-
-### 1. Blueprint Builder Page
-- Full-featured blueprint generation interface at `/blueprint`
-- Supports project idea input, tool preferences, timeline, and budget
-- Shows comprehensive blueprint with:
-  - Tech stack recommendations with compatibility scores
-  - Frontend and backend logic breakdown
-  - Timeline estimates (development, testing, deployment)
-  - Cost estimates (tooling, infrastructure, maintenance)
-  - Alternative stacks with harmony scores
-
-### 2. Stack Harmony Component
-- Unified compatibility visualization (`stack-harmony.tsx`)
-- Displays:
-  - Overall harmony score with visual progress bar
-  - Tool-by-tool compatibility breakdown
-  - Integration difficulty indicators
-  - Conflicts and warnings alerts
-  - Success messages for high-compatibility stacks
-
-### 3. Quick Blueprint Widget
-- Integrated into dashboard for immediate access
-- One-line project idea input
-- Instant blueprint generation with harmony scores
-- Preview of recommended tech stack
-- Direct link to full blueprint view
-
-### 4. Navigation Updates
-- Added Blueprint Builder to main navigation
-- Icon-based navigation with Sparkles icon
-- Seamless integration with existing tabs
-
-## Integration Features Working
-
-### API Endpoints Fully Operational
-1. `/api/v1/blueprint` - Generates AI-powered blueprints
-2. `/api/v1/tools/recommend` - Tool recommendations by idea
-3. `/api/v1/stack/compatibility-report` - Detailed compatibility analysis
-
-### Data Flow
-- Blueprint generation considers compatibility scores
-- Tool recommendations based on harmony with existing selections
-- Real-time compatibility calculations
-- Integration complexity assessment
-
-## UI/UX Improvements
-- Consistent GitHub-inspired dark theme
-- Neon orange accent for key actions
-- Mobile-responsive design
-- Loading states and error handling
-- Toast notifications for user feedback
-
-## Database Statistics
-- 11 tools integrated (StackFast + original)
-- 55 compatibility relationships
-- Categories properly mapped
-- Response times < 2 seconds
-
-## Next Steps for Full Completion
-1. Enhanced tool registry view combining both systems
-2. Visual compatibility matrix with heat map
-3. Migration wizard UI for tool transitions
-4. Export functionality for blueprints
-
-The frontend unification has successfully created a cohesive user experience that merges StackFast's blueprint generation with TechStack Explorer's compatibility intelligence!
\ No newline at end of file
diff --git a/attached_assets/PHASE4_COMPLETE_1756933135789.md b/attached_assets/PHASE4_COMPLETE_1756933135789.md
deleted file mode 100644
index 38ef3e5..0000000
--- a/attached_assets/PHASE4_COMPLETE_1756933135789.md
+++ /dev/null
@@ -1,124 +0,0 @@
-# Phase 4: Complete Platform Integration - SUCCESS ✓
-
-## Completed: January 16, 2025
-
-### What We Built
-Phase 4 completes the full merger between TechStack Explorer and StackFast with advanced visualization and migration capabilities:
-
-## New Features Implemented
-
-### 1. Visual Compatibility Heatmap
-- **Interactive Matrix Visualization**: Color-coded heatmap showing compatibility scores between tools
-- **Smart Color Gradient**: Green (excellent) → Yellow (moderate) → Red (poor) compatibility
-- **Hover Details**: Tooltip showing exact scores and tool pairs
-- **Toggle Labels**: Show/hide score numbers for cleaner visualization
-- **Performance Optimized**: Displays top 12 tools to avoid UI overload
-
-### 2. Migration Wizard
-- **Step-by-Step Migration Planning**: Intelligent 9-step migration process from one tool to another
-- **Difficulty Assessment**: Automatic classification (easy/medium/hard) based on compatibility
-- **Time Estimates**: 
-  - Easy: 3-7 days
-  - Medium: 7-14 days  
-  - Hard: 14-30 days
-- **Risk Analysis**: Identifies potential issues and migration challenges
-- **Benefits Tracking**: Highlights advantages of migrating to new tools
-- **Export Functionality**: Download migration plans as JSON for offline use
-- **Progress Tracking**: Visual step completion with checkmarks and navigation
-
-### 3. Migration API Endpoint
-```javascript
-GET /api/v1/migration/:fromTool/:toTool
-```
-Returns comprehensive migration analysis including:
-- Data portability percentage (how much data can be transferred)
-- Feature parity score (feature compatibility between tools)
-- Detailed migration steps
-- Cost implications and budget estimates
-- Risk assessment with mitigation strategies
-
-### 4. Enhanced UI Integration
-- **4-Tab Layout**: Matrix View | Heatmap | Migration | Insights
-- **Seamless Navigation**: All views integrated into Compatibility Matrix page
-- **Responsive Design**: Mobile-optimized components
-- **Dark Theme**: Consistent GitHub-inspired styling
-
-## Technical Achievements
-
-### Backend Enhancements
-- Added `getToolByName` method to storage interface
-- Migration path generation algorithm considers:
-  - Tool compatibility scores
-  - Category relationships
-  - Feature overlap
-  - Integration complexity
-- Dynamic risk/benefit analysis based on compatibility
-
-### Frontend Components
-- `CompatibilityHeatmap`: Reusable matrix visualization component
-- `MigrationWizard`: Full-featured migration planning interface
-- Proper TypeScript typing throughout
-- TanStack Query integration for data fetching
-
-## Migration Intelligence Examples
-
-### Easy Migration (80+ compatibility)
-**Cursor IDE → VS Code**: 3-7 days
-- High feature parity (95%)
-- Minimal workflow disruption
-- Smooth transition guaranteed
-
-### Medium Migration (60-80 compatibility)  
-**ChatGPT → Claude**: 7-14 days
-- Some feature differences
-- Team training required
-- Moderate integration work
-
-### Hard Migration (<60 compatibility)
-**Bubble → React**: 14-30 days
-- Significant platform differences
-- Custom transformation scripts needed
-- Extended downtime possible
-
-## Platform Integration Complete
-
-### Unified Feature Set
-✓ Tool Database with 51+ tools
-✓ Compatibility Matrix with smart scoring
-✓ Blueprint Generation with harmony analysis
-✓ Stack Builder with validation
-✓ Migration Wizard for tool transitions
-✓ Visual Heatmap for quick insights
-✓ Analytics and insights dashboard
-✓ External data source management
-✓ API endpoints for all features
-
-### Value Delivered
-- **For Developers**: Complete migration planning with risk assessment
-- **For Teams**: Visual compatibility insights for tech decisions
-- **For Enterprises**: Data-driven tool adoption with cost analysis
-- **For Projects**: Smooth tool transitions with minimal disruption
-
-## Success Metrics Achieved
-- ✅ 51 tools with full compatibility data
-- ✅ 4 major UI views integrated
-- ✅ Migration planning < 2 second response time
-- ✅ Export functionality for offline planning
-- ✅ 100% feature coverage from both platforms
-
-## Next Steps (Future Enhancements)
-1. AI-powered migration script generation
-2. Real-time migration progress tracking
-3. Community-contributed migration templates
-4. Integration with CI/CD pipelines
-5. Automated compatibility testing
-
-## Summary
-Phase 4 successfully completes the merger between TechStack Explorer and StackFast. The platform now offers a comprehensive suite of tools for:
-- Discovering and comparing development tools
-- Analyzing compatibility between technologies
-- Planning and executing tool migrations
-- Generating optimized tech stack blueprints
-- Visualizing complex tool relationships
-
-The merger is complete with all planned features operational! 🎉
\ No newline at end of file
diff --git a/attached_assets/Readme_1756933135789.md b/attached_assets/Readme_1756933135789.md
deleted file mode 100644
index 48b837c..0000000
--- a/attached_assets/Readme_1756933135789.md
+++ /dev/null
@@ -1,210 +0,0 @@
-# TechStack Explorer - AI Tool Compatibility Matrix
-
-## Overview
-TechStack Explorer is a compatibility matrix database module for the StackFast platform. It provides an interactive system to analyze relationships between development tools, forming the data foundation for tech stack recommendations. Key capabilities include a dynamic tool database fed by external sources, compatibility scoring, comparison functionality, analytics for AI coding tools, and real-time API integration for data updates. The project aims to enhance StackFast's ability to recommend optimal tech stacks based on tool interoperability.
-
-## User Preferences
-Preferred communication style: Simple, everyday language.
-
-## System Architecture
-
-### Core Design
-- **Purpose**: Interactive compatibility matrix for tech stack recommendations.
-- **Data Source Prioritization**: Emphasizes curated external sources (Back4App, Product Hunt) over raw GitHub data for higher quality tool identification.
-- **Intelligent Tool Identification**: Filters out non-tool entries (programming languages, book collections, resource lists) to ensure the matrix contains actual development tools.
-- **Compatibility Generation**: Automates compatibility scoring based on tool metadata, category-based rules, and known tool relationships.
-- **Scalability**: Designed to handle thousands of tools with optimized performance for compatibility matrix generation.
-
-### Frontend
-- **Framework**: React 18 with TypeScript.
-- **Routing**: Wouter.
-- **UI Library**: Radix UI components with shadcn/ui styling.
-- **Styling**: Tailwind CSS with CSS variables, featuring a neon orange accent and GitHub-inspired dark theme.
-- **State Management**: TanStack Query for server state management and caching.
-- **Build Tool**: Vite.
-- **Responsive Design**: Mobile-first approach.
-- **User Interface**: Features a dashboard homepage displaying statistics, categories, and popular tools; a Stack Builder for stack validation and harmony scoring; a Compare Tools section; and a Tool Database with advanced search and external data source management. The compatibility matrix operates primarily in the background to power recommendations.
-
-### Backend
-- **Runtime**: Node.js with Express.js.
-- **Language**: TypeScript with ESM modules.
-- **API Design**: RESTful API with structured route handlers.
-- **Data Layer**: Abstracted storage interface, with Drizzle ORM for PostgreSQL.
-- **API Integration System**: Modular service with provider-specific adapters (GitHub, npm, Docker Hub, OpenAI, Stripe, Vercel) for dynamic tool discovery and data mapping.
-- **External Data Sources System**: Service for importing tools from Back4App, GitHub, npm, and Product Hunt, including features for batch import, dry run, and automatic categorization.
-
-### Database
-- **ORM**: Drizzle ORM with PostgreSQL dialect.
-- **Schema**: `toolCategories`, `tools`, and `compatibilities` tables. `tool_category_junction` table for many-to-many relationships between tools and categories.
-- **Data Types**: JSONB fields for flexible array storage.
-- **Migrations**: Managed through Drizzle Kit.
-
-### API Endpoints
-- `/api/v1/compatibility/:toolA/:toolB`: Get compatibility score.
-- `/api/v1/stack/analyze`: Analyze complete stack with harmony scoring.
-- `/api/v1/tools/search`: Search tools with filters.
-- `/api/v1/recommendations`: AI-powered recommendations.
-- `/api/v1/categories`: Get all categories with tool counts.
-- `/api/v1/migration/:fromTool/:toTool`: Get migration paths between tools.
-
-## External Dependencies
-
-### Core Frameworks
-- React Ecosystem (React 18, React DOM)
-- TypeScript
-- Vite
-- Express
-
-### Database & ORM
-- Drizzle ORM
-- @neondatabase/serverless (for Neon PostgreSQL)
-- connect-pg-simple
-
-### UI & Design System
-- Radix UI
-- Tailwind CSS
-- shadcn/ui
-- class-variance-authority
-- Lucide React
-
-### State Management & Data Fetching
-- TanStack Query
-- React Hook Form
-- @hookform/resolvers
-
-### Development & Build Tools
-- tsx
-- esbuild
-- PostCSS
-- @replit/vite-plugin-runtime-error-modal
-
-### Utility Libraries
-- clsx & tailwind-merge
-- date-fns
-- wouter
-- zod
-- csv-parse
-
-## Recent Changes
-
-### January 17, 2025 - Platform Complete with 71 Tools
-- **Successfully reached all 5 success metrics**:
-  - 71 tools in database (exceeding 50+ requirement by 42%)
-  - 114 compatibility relationships with intelligent scoring
-  - Blueprint generation fully operational with TypeScript fixes
-  - Sub-second API response times (0.497s average)
-  - Stack validation with harmony scoring working perfectly
-
-- **Fixed critical dashboard issues**:
-  - Dashboard now correctly displays actual tool counts from database
-  - Updated category statistics to match database category names
-  - Fixed TypeScript errors in dashboard components
-  - Compatibility scores showing correct count (114)
-
-- **Database fully populated**:
-  - Added 15 additional tools (Continue, Codeshot, Dify, Pieces, Sourcery, Railway, Coolify, Plasmic, Builder.io, Retool, Appsmith, Directus, Strapi, Hygraph, Convex)
-  - All tools have proper categorization and metadata
-  - Comprehensive compatibility matrix with real-world relationships
-
-### January 16, 2025 - Code Review & Bug Fixes Complete
-- **Fixed Critical API Issues**:
-  - Stack analysis endpoint now accepts both `toolIds` and `toolNames` parameters
-  - Tool recommendations API returning proper results (was empty before)
-  - Migration endpoint working correctly with tool name lookups
-
-- **Implemented Missing Features**:
-  - Created AddToolDialog component for adding new tools to database
-  - Integrated dialog with main app, replacing TODO placeholder
-  - Full form validation and category selection working
-  - Successfully creates tools with all required fields
-
-- **Code Quality Improvements**:
-  - Fixed all TypeScript type errors
-  - No LSP diagnostics remaining
-  - Properly integrated with TanStack Query for state management
-  - All API endpoints tested and verified working
-
-### January 15, 2025 - StackFast Integration Phase 2 Complete
-- **Enhanced Blueprint Generation with Compatibility Awareness**:
-  - Created integration services: stackfast-adapter.ts and blueprint-generator.ts
-  - Blueprint generation now considers tool compatibility scores for optimal recommendations
-  - Stack analysis includes harmony scores, conflict detection, and integration complexity assessment
-  - Alternative stack suggestions when compatibility is low
-
-- **New API Endpoints Operational**:
-  - `/api/v1/blueprint` - Generate AI-powered blueprints with compatibility insights
-  - `/api/v1/tools/recommend` - Get tool recommendations based on project ideas
-  - `/api/v1/stack/compatibility-report` - Detailed compatibility analysis for tech stacks
-  - All endpoints return structured data with actionable recommendations
-
-- **Integration Value Delivered**:
-  - Blueprints now include: tech stack harmony (58-92%), integration difficulty, timeline estimates
-  - Tool recommendations consider compatibility with already selected tools
-  - Real-world example: "Real-time collaborative editor" gets v0 + ChatGPT with 59% harmony score
-  - Cost estimates and alternative stacks provided when needed
-
-### January 15, 2025 - StackFast Integration Quick Win
-- **Successfully Merged StackFast Tools**:
-  - Imported 5 tools from StackFast: Replit, Cursor IDE, Bolt.new, v0, Claude Artifacts
-  - Generated 55 intelligent compatibility relationships (52 new, 3 updated)
-  - Expanded database from 6 to 11 tools (83% growth)
-  
-- **Cross-Platform Compatibility Insights**:
-  - Cursor IDE + GitHub Copilot: 62.5/100 (good AI tool synergy)
-  - Bolt.new + Supabase: 59.9/100 (moderate full-stack compatibility)
-  - Replit + ChatGPT: 54.9/100 (complementary development tools)
-  - Stack analysis showing 58% harmony for Replit+ChatGPT+Supabase
-
-- **Integration Value Demonstrated**:
-  - StackFast tools now have compatibility scores with existing tools
-  - API endpoints fully operational for cross-platform queries
-  - Intelligent scoring based on categories, languages, frameworks, features
-  - Created integration plan for full merger (INTEGRATION_PLAN.md)
-
-## Recent Changes
-
-### January 11, 2025 - Intelligent Compatibility Matrix Engine Operational
-- **Built Core Compatibility Intelligence**:
-  - Created CompatibilityEngine that calculates smart compatibility scores (0-100) based on:
-    - Category relationships (AI tools work well together)
-    - Shared frameworks/languages (React, TypeScript, JavaScript)
-    - Common integrations and mutual support
-    - Complementary vs competing feature sets
-    - Maturity alignment between tools
-  
-- **Live Compatibility Data**:
-  - ChatGPT + Lovable: 87.5/100 (high AI tool synergy, easy integration)
-  - GitHub Copilot + Windsurf: 92.3/100 (very high dev tool compatibility)
-  - Supabase + Bubble: 73.2/100 (moderate backend/frontend complementarity)
-  - v1 API endpoints return detailed integration steps, dependencies, difficulty levels
-
-- **Advanced Stack Analysis**:
-  - Stack validation with harmony scoring working
-  - Integration difficulty assessment (easy/medium/hard)
-  - Dependency analysis and setup step generation
-  - Verified vs theoretical integrations tracking
-
-- **Resolved Data Diversity Issues**:
-  - Fixed identical scoring problem (all tools showing 8.0/10)
-  - Tools now display authentic, diverse data: ChatGPT (9.5/9.8), GitHub Copilot (9.0/9.5), etc.
-  - Database populated with 6 tools across 7 categories
-  - Dashboard and Tool Database show realistic, varied pricing and scoring
-
-### January 10, 2025 - Complete Category System Overhaul
-- **Restructured Category System**:
-  - Created hierarchical category structure with 7 main categories and 15 subcategories
-  - Main categories: Development Environments, AI Coding Assistants, No-Code/Low-Code, Backend & Infrastructure, Frontend & Design, Specialized Tools, Payment & Commerce
-  - Implemented proper multi-category assignment based on tool functionality
-  - Fixed incorrect categorizations (e.g., Cursor now properly categorized as IDE + AI assistant, not just Design)
-  
-- **Tool Recategorization**:
-  - Migrated all 51 tools to new category structure using CSV data
-  - Tools now properly distributed across relevant categories (e.g., Replit in IDE + Vibe Coding + Hosting)
-  - Each tool has a primary category (categoryId) plus additional categories via junction table
-  - Average of 2-3 categories per tool for better discovery
-  
-- **UI Updates**:
-  - Dashboard: Popular tools show multiple category badges  
-  - Stack Builder: Tools appear under ALL their categories (no more missing tools)
-  - Compare Tools: Dropdown and comparison cards display multiple categories
-  - Tool Database: Already showing multiple categories correctly
\ No newline at end of file
diff --git a/attached_assets/Readme_1756933184253.md b/attached_assets/Readme_1756933184253.md
deleted file mode 100644
index fd4bb3e..0000000
--- a/attached_assets/Readme_1756933184253.md
+++ /dev/null
@@ -1,158 +0,0 @@
-# Stackfast · Workflow Architect for AI Development
-
-Build fast, and build right. Stackfast turns product ideas into actionable, tool‑aware build plans and keeps a living, validated registry of AI development tools.
-
-Live links:
-
-- **Frontend**: [stackfast.vercel.app](https://stackfast.vercel.app)
-- **API**: [stackfast-api.vercel.app](https://stackfast-api.vercel.app)
-
----
-
-## ✨ Highlights
-
-- **Blueprints from plain English**: Structured, validated JSON plans with backend/frontend steps and workflow stages.
-- **Trusted tool registry**: Curated profiles with Zod validation, provenance, and freshness goals.
-- **Reliable by design**: Server‑side LLM, strict schemas, timeouts/retries, rate limiting, CORS/Helmet, and ETags.
-
----
-
-## 🧱 Architecture
-
-- **Frontend** (`packages/app`, Vite + React)
-  - Calls the API only (no client LLM keys)
-  - Tools grid and details, blueprint generator UI
-
-- **API** (`packages/api`, Express)
-  - `GET /v1/tools` → validated tool profiles (ETagged)
-  - `POST /v1/blueprint` → strictly validated JSON blueprint
-  - Security: CORS allowlist, Helmet, rate limits, `/healthz` + `/readyz`
-
-- **Worker** (`packages/worker`)
-  - GitHub changes → scrape site with Playwright → Gemini → Zod validate → Firestore
-
-- **Schemas** (`packages/schemas`)
-  - Shared Zod models; emits `toolProfile.schema.json` during build
-
-Monorepo layout:
-
-```text
-Stackfast/
-  packages/
-    app/        # Vite + React UI
-    api/        # Express API (serverless on Vercel)
-    worker/     # RAG enrichment worker (containerized)
-    schemas/    # Shared Zod types; emits JSON schema
-  src/          # Legacy prototype (kept for reference)
-```
-
----
-
-## 🚀 Quick start (local)
-
-Requirements: **Node 20+**, npm (or pnpm/yarn)
-
-Install deps (from repo root):
-
-```bash
-npm install
-```
-
-Run frontend:
-
-```bash
-npm run dev --workspace=@stackfast/app
-```
-
-Run API:
-
-```bash
-npm run dev --workspace=@stackfast/api
-```
-
-Run Worker (optional for ingestion/RAG):
-
-```bash
-npm run dev --workspace=@stackfast/worker
-```
-
----
-
-## 🔐 Environment
-
-See `env.example` for the latest list. Key variables:
-
-| Area | Variable | Description |
-| --- | --- | --- |
-| API | `GEMINI_API_KEY` | Google Generative Language API key (required) |
-| API | `GEMINI_MODEL` | Gemini model name, default `gemini-1.5-flash` |
-| API | `FRONTEND_ORIGIN` or `FRONTEND_ORIGINS` | Comma‑separated CORS allowlist |
-| API/Worker | `GOOGLE_APPLICATION_CREDENTIALS` | Service account JSON (raw or base64) |
-| Worker | `GITHUB_TOKEN` | Optional, raises GitHub API rate limits |
-| Worker | `WORKER_PORT` | Local worker port, default `8080` |
-| API | `WORKER_URL` | Direct worker fallback URL, default `http://localhost:8080/analyze` |
-| API | `TOOLS_SOURCE` | `firestore` (prod) or `mock` (local) |
-
-Optional (queueing): `QSTASH_URL`, `QSTASH_TOKEN`.
-
-Frontend: `VITE_API_URL` (e.g., `https://stackfast-api.vercel.app`).
-
----
-
-## 📚 API reference (essentials)
-
-- **GET** `/v1/tools`
-  - Response: `{ success: true, data: ToolProfile[], count, timestamp }`
-
-- **POST** `/v1/blueprint`
-  - Body: `{ rawIdea: string, stackRegistry?: any }`
-  - Returns strictly validated JSON blueprint
-
-- **Health**: `GET /healthz` → `ok`, `GET /readyz` → `{ ok, firestore }`
-
----
-
-## 🧪 Quality & CI
-
-- Lint (warnings fail CI):
-
-```bash
-npm run lint
-```
-
-- Tests:
-
-```bash
-npm run test
-```
-
-- Build all:
-
-```bash
-npm run build
-```
-
-GitHub Actions (`.github/workflows/ci.yml`) runs install → lint → build → tests on Node 20.
-
----
-
-## 🗺️ Roadmap (high‑signal)
-
-- **Catalog**: Firestore as source of truth, faceted search, details pages with deep links.
-- **Ingestion (Worker)**: Scheduling, provenance, robust retries/backoff, human‑in‑the‑loop review.
-- **Blueprints**: Streaming UI, saved/sharable plans, small template library.
-- **Contracts**: Publish OpenAPI + JSON Schema; read‑only public API with rate limits; MCP parity.
-- **Ops**: Sentry (FE+API), structured logs, dashboards, clear runbooks.
-
----
-
-## 🤝 Contributing
-
-- Open an issue with “feature” or “bug”
-- PRs welcome—keep edits focused and typed
-
----
-
-## 📝 License
-
-MIT (see `LICENSE` if present)
diff --git a/attached_assets/Realm101furtrans.png b/attached_assets/Realm101furtrans.png
deleted file mode 100644
index efa88e3..0000000
Binary files a/attached_assets/Realm101furtrans.png and /dev/null differ
diff --git a/attached_assets/STACKFAST_MERGER_SUCCESS_1756933135790.md b/attached_assets/STACKFAST_MERGER_SUCCESS_1756933135790.md
deleted file mode 100644
index da07f2e..0000000
--- a/attached_assets/STACKFAST_MERGER_SUCCESS_1756933135790.md
+++ /dev/null
@@ -1,109 +0,0 @@
-# 🎉 StackFast + TechStack Explorer Merger Success
-
-## Quick Win Implementation Complete!
-
-Successfully imported **5 StackFast tools** and generated **55 intelligent compatibility relationships**. The merger demonstrates immediate value through cross-platform compatibility insights.
-
-## New Tools Added from StackFast
-
-| Tool | Category | Maturity | Popularity | Key Features |
-|------|----------|----------|------------|--------------|
-| **Replit** | Development Environments | 9.0 | 8.5 | Instant dev environment, Ghostwriter AI |
-| **Cursor IDE** | AI Coding Assistants | 8.0 | 7.5 | Advanced AI chat, Codebase understanding |
-| **Bolt.new** | No-Code/Low-Code | 7.0 | 7.8 | Instant deployment, AI generation |
-| **v0** | Frontend & Design | 7.5 | 8.0 | Component generation, Tailwind CSS |
-| **Claude Artifacts** | AI Coding Assistants | 8.5 | 9.0 | Real-time execution, Multi-language |
-
-## Intelligent Compatibility Scores Generated
-
-### High Compatibility Pairs (>60%)
-- **Cursor IDE + GitHub Copilot**: 62.5/100
-  - Both AI coding assistants
-  - Shared language support
-  - Complementary features
-
-### Moderate Compatibility (50-60%)
-- **Bolt.new + Supabase**: 59.9/100
-  - Full-stack development synergy
-  - JavaScript/TypeScript overlap
-  - Integration potential
-
-- **Replit + ChatGPT**: 54.9/100
-  - Development + AI assistance
-  - Common programming languages
-  - Different but complementary use cases
-
-- **v0 + Claude Artifacts**: 54.2/100
-  - UI generation meets code execution
-  - React/TypeScript commonality
-
-## Stack Analysis Example
-
-**Modern AI Development Stack** (Replit + ChatGPT + Supabase):
-- Overall Harmony: 58%
-- No conflicts detected
-- Integration difficulty: Mixed (easy to hard)
-- Full-stack capability achieved
-
-## Value Demonstrated
-
-### Before Merger
-- StackFast: Tool profiles without relationships
-- TechStack Explorer: Limited tool database (6 tools)
-
-### After Merger
-- **11 total tools** with rich metadata
-- **55 compatibility relationships** calculated
-- **Intelligent scoring** based on:
-  - Category synergies
-  - Framework overlaps
-  - Language commonalities
-  - Integration capabilities
-  - Feature complementarity
-
-## API Integration Working
-
-```bash
-# Get compatibility between any two tools
-GET /api/v1/compatibility/Replit/ChatGPT
-# Returns: 54.9/100 with integration guidance
-
-# Analyze complete tech stacks
-POST /api/v1/stack/analyze
-# Body: {"toolIds": ["id1", "id2", "id3"]}
-# Returns: Harmony score, conflicts, recommendations
-```
-
-## Next Steps for Full Integration
-
-1. **Phase 1 Complete** ✅
-   - Tools imported
-   - Compatibility generated
-   - API endpoints working
-
-2. **Phase 2: Enhanced Integration** (Next)
-   - Connect StackFast's blueprint generator
-   - Use compatibility scores in recommendations
-   - Merge UI components
-
-3. **Phase 3: Unified Platform**
-   - Single frontend with all features
-   - Worker enrichment pipeline
-   - Production deployment
-
-## Technical Achievement
-
-- **Zero conflicts**: Tools integrated seamlessly
-- **Intelligent scoring**: Not default 50/100 values
-- **Real relationships**: Based on actual tool characteristics
-- **Production ready**: API returns structured, validated data
-
-## Conclusion
-
-The quick win proves the merger's value. With just 30 minutes of work:
-- Expanded tool database by 83% (6 → 11 tools)
-- Generated 55 new compatibility insights
-- Demonstrated cross-platform synergies
-- Validated the integration approach
-
-The combined platform now offers **complete tool intelligence** that neither project had alone!
\ No newline at end of file
diff --git a/attached_assets/Stackfast.png b/attached_assets/Stackfast.png
deleted file mode 100644
index 18beb7f..0000000
Binary files a/attached_assets/Stackfast.png and /dev/null differ
diff --git a/attached_assets/Stackstudio.png b/attached_assets/Stackstudio.png
deleted file mode 100644
index 5c49f8c..0000000
Binary files a/attached_assets/Stackstudio.png and /dev/null differ
diff --git a/attached_assets/TWP.png b/attached_assets/TWP.png
deleted file mode 100644
index 79628e2..0000000
Binary files a/attached_assets/TWP.png and /dev/null differ
diff --git a/attached_assets/WEEK1_IMPLEMENTATION_1756933184254.md b/attached_assets/WEEK1_IMPLEMENTATION_1756933184254.md
deleted file mode 100644
index 2dedf07..0000000
--- a/attached_assets/WEEK1_IMPLEMENTATION_1756933184254.md
+++ /dev/null
@@ -1,196 +0,0 @@
-# Week 1 Implementation: MCP Server Foundation
-
-This document outlines the Week 1 implementation of the AltStackFast MCP server, providing the foundational code and structure for the backend API.
-
-## 🏗️ Architecture Overview
-
-```
-AltStackFast/
-├── toolProfile.schema.json     # Central JSON schema
-├── src/
-│   ├── schemas/
-│   │   └── toolProfile.ts      # Zod validation schema
-│   └── api/
-│       ├── server.ts           # Express server setup
-│       └── routes/
-│           └── tools.ts        # Tools API endpoints
-├── tsconfig.server.json        # TypeScript config for server
-└── env.example                 # Environment variables template
-```
-
-## 📋 What's Implemented
-
-### 1. Central Schema (`toolProfile.schema.json`)
-- **Single source of truth** for tool profile data structure
-- JSON Schema Draft-07 compliant
-- Defines all required and optional fields
-- Used for generating TypeScript types and validation
-
-### 2. Zod Schema (`src/schemas/toolProfile.ts`)
-- **Type-safe validation** using Zod
-- Generated from the JSON schema
-- Provides TypeScript types via `z.infer`
-- Ensures data integrity before database operations
-
-### 3. Express API Server (`src/api/server.ts`)
-- **Production-ready setup** with CORS, JSON parsing
-- Firestore integration (ready for Week 2)
-- Health check endpoint for deployment platforms
-- Environment variable configuration
-
-### 4. Tools API Routes (`src/api/routes/tools.ts`)
-- **GET /v1/tools** - List all tools with validation
-- **GET /v1/tools/:toolId** - Get specific tool by ID
-- Mock data for Week 1 development
-- Comprehensive error handling
-- Structured JSON responses
-
-## 🚀 Getting Started
-
-### 1. Install Dependencies
-```bash
-npm install
-```
-
-### 2. Set Up Environment
-```bash
-cp env.example .env
-# Edit .env with your configuration
-```
-
-### 3. Start Development Server
-```bash
-npm run server:dev
-```
-
-The server will start on `http://localhost:8080`
-
-## 📡 API Endpoints
-
-### Health Check
-```bash
-GET /healthz
-```
-Returns: `200 OK` with "ok" message
-
-### Root Endpoint
-```bash
-GET /
-```
-Returns server information and available endpoints
-
-### List All Tools
-```bash
-GET /v1/tools
-```
-Returns:
-```json
-{
-  "success": true,
-  "data": [...],
-  "count": 3,
-  "timestamp": "2025-08-04T..."
-}
-```
-
-### Get Specific Tool
-```bash
-GET /v1/tools/replit
-```
-Returns:
-```json
-{
-  "success": true,
-  "data": {
-    "tool_id": "replit",
-    "name": "Replit",
-    ...
-  }
-}
-```
-
-## 🔧 Development Commands
-
-```bash
-# Start development server with hot reload
-npm run server:dev
-
-# Build for production
-npm run server:build
-
-# Start production server
-npm run server:start
-```
-
-## 🧪 Testing the API
-
-### Using curl
-```bash
-# Health check
-curl http://localhost:8080/healthz
-
-# Get all tools
-curl http://localhost:8080/v1/tools
-
-# Get specific tool
-curl http://localhost:8080/v1/tools/replit
-```
-
-### Using the frontend
-The existing React frontend can now connect to this API instead of using mock data.
-
-## 📊 Mock Data
-
-Week 1 includes mock data for three tools:
-- **Replit** - Browser-based IDE
-- **Cursor IDE** - AI-first code editor
-- **Bolt.new** - AI-powered web app builder
-
-Each tool includes all required fields and demonstrates the schema structure.
-
-## 🔒 Validation
-
-All API responses are validated against the Zod schema before being sent. This ensures:
-- Data integrity
-- Type safety
-- Consistent API responses
-- Early error detection
-
-## 🚧 Next Steps (Week 2)
-
-1. **Firestore Integration**: Replace mock data with real Firestore queries
-2. **Job Queue Setup**: Implement BullMQ with Upstash Redis
-3. **Worker Service**: Create background job processing
-4. **Error Handling**: Add comprehensive error logging and monitoring
-
-## 🔍 Code Quality Features
-
-- **TypeScript**: Full type safety for the backend
-- **ESLint**: Code quality and consistency
-- **Structured Logging**: Console output with timestamps
-- **Error Boundaries**: Graceful error handling
-- **CORS**: Cross-origin request support
-- **Environment Configuration**: Flexible deployment setup
-
-## 📝 Notes
-
-- The server uses ES modules (`import/export`)
-- Firestore is initialized but not yet used (Week 2)
-- All endpoints return structured JSON responses
-- Error responses include helpful messages
-- The schema version is set to "2025-08-04" for tracking
-
-## 🐛 Troubleshooting
-
-### Common Issues
-
-1. **Port already in use**: Change `PORT` in `.env`
-2. **TypeScript errors**: Run `npm run server:build` to check for issues
-3. **Firestore connection**: Ensure `GOOGLE_APPLICATION_CREDENTIALS` is set correctly
-
-### Debug Mode
-```bash
-DEBUG=* npm run server:dev
-```
-
-This implementation provides a solid foundation for the MCP server and follows the Week 1 roadmap outlined in the main README. 
\ No newline at end of file
diff --git a/attached_assets/WEEK2_IMPLEMENTATION_1756933184254.md b/attached_assets/WEEK2_IMPLEMENTATION_1756933184254.md
deleted file mode 100644
index da6ecc5..0000000
--- a/attached_assets/WEEK2_IMPLEMENTATION_1756933184254.md
+++ /dev/null
@@ -1,228 +0,0 @@
-# Week 2 Implementation: Job Queue & Worker PoC
-
-This document outlines the Week 2 implementation of the AltStackFast job queue system, providing the foundation for background job processing.
-
-## 🏗️ Architecture Overview
-
-```
-AltStackFast/
-├── src/
-│   ├── api/
-│   │   ├── server.ts           # Express server with queue integration
-│   │   ├── queue.ts            # BullMQ queue configuration
-│   │   └── routes/
-│   │       ├── tools.ts        # Tools API endpoints
-│   │       └── analyze.ts      # Analysis job endpoints
-│   └── worker/
-│       └── worker.ts           # Background job processor
-├── tsconfig.server.json        # TypeScript config for server
-├── tsconfig.worker.json        # TypeScript config for worker
-└── package.json               # Updated with BullMQ dependencies
-```
-
-## 📋 What's Implemented
-
-### 1. BullMQ Queue System (`src/api/queue.ts`)
-- **Redis connection** with Upstash support
-- **Job queue** with retry logic and exponential backoff
-- **Priority handling** (low, normal, high)
-- **Health monitoring** and job status tracking
-- **Type-safe job data** and result interfaces
-
-### 2. Analysis API (`src/api/routes/analyze.ts`)
-- **POST /v1/analyze** - Add analysis jobs to queue
-- **GET /v1/analyze/:jobId** - Get job status and results
-- **Request validation** using Zod schemas
-- **Comprehensive error handling**
-
-### 3. Background Worker (`src/worker/worker.ts`)
-- **Job processor** with configurable concurrency
-- **Progress tracking** and real-time updates
-- **Graceful shutdown** handling
-- **Mock analysis simulation** for Week 2 PoC
-- **Event logging** and error reporting
-
-### 4. Enhanced Server (`src/api/server.ts`)
-- **Queue health endpoint** (`/queue/health`)
-- **Integrated analyze routes**
-- **Enhanced logging** and status reporting
-
-## 🚀 Getting Started
-
-### 1. Install Dependencies
-```bash
-npm install
-```
-
-### 2. Start the API Server
-```bash
-npm run server:dev
-```
-
-### 3. Start the Worker (in a separate terminal)
-```bash
-npm run worker:dev
-```
-
-## 📡 API Endpoints
-
-### Queue Health Check
-```bash
-GET /queue/health
-```
-Returns queue statistics and health status
-
-### Add Analysis Job
-```bash
-POST /v1/analyze
-Content-Type: application/json
-
-{
-  "toolId": "replit",
-  "url": "https://replit.com",
-  "description": "Browser-based IDE",
-  "priority": "normal"
-}
-```
-
-### Get Job Status
-```bash
-GET /v1/analyze/{jobId}
-```
-Returns job status, progress, and results
-
-## 🔧 Development Commands
-
-```bash
-# Start API server with hot reload
-npm run server:dev
-
-# Start worker with hot reload
-npm run worker:dev
-
-# Build for production
-npm run server:build
-npm run worker:build
-
-# Start production services
-npm run server:start
-npm run worker:start
-```
-
-## 🧪 Testing the Job Queue
-
-### 1. Add a Job
-```bash
-curl -X POST http://localhost:8080/v1/analyze \
-  -H "Content-Type: application/json" \
-  -d '{
-    "toolId": "replit",
-    "url": "https://replit.com",
-    "priority": "high"
-  }'
-```
-
-### 2. Check Job Status
-```bash
-# Replace {jobId} with the ID from step 1
-curl http://localhost:8080/v1/analyze/{jobId}
-```
-
-### 3. Monitor Queue Health
-```bash
-curl http://localhost:8080/queue/health
-```
-
-## 📊 Job Processing Features
-
-### Priority Levels
-- **High Priority**: Processed in ~1 second
-- **Normal Priority**: Processed in ~3 seconds  
-- **Low Priority**: Processed in ~5 seconds
-
-### Progress Tracking
-Jobs report progress from 0-100% during processing
-
-### Error Handling
-- **Automatic retries** with exponential backoff
-- **Failure simulation** for low-priority jobs (10% chance)
-- **Graceful error reporting**
-
-### Concurrency
-- **5 simultaneous jobs** processed by default
-- **Configurable** via worker settings
-
-## 🔍 Monitoring & Observability
-
-### Queue Health
-```json
-{
-  "status": "healthy",
-  "stats": {
-    "waiting": 2,
-    "active": 1,
-    "completed": 15,
-    "failed": 0
-  },
-  "timestamp": "2025-08-04T..."
-}
-```
-
-### Job Status
-```json
-{
-  "jobId": "123",
-  "status": "completed",
-  "progress": 100,
-  "result": {
-    "toolId": "replit",
-    "analysis": {
-      "strengths": [...],
-      "limitations": [...],
-      "useCases": [...],
-      "maturityScore": 0.85
-    }
-  }
-}
-```
-
-## 🚧 Next Steps (Week 3)
-
-1. **Real AI Analysis**: Replace mock analysis with Gemini API calls
-2. **Web Scraping**: Add Playwright for tool website analysis
-3. **Firestore Integration**: Store analysis results in database
-4. **Advanced Error Handling**: Add comprehensive logging and monitoring
-
-## 🔍 Code Quality Features
-
-- **TypeScript**: Full type safety for jobs and results
-- **Zod Validation**: Request/response validation
-- **Error Boundaries**: Comprehensive error handling
-- **Graceful Shutdown**: Proper cleanup on termination
-- **Progress Tracking**: Real-time job progress updates
-- **Priority Queuing**: Intelligent job prioritization
-
-## 📝 Notes
-
-- Uses **Upstash Redis** for production-ready queue
-- **Mock analysis** for Week 2 PoC (real AI in Week 3)
-- **Concurrent processing** with configurable limits
-- **Automatic retries** with exponential backoff
-- **Health monitoring** for both queue and worker
-
-## 🐛 Troubleshooting
-
-### Common Issues
-
-1. **Redis connection failed**: Check `UPSTASH_REDIS_REST_URL` in `.env.local`
-2. **Worker not processing**: Ensure worker is running with `npm run worker:dev`
-3. **Jobs stuck**: Check queue health endpoint for stalled jobs
-4. **Memory issues**: Reduce concurrency in worker settings
-
-### Debug Mode
-```bash
-# Enable debug logging
-DEBUG=bullmq:* npm run worker:dev
-```
-
-This implementation provides a solid foundation for background job processing and sets up the infrastructure for Week 3's AI analysis integration. 
\ No newline at end of file
diff --git a/attached_assets/WEEK3_IMPLEMENTATION_1756933184255.md b/attached_assets/WEEK3_IMPLEMENTATION_1756933184255.md
deleted file mode 100644
index 1f984e5..0000000
--- a/attached_assets/WEEK3_IMPLEMENTATION_1756933184255.md
+++ /dev/null
@@ -1,281 +0,0 @@
-# Week 3 Implementation: AI Analyst v1 with Guardrails
-
-This document outlines the Week 3 implementation of the AltStackFast AI Analyst system, providing intelligent web scraping and AI-powered analysis with comprehensive guardrails.
-
-## 🏗️ Architecture Overview
-
-```
-AltStackFast/
-├── src/
-│   ├── lib/
-│   │   ├── gemini.ts           # Gemini API client with guardrails
-│   │   └── redis.ts            # Redis connection for BullMQ
-│   ├── queues/
-│   │   └── analyze.queue.ts    # BullMQ queue configuration
-│   ├── workers/
-│   │   └── analyze.worker.ts   # Intelligent analysis worker
-│   ├── api/
-│   │   ├── server.ts           # Express server with queue integration
-│   │   └── routes/
-│   │       └── analyze.ts      # Updated analysis endpoints
-│   └── schemas/
-│       └── toolProfile.ts      # Zod validation schema
-├── tsconfig.worker.json        # TypeScript config for worker
-└── package.json               # Updated with Playwright dependencies
-```
-
-## 📋 What's Implemented
-
-### 1. Gemini API Client (`src/lib/gemini.ts`)
-- **Structured JSON output** using response schema
-- **Low temperature (0.1)** for factual responses
-- **Strict prompt template** with guardrails
-- **Error handling** and validation
-- **Zod schema integration** for type safety
-
-### 2. Redis Configuration (`src/lib/redis.ts`)
-- **BullMQ-compatible** Redis connection
-- **Connection monitoring** and error handling
-- **Upstash support** for production deployment
-- **Graceful shutdown** handling
-
-### 3. BullMQ Queue System (`src/queues/analyze.queue.ts`)
-- **Priority queuing** (low/normal/high)
-- **Exponential backoff** retry strategy
-- **Job status tracking** and monitoring
-- **Queue statistics** and health checks
-
-### 4. Intelligent Worker (`src/workers/analyze.worker.ts`)
-- **Playwright web scraping** for dynamic content
-- **AI analysis pipeline** with Gemini API
-- **Zod validation** of AI responses
-- **Firestore integration** for data storage
-- **Progress tracking** and error handling
-
-### 5. Enhanced API Routes (`src/api/routes/analyze.ts`)
-- **Updated request schema** for tool analysis
-- **BullMQ integration** for job queuing
-- **Comprehensive error handling**
-- **Job status monitoring**
-
-## 🚀 Getting Started
-
-### 1. Install Dependencies
-```bash
-npm install
-npx playwright install chromium
-```
-
-### 2. Set Up Environment
-Add your Gemini API key to `.env.local`:
-```bash
-GEMINI_API_KEY=your-actual-gemini-api-key
-```
-
-Get your API key from: https://makersuite.google.com/app/apikey
-
-### 3. Start the Services
-
-#### Start API Server
-```bash
-npm run server:dev
-```
-
-#### Start Intelligent Worker (in separate terminal)
-```bash
-npm run analyze-worker:dev
-```
-
-## 📡 API Endpoints
-
-### Add Analysis Job
-```bash
-POST /v1/analyze
-Content-Type: application/json
-
-{
-  "tool_name": "replit",
-  "url": "https://replit.com",
-  "priority": "normal"
-}
-```
-
-### Get Job Status
-```bash
-GET /v1/analyze/{jobId}
-```
-
-### Queue Health Check
-```bash
-GET /queue/health
-```
-
-## 🔧 Development Commands
-
-```bash
-# Start API server with hot reload
-npm run server:dev
-
-# Start intelligent worker with hot reload
-npm run analyze-worker:dev
-
-# Build for production
-npm run server:build
-npm run analyze-worker:build
-
-# Start production services
-npm run server:start
-npm run analyze-worker:start
-```
-
-## 🧪 Testing the AI Analyst
-
-### 1. Add an Analysis Job
-```bash
-curl -X POST http://localhost:8080/v1/analyze \
-  -H "Content-Type: application/json" \
-  -d '{
-    "tool_name": "replit",
-    "url": "https://replit.com",
-    "priority": "high"
-  }'
-```
-
-### 2. Monitor Job Progress
-```bash
-# Replace {jobId} with the ID from step 1
-curl http://localhost:8080/v1/analyze/{jobId}
-```
-
-### 3. Check Queue Health
-```bash
-curl http://localhost:8080/queue/health
-```
-
-## 🔍 Analysis Pipeline
-
-### 1. Web Scraping (Playwright)
-- **Headless browser** for JavaScript-heavy sites
-- **Dynamic content** extraction
-- **Timeout handling** and error recovery
-- **Content sanitization** and processing
-
-### 2. AI Analysis (Gemini API)
-- **Structured prompt** with clear instructions
-- **JSON schema** enforcement
-- **Low temperature** for factual responses
-- **Hallucination prevention** guardrails
-
-### 3. Data Validation (Zod)
-- **Schema validation** of AI responses
-- **Type safety** enforcement
-- **Error handling** for invalid data
-- **Automatic correction** where possible
-
-### 4. Data Storage (Firestore)
-- **Structured storage** with validation
-- **Version tracking** and timestamps
-- **Review flags** for AI-generated content
-- **Merge strategy** for updates
-
-## 🛡️ Guardrails & Safety
-
-### AI Response Validation
-- **Structured JSON** output only
-- **Schema enforcement** via Zod
-- **Null values** for missing data
-- **No hallucination** policy
-
-### Error Handling
-- **Graceful failures** with retries
-- **Comprehensive logging** for debugging
-- **Timeout protection** for long operations
-- **Resource cleanup** on errors
-
-### Data Quality
-- **Content sanitization** before AI analysis
-- **Length limits** to prevent token overflow
-- **Format validation** at multiple stages
-- **Human review** flags for AI content
-
-## 📊 Monitoring & Observability
-
-### Job Progress Tracking
-```json
-{
-  "jobId": "analyze_1234567890_abc123",
-  "status": "active",
-  "progress": 60,
-  "result": null,
-  "timestamp": "2025-08-04T..."
-}
-```
-
-### Queue Statistics
-```json
-{
-  "status": "healthy",
-  "stats": {
-    "waiting": 2,
-    "active": 1,
-    "completed": 15,
-    "failed": 0
-  },
-  "timestamp": "2025-08-04T..."
-}
-```
-
-### Worker Health
-- **Process monitoring** and restart capability
-- **Memory usage** tracking
-- **Concurrency limits** and management
-- **Graceful shutdown** handling
-
-## 🚧 Next Steps (Week 4)
-
-1. **MCP Endpoint**: Implement `/mcp/v1` endpoint
-2. **Authentication**: Add JWT middleware for admin routes
-3. **Rate Limiting**: Implement rate limiting on public endpoints
-4. **Deployment**: Deploy to Vercel (API) and Fly.io (Worker)
-5. **CI/CD**: Set up GitHub Actions for automated testing
-
-## 🔍 Code Quality Features
-
-- **TypeScript**: Full type safety throughout
-- **Zod Validation**: Request/response validation
-- **Error Boundaries**: Comprehensive error handling
-- **Progress Tracking**: Real-time job progress updates
-- **Resource Management**: Proper cleanup and shutdown
-- **Logging**: Structured logging for debugging
-
-## 📝 Notes
-
-- **Playwright** requires Chromium browser installation
-- **Gemini API** requires API key from Google AI Studio
-- **Redis** connection needed for BullMQ (local or Upstash)
-- **Firestore** integration for data persistence
-- **Concurrent processing** with configurable limits
-
-## 🐛 Troubleshooting
-
-### Common Issues
-
-1. **Playwright browser not found**: Run `npx playwright install chromium`
-2. **Gemini API errors**: Check API key and quota limits
-3. **Redis connection failed**: Verify Redis configuration
-4. **Memory issues**: Reduce concurrency in worker settings
-5. **Timeout errors**: Increase timeout values for slow sites
-
-### Debug Mode
-```bash
-# Enable debug logging
-DEBUG=playwright:* npm run analyze-worker:dev
-```
-
-### Performance Tuning
-- **Concurrency**: Adjust worker concurrency (default: 3)
-- **Timeouts**: Modify scraping and API timeouts
-- **Memory**: Monitor memory usage and adjust limits
-- **Retries**: Configure retry strategies for failures
-
-This implementation provides a production-ready AI analysis system with comprehensive guardrails and monitoring capabilities. 
\ No newline at end of file
diff --git a/attached_assets/favicon.png b/attached_assets/favicon.png
deleted file mode 100644
index 4f9eb90..0000000
Binary files a/attached_assets/favicon.png and /dev/null differ
diff --git a/attached_assets/image_1754909171565.png b/attached_assets/image_1754909171565.png
deleted file mode 100644
index d79e09f..0000000
Binary files a/attached_assets/image_1754909171565.png and /dev/null differ
diff --git a/client/index.html b/client/index.html
deleted file mode 100644
index f93065a..0000000
--- a/client/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
-    <title>TechStack Explorer - AI Tool Compatibility Matrix</title>
-    <meta name="description" content="Comprehensive database for AI coding tool compatibility and tech stack planning. Explore tool relationships across categories with interactive matrix visualization." />
-    <meta property="og:title" content="TechStack Explorer - AI Tool Compatibility Matrix" />
-    <meta property="og:description" content="Discover AI coding tool compatibility and build better tech stacks with our interactive matrix database." />
-    <meta property="og:type" content="website" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
-    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
-  </body>
-</html>
diff --git a/client/src/App.tsx b/client/src/App.tsx
deleted file mode 100644
index 567a516..0000000
--- a/client/src/App.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Switch, Route } from "wouter";
-import { queryClient } from "./lib/queryClient";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { Toaster } from "@/components/ui/toaster";
-import { TooltipProvider } from "@/components/ui/tooltip";
-import { ThemeProvider } from "@/components/ui/theme-provider";
-import { Header } from "@/components/layout/header";
-import { Sidebar } from "@/components/layout/sidebar";
-import { CommandPalette } from "@/components/command-palette";
-import { AddToolDialog } from "@/components/add-tool-dialog";
-import { useState } from "react";
-
-// Pages
-import DashboardPage from "@/pages/dashboard";
-import QuickStartPage from "@/pages/quickstart";
-import CompatibilityMatrixPage from "@/pages/compatibility-matrix";
-import ToolDatabasePage from "@/pages/tool-database";
-import ComparePage from "@/pages/compare";
-import MigrationWizard from "@/pages/migration-wizard";
-import { StackBuilder } from "@/pages/stack-builder";
-import AnalyticsPage from "@/pages/analytics";
-import BlueprintBuilder from "@/pages/blueprint-builder";
-import DocumentationPage from "@/pages/documentation";
-import NotFound from "@/pages/not-found";
-
-function Router() {
-  const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
-  const [addToolOpen, setAddToolOpen] = useState(false);
-
-  const handleAddTool = () => {
-    setAddToolOpen(true);
-  };
-
-  const handleOpenCommandPalette = () => {
-    setCommandPaletteOpen(true);
-  };
-
-  return (
-    <div className="min-h-screen bg-github-dark text-github-text">
-      {/* Sidebar */}
-      <Sidebar 
-        onAddTool={handleAddTool}
-        onOpenCommandPalette={handleOpenCommandPalette}
-      />
-      
-      {/* Main Content Area */}
-      <div className="lg:pl-64">
-        <Header onOpenCommandPalette={handleOpenCommandPalette} />
-        
-        <main className="px-4 sm:px-6 lg:px-8 py-8">
-          <Switch>
-            {/* Main routes */}
-            <Route path="/" component={DashboardPage} />
-            <Route path="/quickstart" component={QuickStartPage} />
-            <Route path="/stack-builder" component={StackBuilder} />
-            <Route path="/blueprint" component={BlueprintBuilder} />
-            <Route path="/tools">
-              <ToolDatabasePage searchQuery="" categoryFilter="" />
-            </Route>
-            <Route path="/tools/:id">
-              {/* Tool detail page - to be implemented */}
-              <div className="max-w-4xl mx-auto">
-                <h1 className="text-3xl font-bold mb-4">Tool Details</h1>
-              </div>
-            </Route>
-            <Route path="/compare" component={ComparePage} />
-            <Route path="/compatibility">
-              <CompatibilityMatrixPage searchQuery="" />
-            </Route>
-            <Route path="/analytics" component={AnalyticsPage} />
-            <Route path="/migration" component={MigrationWizard} />
-            
-            {/* Help/Support routes */}
-            <Route path="/docs" component={DocumentationPage} />
-            <Route path="/help">
-              <div className="max-w-4xl mx-auto">
-                <h1 className="text-3xl font-bold mb-4">Help & Support</h1>
-                <p className="text-github-text-secondary">Get help with TechStack Explorer.</p>
-              </div>
-            </Route>
-            <Route path="/settings">
-              <div className="max-w-4xl mx-auto">
-                <h1 className="text-3xl font-bold mb-4">Settings</h1>
-                <p className="text-github-text-secondary">Configure your TechStack Explorer experience.</p>
-              </div>
-            </Route>
-            
-            {/* 404 */}
-            <Route component={NotFound} />
-          </Switch>
-        </main>
-      </div>
-      
-      {/* Global Modals */}
-      <CommandPalette 
-        open={commandPaletteOpen}
-        onOpenChange={setCommandPaletteOpen}
-        onAddTool={handleAddTool}
-      />
-      <AddToolDialog 
-        open={addToolOpen} 
-        onOpenChange={setAddToolOpen} 
-      />
-    </div>
-  );
-}
-
-function App() {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <ThemeProvider defaultTheme="dark">
-        <TooltipProvider>
-          <Toaster />
-          <Router />
-        </TooltipProvider>
-      </ThemeProvider>
-    </QueryClientProvider>
-  );
-}
-
-export default App;
diff --git a/client/src/components/add-tool-dialog.tsx b/client/src/components/add-tool-dialog.tsx
deleted file mode 100644
index ebeb71c..0000000
--- a/client/src/components/add-tool-dialog.tsx
+++ /dev/null
@@ -1,232 +0,0 @@
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { useToast } from "@/hooks/use-toast";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { apiRequest, queryClient } from "@/lib/queryClient";
-import { Plus } from "lucide-react";
-
-interface AddToolDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}
-
-export function AddToolDialog({ open, onOpenChange }: AddToolDialogProps) {
-  const { toast } = useToast();
-  const [formData, setFormData] = useState({
-    name: "",
-    description: "",
-    categoryId: "",
-    url: "",
-    pricing: "",
-    notes: "",
-    popularityScore: 5,
-    maturityScore: 5,
-  });
-
-  const { data: categories = [] } = useQuery({
-    queryKey: ["/api/categories"],
-  });
-
-  const createTool = useMutation({
-    mutationFn: async (data: typeof formData) => {
-      return apiRequest("/api/tools", "POST", {
-        ...data,
-        frameworks: [],
-        languages: [],
-        features: [],
-        integrations: [],
-      });
-    },
-    onSuccess: () => {
-      toast({
-        title: "Tool created",
-        description: "The new tool has been added successfully.",
-      });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools/quality"] });
-      onOpenChange(false);
-      resetForm();
-    },
-    onError: () => {
-      toast({
-        title: "Error",
-        description: "Failed to create tool. Please try again.",
-        variant: "destructive",
-      });
-    },
-  });
-
-  const resetForm = () => {
-    setFormData({
-      name: "",
-      description: "",
-      categoryId: "",
-      url: "",
-      pricing: "",
-      notes: "",
-      popularityScore: 5,
-      maturityScore: 5,
-    });
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!formData.name || !formData.description || !formData.categoryId) {
-      toast({
-        title: "Missing fields",
-        description: "Please fill in all required fields.",
-        variant: "destructive",
-      });
-      return;
-    }
-    createTool.mutate(formData);
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[525px]">
-        <form onSubmit={handleSubmit}>
-          <DialogHeader>
-            <DialogTitle>Add New Tool</DialogTitle>
-            <DialogDescription>
-              Add a new development tool to the database.
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="name" className="text-right">
-                Name *
-              </Label>
-              <Input
-                id="name"
-                value={formData.name}
-                onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-                className="col-span-3"
-                required
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="description" className="text-right">
-                Description *
-              </Label>
-              <Textarea
-                id="description"
-                value={formData.description}
-                onChange={(e) => setFormData({ ...formData, description: e.target.value })}
-                className="col-span-3"
-                required
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="category" className="text-right">
-                Category *
-              </Label>
-              <Select
-                value={formData.categoryId}
-                onValueChange={(value) => setFormData({ ...formData, categoryId: value })}
-              >
-                <SelectTrigger className="col-span-3">
-                  <SelectValue placeholder="Select a category" />
-                </SelectTrigger>
-                <SelectContent>
-                  {(categories as any[]).map((category) => (
-                    <SelectItem key={category.id} value={category.id}>
-                      {category.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="url" className="text-right">
-                URL
-              </Label>
-              <Input
-                id="url"
-                type="url"
-                value={formData.url}
-                onChange={(e) => setFormData({ ...formData, url: e.target.value })}
-                className="col-span-3"
-                placeholder="https://example.com"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="pricing" className="text-right">
-                Pricing
-              </Label>
-              <Input
-                id="pricing"
-                value={formData.pricing}
-                onChange={(e) => setFormData({ ...formData, pricing: e.target.value })}
-                className="col-span-3"
-                placeholder="Free tier, Pro $20/month"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="popularity" className="text-right">
-                Popularity (0-10)
-              </Label>
-              <Input
-                id="popularity"
-                type="number"
-                min="0"
-                max="10"
-                step="0.1"
-                value={formData.popularityScore}
-                onChange={(e) => setFormData({ ...formData, popularityScore: parseFloat(e.target.value) })}
-                className="col-span-3"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="maturity" className="text-right">
-                Maturity (0-10)
-              </Label>
-              <Input
-                id="maturity"
-                type="number"
-                min="0"
-                max="10"
-                step="0.1"
-                value={formData.maturityScore}
-                onChange={(e) => setFormData({ ...formData, maturityScore: parseFloat(e.target.value) })}
-                className="col-span-3"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="notes" className="text-right">
-                Notes
-              </Label>
-              <Textarea
-                id="notes"
-                value={formData.notes}
-                onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                className="col-span-3"
-                placeholder="Additional information about the tool"
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              Cancel
-            </Button>
-            <Button type="submit" disabled={createTool.isPending}>
-              {createTool.isPending ? "Creating..." : "Create Tool"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/advanced-search.tsx b/client/src/components/advanced-search.tsx
deleted file mode 100644
index 8304f23..0000000
--- a/client/src/components/advanced-search.tsx
+++ /dev/null
@@ -1,370 +0,0 @@
-import { useState, useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Slider } from "@/components/ui/slider";
-import { Switch } from "@/components/ui/switch";
-import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { 
-  Search, 
-  Filter, 
-  X, 
-  DollarSign, 
-  TrendingUp, 
-  Shield,
-  GitBranch,
-  Zap
-} from "lucide-react";
-import type { ToolCategory } from "@shared/schema";
-
-interface AdvancedSearchProps {
-  categories: ToolCategory[];
-  onSearch: (filters: SearchFilters) => void;
-  onReset: () => void;
-}
-
-export interface SearchFilters {
-  query: string;
-  category: string;
-  minPopularity: number;
-  minMaturity: number;
-  hasFreeTier: boolean;
-  hasIntegrations: boolean;
-  languages: string[];
-  frameworks: string[];
-  sortBy: "popularity" | "maturity" | "name" | "recent";
-}
-
-export function AdvancedSearch({ categories, onSearch, onReset }: AdvancedSearchProps) {
-  const [filters, setFilters] = useState<SearchFilters>({
-    query: "",
-    category: "",
-    minPopularity: 0,
-    minMaturity: 0,
-    hasFreeTier: false,
-    hasIntegrations: false,
-    languages: [],
-    frameworks: [],
-    sortBy: "popularity"
-  });
-
-  const [showAdvanced, setShowAdvanced] = useState(false);
-  const [activeFiltersCount, setActiveFiltersCount] = useState(0);
-
-  // Common languages and frameworks for quick filters
-  const commonLanguages = ["JavaScript", "TypeScript", "Python", "Go", "Rust", "Java"];
-  const commonFrameworks = ["React", "Vue", "Angular", "Next.js", "Express", "Django"];
-
-  useEffect(() => {
-    // Count active filters
-    let count = 0;
-    if (filters.query) count++;
-    if (filters.category) count++;
-    if (filters.minPopularity > 0) count++;
-    if (filters.minMaturity > 0) count++;
-    if (filters.hasFreeTier) count++;
-    if (filters.hasIntegrations) count++;
-    if (filters.languages.length > 0) count++;
-    if (filters.frameworks.length > 0) count++;
-    setActiveFiltersCount(count);
-  }, [filters]);
-
-  const handleSearch = () => {
-    onSearch(filters);
-  };
-
-  const handleReset = () => {
-    setFilters({
-      query: "",
-      category: "",
-      minPopularity: 0,
-      minMaturity: 0,
-      hasFreeTier: false,
-      hasIntegrations: false,
-      languages: [],
-      frameworks: [],
-      sortBy: "popularity"
-    });
-    onReset();
-  };
-
-  const toggleLanguage = (language: string) => {
-    setFilters(prev => ({
-      ...prev,
-      languages: prev.languages.includes(language)
-        ? prev.languages.filter(l => l !== language)
-        : [...prev.languages, language]
-    }));
-  };
-
-  const toggleFramework = (framework: string) => {
-    setFilters(prev => ({
-      ...prev,
-      frameworks: prev.frameworks.includes(framework)
-        ? prev.frameworks.filter(f => f !== framework)
-        : [...prev.frameworks, framework]
-    }));
-  };
-
-  return (
-    <Card className="bg-github-surface border-github-border">
-      <CardHeader>
-        <div className="flex items-center justify-between">
-          <CardTitle className="flex items-center gap-2">
-            <Search className="h-5 w-5 text-neon-orange" />
-            Advanced Search
-          </CardTitle>
-          {activeFiltersCount > 0 && (
-            <Badge variant="secondary" className="bg-neon-orange/20 text-neon-orange">
-              {activeFiltersCount} active
-            </Badge>
-          )}
-        </div>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        {/* Basic Search */}
-        <div className="flex gap-2">
-          <Input
-            placeholder="Search tools by name, description, or features..."
-            value={filters.query}
-            onChange={(e) => setFilters(prev => ({ ...prev, query: e.target.value }))}
-            className="flex-1 bg-github-dark border-github-border"
-            onKeyDown={(e) => e.key === "Enter" && handleSearch()}
-          />
-          <Button onClick={handleSearch} className="bg-neon-orange hover:bg-neon-orange/90">
-            <Search className="h-4 w-4" />
-          </Button>
-        </div>
-
-        {/* Category Filter */}
-        <div className="flex items-center gap-2">
-          <Label className="text-sm text-github-text-secondary min-w-[100px]">Category:</Label>
-          <Select 
-            value={filters.category} 
-            onValueChange={(value) => setFilters(prev => ({ ...prev, category: value }))}
-          >
-            <SelectTrigger className="bg-github-dark border-github-border">
-              <SelectValue placeholder="All categories" />
-            </SelectTrigger>
-            <SelectContent className="bg-github-dark border-github-border">
-              <SelectItem value="">All categories</SelectItem>
-              {categories.map(cat => (
-                <SelectItem key={cat.id} value={cat.name}>
-                  {cat.name}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        </div>
-
-        {/* Quick Filters */}
-        <div className="flex flex-wrap gap-2">
-          <Button
-            variant={filters.hasFreeTier ? "default" : "outline"}
-            size="sm"
-            onClick={() => setFilters(prev => ({ ...prev, hasFreeTier: !prev.hasFreeTier }))}
-            className={filters.hasFreeTier ? "bg-neon-orange hover:bg-neon-orange/90" : ""}
-          >
-            <DollarSign className="h-3 w-3 mr-1" />
-            Free Tier
-          </Button>
-          <Button
-            variant={filters.hasIntegrations ? "default" : "outline"}
-            size="sm"
-            onClick={() => setFilters(prev => ({ ...prev, hasIntegrations: !prev.hasIntegrations }))}
-            className={filters.hasIntegrations ? "bg-neon-orange hover:bg-neon-orange/90" : ""}
-          >
-            <GitBranch className="h-3 w-3 mr-1" />
-            Has Integrations
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => setShowAdvanced(!showAdvanced)}
-          >
-            <Filter className="h-3 w-3 mr-1" />
-            {showAdvanced ? "Hide" : "Show"} Advanced
-          </Button>
-        </div>
-
-        {/* Advanced Filters */}
-        {showAdvanced && (
-          <div className="space-y-4 pt-4 border-t border-github-border">
-            {/* Popularity Slider */}
-            <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label className="text-sm text-github-text-secondary flex items-center gap-1">
-                  <TrendingUp className="h-3 w-3" />
-                  Min Popularity: {filters.minPopularity}
-                </Label>
-                <span className="text-xs text-github-text-secondary">0-10</span>
-              </div>
-              <Slider
-                value={[filters.minPopularity]}
-                onValueChange={([value]) => setFilters(prev => ({ ...prev, minPopularity: value }))}
-                max={10}
-                step={1}
-                className="w-full"
-              />
-            </div>
-
-            {/* Maturity Slider */}
-            <div className="space-y-2">
-              <div className="flex items-center justify-between">
-                <Label className="text-sm text-github-text-secondary flex items-center gap-1">
-                  <Shield className="h-3 w-3" />
-                  Min Maturity: {filters.minMaturity}
-                </Label>
-                <span className="text-xs text-github-text-secondary">0-10</span>
-              </div>
-              <Slider
-                value={[filters.minMaturity]}
-                onValueChange={([value]) => setFilters(prev => ({ ...prev, minMaturity: value }))}
-                max={10}
-                step={1}
-                className="w-full"
-              />
-            </div>
-
-            {/* Language Filters */}
-            <div className="space-y-2">
-              <Label className="text-sm text-github-text-secondary">Languages:</Label>
-              <div className="flex flex-wrap gap-2">
-                {commonLanguages.map(lang => (
-                  <Badge
-                    key={lang}
-                    variant={filters.languages.includes(lang) ? "default" : "outline"}
-                    className={`cursor-pointer transition-all ${
-                      filters.languages.includes(lang) 
-                        ? "bg-neon-orange hover:bg-neon-orange/90" 
-                        : "hover:bg-github-dark"
-                    }`}
-                    onClick={() => toggleLanguage(lang)}
-                  >
-                    {lang}
-                  </Badge>
-                ))}
-              </div>
-            </div>
-
-            {/* Framework Filters */}
-            <div className="space-y-2">
-              <Label className="text-sm text-github-text-secondary">Frameworks:</Label>
-              <div className="flex flex-wrap gap-2">
-                {commonFrameworks.map(framework => (
-                  <Badge
-                    key={framework}
-                    variant={filters.frameworks.includes(framework) ? "default" : "outline"}
-                    className={`cursor-pointer transition-all ${
-                      filters.frameworks.includes(framework) 
-                        ? "bg-neon-orange hover:bg-neon-orange/90" 
-                        : "hover:bg-github-dark"
-                    }`}
-                    onClick={() => toggleFramework(framework)}
-                  >
-                    {framework}
-                  </Badge>
-                ))}
-              </div>
-            </div>
-
-            {/* Sort By */}
-            <div className="flex items-center gap-2">
-              <Label className="text-sm text-github-text-secondary min-w-[100px]">Sort by:</Label>
-              <Select 
-                value={filters.sortBy} 
-                onValueChange={(value: any) => setFilters(prev => ({ ...prev, sortBy: value }))}
-              >
-                <SelectTrigger className="bg-github-dark border-github-border">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent className="bg-github-dark border-github-border">
-                  <SelectItem value="popularity">Popularity</SelectItem>
-                  <SelectItem value="maturity">Maturity</SelectItem>
-                  <SelectItem value="name">Name (A-Z)</SelectItem>
-                  <SelectItem value="recent">Recently Updated</SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-        )}
-
-        {/* Action Buttons */}
-        <div className="flex justify-between pt-4 border-t border-github-border">
-          <Button 
-            variant="outline" 
-            onClick={handleReset}
-            disabled={activeFiltersCount === 0}
-          >
-            <X className="h-4 w-4 mr-1" />
-            Reset Filters
-          </Button>
-          <div className="flex gap-2">
-            <Button 
-              variant="secondary"
-              onClick={handleSearch}
-            >
-              Apply Filters
-            </Button>
-          </div>
-        </div>
-
-        {/* Active Filters Display */}
-        {activeFiltersCount > 0 && (
-          <div className="pt-4 border-t border-github-border">
-            <p className="text-xs text-github-text-secondary mb-2">Active filters:</p>
-            <div className="flex flex-wrap gap-2">
-              {filters.query && (
-                <Badge variant="secondary" className="text-xs">
-                  Query: "{filters.query}"
-                  <X 
-                    className="h-3 w-3 ml-1 cursor-pointer" 
-                    onClick={() => setFilters(prev => ({ ...prev, query: "" }))}
-                  />
-                </Badge>
-              )}
-              {filters.category && (
-                <Badge variant="secondary" className="text-xs">
-                  Category: {filters.category}
-                  <X 
-                    className="h-3 w-3 ml-1 cursor-pointer" 
-                    onClick={() => setFilters(prev => ({ ...prev, category: "" }))}
-                  />
-                </Badge>
-              )}
-              {filters.hasFreeTier && (
-                <Badge variant="secondary" className="text-xs">
-                  Free Tier
-                  <X 
-                    className="h-3 w-3 ml-1 cursor-pointer" 
-                    onClick={() => setFilters(prev => ({ ...prev, hasFreeTier: false }))}
-                  />
-                </Badge>
-              )}
-              {filters.minPopularity > 0 && (
-                <Badge variant="secondary" className="text-xs">
-                  Popularity ≥ {filters.minPopularity}
-                  <X 
-                    className="h-3 w-3 ml-1 cursor-pointer" 
-                    onClick={() => setFilters(prev => ({ ...prev, minPopularity: 0 }))}
-                  />
-                </Badge>
-              )}
-              {filters.minMaturity > 0 && (
-                <Badge variant="secondary" className="text-xs">
-                  Maturity ≥ {filters.minMaturity}
-                  <X 
-                    className="h-3 w-3 ml-1 cursor-pointer" 
-                    onClick={() => setFilters(prev => ({ ...prev, minMaturity: 0 }))}
-                  />
-                </Badge>
-              )}
-            </div>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/api-integration-panel.tsx b/client/src/components/api-integration-panel.tsx
deleted file mode 100644
index c62b881..0000000
--- a/client/src/components/api-integration-panel.tsx
+++ /dev/null
@@ -1,387 +0,0 @@
-import { useState, useEffect } from "react";
-import { useQuery, useMutation } from "@tanstack/react-query";
-import { queryClient, apiRequest } from "@/lib/queryClient";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Progress } from "@/components/ui/progress";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { 
-  RefreshCw, 
-  CheckCircle2, 
-  AlertCircle, 
-  Clock, 
-  Zap,
-  Globe,
-  Lock,
-  Info,
-  Loader2,
-  TrendingUp
-} from "lucide-react";
-import { format, formatDistanceToNow } from "date-fns";
-import type { Tool } from "@shared/schema";
-import { useToast } from "@/hooks/use-toast";
-
-interface ApiIntegrationPanelProps {
-  tools: Tool[];
-}
-
-interface IntegrationStatus {
-  available: boolean;
-  requiresAuth: boolean;
-  lastSync?: string;
-  rateLimit?: number;
-}
-
-export function ApiIntegrationPanel({ tools }: ApiIntegrationPanelProps) {
-  const [selectedTools, setSelectedTools] = useState<string[]>([]);
-  const [syncProgress, setSyncProgress] = useState<number>(0);
-  const { toast } = useToast();
-
-  // Fetch available integrations
-  const { data: availableIntegrations = [], isLoading: integrationsLoading } = useQuery<string[]>({
-    queryKey: ["/api/integrations/available"]
-  });
-
-  // Single tool sync mutation
-  const syncTool = useMutation({
-    mutationFn: async ({ toolId, toolName }: { toolId: string; toolName: string }) => {
-      const response = await apiRequest("POST", `/api/integrations/sync/${toolId}`, { toolName });
-      return response.json();
-    },
-    onSuccess: (data, variables) => {
-      toast({
-        title: "Sync Successful",
-        description: `${variables.toolName} has been updated with latest data`
-      });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-    },
-    onError: (error, variables) => {
-      toast({
-        title: "Sync Failed",
-        description: `Failed to sync ${variables.toolName}. Please try again.`,
-        variant: "destructive"
-      });
-    }
-  });
-
-  // Batch sync mutation
-  const batchSync = useMutation({
-    mutationFn: async (toolNames: string[]) => {
-      const response = await apiRequest("POST", "/api/integrations/batch-sync", { toolNames });
-      return response.json();
-    },
-    onSuccess: (data) => {
-      toast({
-        title: "Batch Sync Complete",
-        description: `Successfully synced ${data.success} tools. ${data.failed} failed.`
-      });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      setSyncProgress(0);
-      setSelectedTools([]);
-    }
-  });
-
-  // Get tools with available integrations
-  const integratedTools = tools.filter(tool => 
-    availableIntegrations.includes(tool.name)
-  );
-
-  // Calculate statistics
-  const stats = {
-    totalIntegrations: availableIntegrations.length,
-    connectedTools: integratedTools.filter(t => t.apiLastSync).length,
-    recentSyncs: integratedTools.filter(t => {
-      if (!t.apiLastSync) return false;
-      const hoursSinceSync = (Date.now() - new Date(t.apiLastSync).getTime()) / (1000 * 60 * 60);
-      return hoursSinceSync < 24;
-    }).length,
-    needsUpdate: integratedTools.filter(t => {
-      if (!t.apiLastSync) return true;
-      const daysSinceSync = (Date.now() - new Date(t.apiLastSync).getTime()) / (1000 * 60 * 60 * 24);
-      return daysSinceSync > 7;
-    }).length
-  };
-
-  const handleSyncAll = async () => {
-    setSyncProgress(0);
-    const totalTools = selectedTools.length || integratedTools.length;
-    const toolsToSync = selectedTools.length > 0 
-      ? selectedTools 
-      : integratedTools.map(t => t.name);
-    
-    // Simulate progress
-    const progressInterval = setInterval(() => {
-      setSyncProgress(prev => {
-        if (prev >= 90) {
-          clearInterval(progressInterval);
-          return 90;
-        }
-        return prev + 10;
-      });
-    }, 500);
-
-    await batchSync.mutateAsync(toolsToSync);
-    clearInterval(progressInterval);
-    setSyncProgress(100);
-    
-    setTimeout(() => setSyncProgress(0), 2000);
-  };
-
-  const toggleToolSelection = (toolName: string) => {
-    setSelectedTools(prev => 
-      prev.includes(toolName)
-        ? prev.filter(t => t !== toolName)
-        : [...prev, toolName]
-    );
-  };
-
-  const getLastSyncStatus = (lastSync?: Date | null) => {
-    if (!lastSync) return { text: "Never synced", color: "text-gray-500" };
-    
-    const hoursSinceSync = (Date.now() - new Date(lastSync).getTime()) / (1000 * 60 * 60);
-    
-    if (hoursSinceSync < 1) return { text: "Just synced", color: "text-green-500" };
-    if (hoursSinceSync < 24) return { text: formatDistanceToNow(new Date(lastSync), { addSuffix: true }), color: "text-blue-500" };
-    if (hoursSinceSync < 168) return { text: formatDistanceToNow(new Date(lastSync), { addSuffix: true }), color: "text-yellow-500" };
-    return { text: formatDistanceToNow(new Date(lastSync), { addSuffix: true }), color: "text-orange-500" };
-  };
-
-  if (integrationsLoading) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardContent className="flex items-center justify-center py-8">
-          <Loader2 className="h-8 w-8 animate-spin text-github-text-secondary" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Statistics Overview */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Available APIs
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-github-text">{stats.totalIntegrations}</span>
-              <Globe className="h-4 w-4 text-github-text-secondary" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Connected Tools
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-green-500">{stats.connectedTools}</span>
-              <CheckCircle2 className="h-4 w-4 text-green-500" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Recent Syncs
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-blue-500">{stats.recentSyncs}</span>
-              <Clock className="h-4 w-4 text-blue-500" />
-            </div>
-            <p className="text-xs text-github-text-secondary mt-1">Last 24 hours</p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Needs Update
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-orange-500">{stats.needsUpdate}</span>
-              <AlertCircle className="h-4 w-4 text-orange-500" />
-            </div>
-            <p className="text-xs text-github-text-secondary mt-1">Over 7 days old</p>
-          </CardContent>
-        </Card>
-      </div>
-
-      <Tabs defaultValue="integrations" className="space-y-4">
-        <TabsList className="grid w-full grid-cols-2 bg-github-surface">
-          <TabsTrigger value="integrations" data-testid="tab-integrations">
-            <Zap className="h-4 w-4 mr-2" />
-            API Integrations
-          </TabsTrigger>
-          <TabsTrigger value="settings" data-testid="tab-settings">
-            <Lock className="h-4 w-4 mr-2" />
-            API Settings
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="integrations" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <div>
-                  <CardTitle className="text-github-text">Connected Tools</CardTitle>
-                  <CardDescription>
-                    Sync tool data from official APIs to get real-time updates
-                  </CardDescription>
-                </div>
-                <div className="flex gap-2">
-                  {selectedTools.length > 0 && (
-                    <Badge variant="outline">
-                      {selectedTools.length} selected
-                    </Badge>
-                  )}
-                  <Button 
-                    onClick={handleSyncAll}
-                    disabled={batchSync.isPending}
-                    data-testid="button-sync-all"
-                  >
-                    {batchSync.isPending ? (
-                      <>
-                        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                        Syncing...
-                      </>
-                    ) : (
-                      <>
-                        <RefreshCw className="h-4 w-4 mr-2" />
-                        {selectedTools.length > 0 ? `Sync Selected (${selectedTools.length})` : "Sync All"}
-                      </>
-                    )}
-                  </Button>
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              {syncProgress > 0 && (
-                <div className="mb-4">
-                  <Progress value={syncProgress} className="h-2" />
-                  <p className="text-sm text-github-text-secondary mt-1">
-                    Syncing tools... {syncProgress}%
-                  </p>
-                </div>
-              )}
-              
-              <div className="space-y-3">
-                {integratedTools.map(tool => {
-                  const syncStatus = getLastSyncStatus(tool.apiLastSync);
-                  const isSelected = selectedTools.includes(tool.name);
-                  
-                  return (
-                    <div 
-                      key={tool.id} 
-                      className={`flex items-center justify-between p-3 rounded-lg border transition-all ${
-                        isSelected 
-                          ? "bg-neon-orange/10 border-neon-orange/30" 
-                          : "bg-github-canvas border-github-border hover:bg-github-surface"
-                      }`}
-                    >
-                      <div className="flex items-center gap-3">
-                        <input
-                          type="checkbox"
-                          checked={isSelected}
-                          onChange={() => toggleToolSelection(tool.name)}
-                          className="h-4 w-4 rounded border-github-border"
-                          data-testid={`checkbox-${tool.id}`}
-                        />
-                        <div>
-                          <div className="flex items-center gap-2">
-                            <span className="font-medium text-github-text">{tool.name}</span>
-                            {tool.apiLastSync && (
-                              <CheckCircle2 className="h-4 w-4 text-green-500" />
-                            )}
-                          </div>
-                          <div className={`text-sm ${syncStatus.color}`}>
-                            {syncStatus.text}
-                          </div>
-                        </div>
-                      </div>
-                      <div className="flex items-center gap-2">
-                        {tool.popularityScore && tool.popularityScore > 8 && (
-                          <Badge variant="outline" className="text-xs">
-                            <TrendingUp className="h-3 w-3 mr-1" />
-                            Popular
-                          </Badge>
-                        )}
-                        <Button
-                          size="sm"
-                          variant="ghost"
-                          onClick={() => syncTool.mutate({ toolId: tool.id, toolName: tool.name })}
-                          disabled={syncTool.isPending}
-                          data-testid={`button-sync-${tool.id}`}
-                        >
-                          {syncTool.isPending ? (
-                            <Loader2 className="h-4 w-4 animate-spin" />
-                          ) : (
-                            <RefreshCw className="h-4 w-4" />
-                          )}
-                        </Button>
-                      </div>
-                    </div>
-                  );
-                })}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="settings" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-github-text">API Configuration</CardTitle>
-              <CardDescription>
-                Configure API keys for premium integrations
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <Alert>
-                <Info className="h-4 w-4" />
-                <AlertTitle>API Keys Required</AlertTitle>
-                <AlertDescription>
-                  Some integrations require API keys for full functionality. Keys are stored securely and never exposed.
-                </AlertDescription>
-              </Alert>
-              
-              <div className="mt-4 space-y-4">
-                <div className="p-4 rounded-lg bg-github-canvas border border-github-border">
-                  <h3 className="font-medium text-github-text mb-2">Available Integrations:</h3>
-                  <div className="flex flex-wrap gap-2">
-                    {availableIntegrations.map(integration => (
-                      <Badge key={integration} variant="secondary">
-                        {integration}
-                      </Badge>
-                    ))}
-                  </div>
-                </div>
-                
-                <div className="text-sm text-github-text-secondary">
-                  <p>• GitHub API: Public access, no key required</p>
-                  <p>• OpenAI API: Requires API key for model listings</p>
-                  <p>• Stripe API: Requires API key for product data</p>
-                  <p>• Vercel API: Requires token for deployment stats</p>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/blueprint/quick-blueprint.tsx b/client/src/components/blueprint/quick-blueprint.tsx
deleted file mode 100644
index 1cf16b1..0000000
--- a/client/src/components/blueprint/quick-blueprint.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import React, { useState } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Badge } from '@/components/ui/badge';
-import { Sparkles, ArrowRight, Loader2 } from 'lucide-react';
-import { useMutation } from '@tanstack/react-query';
-
-interface QuickBlueprintProps {
-  onBlueprintGenerated?: (blueprint: any) => void;
-}
-
-export function QuickBlueprint({ onBlueprintGenerated }: QuickBlueprintProps) {
-  const [idea, setIdea] = useState('');
-  const [isGenerating, setIsGenerating] = useState(false);
-  const [lastBlueprint, setLastBlueprint] = useState<any>(null);
-
-  const generateBlueprint = useMutation({
-    mutationFn: async () => {
-      const response = await fetch('/api/v1/blueprint', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          rawIdea: idea,
-          timeline: 'mvp',
-          budget: 'medium'
-        })
-      });
-      
-      if (!response.ok) {
-        throw new Error('Failed to generate blueprint');
-      }
-      
-      return response.json();
-    },
-    onSuccess: (data) => {
-      setLastBlueprint(data.blueprint);
-      setIsGenerating(false);
-      if (onBlueprintGenerated) {
-        onBlueprintGenerated(data.blueprint);
-      }
-    },
-    onError: () => {
-      setIsGenerating(false);
-    }
-  });
-
-  const handleGenerate = () => {
-    if (!idea.trim()) return;
-    setIsGenerating(true);
-    generateBlueprint.mutate();
-  };
-
-  const handleKeyPress = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      handleGenerate();
-    }
-  };
-
-  return (
-    <Card className="bg-gradient-to-br from-github-surface to-github-dark border-github-border">
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Sparkles className="h-5 w-5 text-neon-orange" />
-          Quick Blueprint Generator
-        </CardTitle>
-        <CardDescription>
-          Transform your idea into an intelligent tech stack blueprint with compatibility analysis
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        <div className="space-y-4">
-          <div className="flex gap-2">
-            <Input
-              placeholder="Describe your project idea..."
-              value={idea}
-              onChange={(e) => setIdea(e.target.value)}
-              onKeyPress={handleKeyPress}
-              className="flex-1"
-              disabled={isGenerating}
-            />
-            <Button 
-              onClick={handleGenerate}
-              disabled={!idea.trim() || isGenerating}
-              className="min-w-[120px]"
-            >
-              {isGenerating ? (
-                <>
-                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                  Generating
-                </>
-              ) : (
-                <>
-                  Generate
-                  <ArrowRight className="ml-2 h-4 w-4" />
-                </>
-              )}
-            </Button>
-          </div>
-
-          {lastBlueprint && (
-            <div className="p-4 rounded-lg bg-github-surface/50 border border-github-border space-y-3">
-              <div className="flex items-center justify-between">
-                <h4 className="font-medium text-sm">{lastBlueprint.title}</h4>
-                <Badge variant="outline" className="text-xs">
-                  {lastBlueprint.stackAnalysis?.harmonyScore || 0}% harmony
-                </Badge>
-              </div>
-              
-              <div className="flex flex-wrap gap-2">
-                {lastBlueprint.techStack?.split(', ').map((tool: string) => (
-                  <Badge key={tool} variant="secondary" className="text-xs">
-                    {tool}
-                  </Badge>
-                ))}
-              </div>
-
-              {lastBlueprint.recommendedWorkflow && (
-                <p className="text-xs text-muted-foreground">
-                  Workflow: {lastBlueprint.recommendedWorkflow.name}
-                </p>
-              )}
-
-              <Button 
-                variant="outline" 
-                size="sm" 
-                className="w-full"
-                onClick={() => window.location.href = '/?tab=blueprint'}
-              >
-                View Full Blueprint
-                <ArrowRight className="ml-2 h-3 w-3" />
-              </Button>
-            </div>
-          )}
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/command-palette.tsx b/client/src/components/command-palette.tsx
deleted file mode 100644
index 923b826..0000000
--- a/client/src/components/command-palette.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import { useEffect, useState, useCallback } from "react";
-import { useLocation } from "wouter";
-import {
-  CommandDialog,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-} from "@/components/ui/command";
-import {
-  Home,
-  Layers,
-  Sparkles,
-  Database,
-  GitCompare,
-  Grid3x3,
-  BarChart3,
-  Plus,
-  Search,
-  Settings,
-  HelpCircle,
-  BookOpen,
-  Zap,
-  FileText,
-  Code,
-  Cpu,
-  Layout,
-  Server,
-  CreditCard,
-  Hash,
-  ArrowRight,
-} from "lucide-react";
-import { Badge } from "@/components/ui/badge";
-import { useQuery } from "@tanstack/react-query";
-import type { ToolWithCategory } from "@shared/schema";
-
-interface CommandPaletteProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onAddTool: () => void;
-}
-
-export function CommandPalette({ open, onOpenChange, onAddTool }: CommandPaletteProps) {
-  const [, setLocation] = useLocation();
-  const [search, setSearch] = useState("");
-
-  const { data: tools = [] } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools/quality"],
-    enabled: open,
-  });
-
-  const navigate = useCallback((href: string) => {
-    setLocation(href);
-    onOpenChange(false);
-  }, [setLocation, onOpenChange]);
-
-  const runAction = useCallback((action: () => void) => {
-    action();
-    onOpenChange(false);
-  }, [onOpenChange]);
-
-  useEffect(() => {
-    const down = (e: KeyboardEvent) => {
-      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
-        e.preventDefault();
-        onOpenChange(!open);
-      }
-    };
-
-    document.addEventListener("keydown", down);
-    return () => document.removeEventListener("keydown", down);
-  }, [onOpenChange, open]);
-
-  const getCategoryIcon = (category: string) => {
-    const iconMap: Record<string, any> = {
-      "IDE/Development": Cpu,
-      "AI Coding Tools": Sparkles,
-      "Backend/Database": Server,
-      "Frontend/Design": Layout,
-      "DevOps/Deployment": Layers,
-      "Payment Platforms": CreditCard,
-    };
-    return iconMap[category] || Hash;
-  };
-
-  const topTools = tools
-    .filter(tool => tool.popularityScore >= 7)
-    .slice(0, 5);
-
-  return (
-    <CommandDialog open={open} onOpenChange={onOpenChange}>
-      <CommandInput
-        placeholder="Search for tools, pages, or actions..."
-        value={search}
-        onValueChange={setSearch}
-        data-testid="command-palette-input"
-      />
-      <CommandList>
-        <CommandEmpty>No results found.</CommandEmpty>
-
-        {/* Quick Actions */}
-        <CommandGroup heading="Quick Actions">
-          <CommandItem
-            onSelect={() => runAction(onAddTool)}
-            className="flex items-center gap-2"
-            data-testid="command-action-add-tool"
-          >
-            <Plus className="h-4 w-4" />
-            <span>Add New Tool</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/stack-builder")}
-            className="flex items-center gap-2"
-            data-testid="command-action-build-stack"
-          >
-            <Layers className="h-4 w-4" />
-            <span>Build Tech Stack</span>
-            <Badge variant="secondary" className="ml-auto">⌘B</Badge>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/blueprint")}
-            className="flex items-center gap-2"
-            data-testid="command-action-generate-blueprint"
-          >
-            <Sparkles className="h-4 w-4" />
-            <span>Generate AI Blueprint</span>
-            <Badge className="ml-auto bg-purple-600/20 text-purple-400">AI</Badge>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/compare")}
-            className="flex items-center gap-2"
-            data-testid="command-action-compare"
-          >
-            <GitCompare className="h-4 w-4" />
-            <span>Compare Tools</span>
-          </CommandItem>
-        </CommandGroup>
-
-        <CommandSeparator />
-
-        {/* Navigation */}
-        <CommandGroup heading="Navigate">
-          <CommandItem
-            onSelect={() => navigate("/")}
-            className="flex items-center gap-2"
-            data-testid="command-nav-dashboard"
-          >
-            <Home className="h-4 w-4" />
-            <span>Dashboard</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/quickstart")}
-            className="flex items-center gap-2"
-            data-testid="command-nav-quickstart"
-          >
-            <Zap className="h-4 w-4" />
-            <span>Quick Start Guide</span>
-            <Badge className="ml-auto bg-green-600/20 text-green-400">New</Badge>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/tools")}
-            className="flex items-center gap-2"
-            data-testid="command-nav-tools"
-          >
-            <Database className="h-4 w-4" />
-            <span>Tool Database</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/compatibility")}
-            className="flex items-center gap-2"
-            data-testid="command-nav-matrix"
-          >
-            <Grid3x3 className="h-4 w-4" />
-            <span>Compatibility Matrix</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/analytics")}
-            className="flex items-center gap-2"
-            data-testid="command-nav-analytics"
-          >
-            <BarChart3 className="h-4 w-4" />
-            <span>Analytics & Insights</span>
-          </CommandItem>
-        </CommandGroup>
-
-        {/* Popular Tools */}
-        {topTools.length > 0 && (
-          <>
-            <CommandSeparator />
-            <CommandGroup heading="Popular Tools">
-              {topTools.map((tool) => {
-                const Icon = getCategoryIcon(tool.category?.name || "");
-                return (
-                  <CommandItem
-                    key={tool.id}
-                    onSelect={() => navigate(`/tools/${tool.id}`)}
-                    className="flex items-center gap-2"
-                    data-testid={`command-tool-${tool.name.toLowerCase().replace(/\s+/g, '-')}`}
-                  >
-                    <Icon className="h-4 w-4 text-github-text-secondary" />
-                    <span>{tool.name}</span>
-                    <ArrowRight className="h-3 w-3 ml-auto text-github-text-secondary" />
-                    <span className="text-xs text-github-text-secondary">{tool.category?.name}</span>
-                  </CommandItem>
-                );
-              })}
-            </CommandGroup>
-          </>
-        )}
-
-        <CommandSeparator />
-
-        {/* Help & Support */}
-        <CommandGroup heading="Help">
-          <CommandItem
-            onSelect={() => navigate("/docs")}
-            className="flex items-center gap-2"
-            data-testid="command-help-docs"
-          >
-            <BookOpen className="h-4 w-4" />
-            <span>Documentation</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/help")}
-            className="flex items-center gap-2"
-            data-testid="command-help-support"
-          >
-            <HelpCircle className="h-4 w-4" />
-            <span>Help & Support</span>
-          </CommandItem>
-          <CommandItem
-            onSelect={() => navigate("/settings")}
-            className="flex items-center gap-2"
-            data-testid="command-help-settings"
-          >
-            <Settings className="h-4 w-4" />
-            <span>Settings</span>
-          </CommandItem>
-        </CommandGroup>
-      </CommandList>
-    </CommandDialog>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/compatibility-insights.tsx b/client/src/components/compatibility-insights.tsx
deleted file mode 100644
index 1471179..0000000
--- a/client/src/components/compatibility-insights.tsx
+++ /dev/null
@@ -1,412 +0,0 @@
-import { useState, useMemo } from "react";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Button } from "@/components/ui/button";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { 
-  BarChart3, 
-  TrendingUp, 
-  Network, 
-  Sparkles,
-  AlertCircle,
-  CheckCircle2,
-  XCircle,
-  Info,
-  Filter,
-  ArrowUpDown
-} from "lucide-react";
-import type { ToolWithCategory, CompatibilityMatrix } from "@shared/schema";
-
-interface CompatibilityInsightsProps {
-  tools: ToolWithCategory[];
-  compatibilityMatrix: CompatibilityMatrix[];
-}
-
-export function CompatibilityInsights({ tools, compatibilityMatrix }: CompatibilityInsightsProps) {
-  const [selectedCategory, setSelectedCategory] = useState<string>("all");
-  const [minScore, setMinScore] = useState<number>(0);
-  const [sortBy, setSortBy] = useState<"score" | "count" | "name">("score");
-
-  // Calculate compatibility statistics
-  const stats = useMemo(() => {
-    const scores = compatibilityMatrix.map(c => c.compatibilityScore);
-    const avgScore = scores.reduce((a, b) => a + b, 0) / scores.length;
-    const highCompatibility = scores.filter(s => s >= 90).length;
-    const mediumCompatibility = scores.filter(s => s >= 70 && s < 90).length;
-    const lowCompatibility = scores.filter(s => s >= 50 && s < 70).length;
-    const incompatible = scores.filter(s => s < 50).length;
-
-    return {
-      avgScore: Math.round(avgScore),
-      total: scores.length,
-      highCompatibility,
-      mediumCompatibility,
-      lowCompatibility,
-      incompatible,
-      coverage: Math.round((scores.length / (tools.length * (tools.length - 1) / 2)) * 100)
-    };
-  }, [compatibilityMatrix, tools]);
-
-  // Find compatibility hubs (tools that work well with many others)
-  const compatibilityHubs = useMemo(() => {
-    const hubScores = new Map<string, { tool: ToolWithCategory; avgScore: number; count: number; highScores: number }>();
-
-    tools.forEach(tool => {
-      const compatibilities = compatibilityMatrix.filter(
-        c => c.toolOne.id === tool.id || c.toolTwo.id === tool.id
-      );
-      
-      if (compatibilities.length > 0) {
-        const scores = compatibilities.map(c => c.compatibilityScore);
-        const avgScore = scores.reduce((a, b) => a + b, 0) / scores.length;
-        const highScores = scores.filter(s => s >= 85).length;
-        
-        hubScores.set(tool.id, {
-          tool,
-          avgScore,
-          count: compatibilities.length,
-          highScores
-        });
-      }
-    });
-
-    return Array.from(hubScores.values())
-      .filter(h => selectedCategory === "all" || h.tool.category.name === selectedCategory)
-      .filter(h => h.avgScore >= minScore)
-      .sort((a, b) => {
-        if (sortBy === "score") return b.avgScore - a.avgScore;
-        if (sortBy === "count") return b.count - a.count;
-        return a.tool.name.localeCompare(b.tool.name);
-      })
-      .slice(0, 10);
-  }, [tools, compatibilityMatrix, selectedCategory, minScore, sortBy]);
-
-  // Find best tool pairs
-  const bestPairs = useMemo(() => {
-    return compatibilityMatrix
-      .filter(c => c.compatibilityScore >= 85)
-      .sort((a, b) => b.compatibilityScore - a.compatibilityScore)
-      .slice(0, 10);
-  }, [compatibilityMatrix]);
-
-  // Find problematic pairs
-  const problematicPairs = useMemo(() => {
-    return compatibilityMatrix
-      .filter(c => c.compatibilityScore < 50)
-      .sort((a, b) => a.compatibilityScore - b.compatibilityScore)
-      .slice(0, 5);
-  }, [compatibilityMatrix]);
-
-  // Category compatibility analysis
-  const categoryAnalysis = useMemo(() => {
-    const categoryPairs = new Map<string, { avgScore: number; count: number }>();
-    
-    compatibilityMatrix.forEach(c => {
-      const key = `${c.toolOne.category.name}-${c.toolTwo.category.name}`;
-      const reverseKey = `${c.toolTwo.category.name}-${c.toolOne.category.name}`;
-      const finalKey = categoryPairs.has(key) ? key : reverseKey;
-      
-      const existing = categoryPairs.get(finalKey) || { avgScore: 0, count: 0 };
-      categoryPairs.set(finalKey, {
-        avgScore: (existing.avgScore * existing.count + c.compatibilityScore) / (existing.count + 1),
-        count: existing.count + 1
-      });
-    });
-
-    return Array.from(categoryPairs.entries())
-      .map(([key, value]) => ({
-        categories: key.split('-'),
-        avgScore: Math.round(value.avgScore),
-        count: value.count
-      }))
-      .sort((a, b) => b.avgScore - a.avgScore);
-  }, [compatibilityMatrix]);
-
-  const categories = Array.from(new Set(tools.map(t => t.category.name)));
-
-  const getScoreColor = (score: number) => {
-    if (score >= 90) return "text-green-500";
-    if (score >= 70) return "text-yellow-500";
-    if (score >= 50) return "text-orange-500";
-    return "text-red-500";
-  };
-
-  const getScoreBadgeVariant = (score: number): "default" | "secondary" | "destructive" | "outline" => {
-    if (score >= 90) return "default";
-    if (score >= 70) return "secondary";
-    if (score >= 50) return "outline";
-    return "destructive";
-  };
-
-  return (
-    <div className="space-y-6">
-      {/* Overview Stats */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Average Compatibility
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className={`text-2xl font-bold ${getScoreColor(stats.avgScore)}`}>
-                {stats.avgScore}%
-              </span>
-              <TrendingUp className="h-4 w-4 text-github-text-secondary" />
-            </div>
-            <Progress value={stats.avgScore} className="mt-2" />
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Matrix Coverage
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-github-text">{stats.coverage}%</span>
-              <Network className="h-4 w-4 text-github-text-secondary" />
-            </div>
-            <p className="text-xs text-github-text-secondary mt-1">
-              {stats.total} of {Math.round(tools.length * (tools.length - 1) / 2)} possible pairs
-            </p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              High Compatibility
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-green-500">{stats.highCompatibility}</span>
-              <CheckCircle2 className="h-4 w-4 text-green-500" />
-            </div>
-            <p className="text-xs text-github-text-secondary mt-1">Score ≥ 90%</p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <CardTitle className="text-sm font-medium text-github-text-secondary">
-              Low Compatibility
-            </CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="flex items-baseline gap-2">
-              <span className="text-2xl font-bold text-orange-500">{stats.incompatible}</span>
-              <AlertCircle className="h-4 w-4 text-orange-500" />
-            </div>
-            <p className="text-xs text-github-text-secondary mt-1">Score &lt; 50%</p>
-          </CardContent>
-        </Card>
-      </div>
-
-      <Tabs defaultValue="hubs" className="space-y-4">
-        <TabsList className="grid w-full grid-cols-4 bg-github-surface">
-          <TabsTrigger value="hubs" data-testid="tab-hubs">
-            <Sparkles className="h-4 w-4 mr-2" />
-            Hubs
-          </TabsTrigger>
-          <TabsTrigger value="pairs" data-testid="tab-pairs">
-            <Network className="h-4 w-4 mr-2" />
-            Best Pairs
-          </TabsTrigger>
-          <TabsTrigger value="categories" data-testid="tab-categories">
-            <BarChart3 className="h-4 w-4 mr-2" />
-            Categories
-          </TabsTrigger>
-          <TabsTrigger value="warnings" data-testid="tab-warnings">
-            <AlertCircle className="h-4 w-4 mr-2" />
-            Warnings
-          </TabsTrigger>
-        </TabsList>
-
-        {/* Compatibility Hubs */}
-        <TabsContent value="hubs" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <div>
-                  <CardTitle className="text-github-text">Compatibility Hubs</CardTitle>
-                  <CardDescription>
-                    Tools that work well with many others in your stack
-                  </CardDescription>
-                </div>
-                <div className="flex gap-2">
-                  <Select value={selectedCategory} onValueChange={setSelectedCategory}>
-                    <SelectTrigger className="w-40" data-testid="select-category">
-                      <SelectValue placeholder="Category" />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="all">All Categories</SelectItem>
-                      {categories.map(cat => (
-                        <SelectItem key={cat} value={cat}>{cat}</SelectItem>
-                      ))}
-                    </SelectContent>
-                  </Select>
-                  <Select value={sortBy} onValueChange={(v) => setSortBy(v as typeof sortBy)}>
-                    <SelectTrigger className="w-32" data-testid="select-sort">
-                      <ArrowUpDown className="h-4 w-4 mr-2" />
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="score">By Score</SelectItem>
-                      <SelectItem value="count">By Count</SelectItem>
-                      <SelectItem value="name">By Name</SelectItem>
-                    </SelectContent>
-                  </Select>
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {compatibilityHubs.map(hub => (
-                  <div key={hub.tool.id} className="flex items-center justify-between p-3 rounded-lg bg-github-canvas border border-github-border hover:bg-github-surface transition-colors">
-                    <div className="flex items-center gap-3">
-                      <div className="text-2xl">{hub.tool.category.name === "AI Coding Tools" ? "🤖" : "🔧"}</div>
-                      <div>
-                        <div className="font-medium text-github-text">{hub.tool.name}</div>
-                        <div className="text-sm text-github-text-secondary">
-                          Works with {hub.count} tools • {hub.highScores} excellent matches
-                        </div>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <Badge variant={getScoreBadgeVariant(hub.avgScore)}>
-                        {Math.round(hub.avgScore)}% avg
-                      </Badge>
-                      <TooltipProvider>
-                        <Tooltip>
-                          <TooltipTrigger>
-                            <Info className="h-4 w-4 text-github-text-secondary" />
-                          </TooltipTrigger>
-                          <TooltipContent>
-                            <p>Average compatibility score across all tested integrations</p>
-                          </TooltipContent>
-                        </Tooltip>
-                      </TooltipProvider>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Best Pairs */}
-        <TabsContent value="pairs" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-github-text">Highest Compatibility Pairs</CardTitle>
-              <CardDescription>
-                Tool combinations with the best integration scores
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {bestPairs.map((pair, idx) => (
-                  <div key={idx} className="flex items-center justify-between p-3 rounded-lg bg-gradient-to-r from-green-900/20 to-github-canvas border border-green-800/30">
-                    <div className="flex items-center gap-3">
-                      <CheckCircle2 className="h-5 w-5 text-green-500" />
-                      <div>
-                        <div className="font-medium text-github-text">
-                          {pair.toolOne.name} + {pair.toolTwo.name}
-                        </div>
-                        <div className="text-sm text-github-text-secondary">
-                          {pair.toolOne.category.name} × {pair.toolTwo.category.name}
-                        </div>
-                      </div>
-                    </div>
-                    <Badge className="bg-green-600/20 text-green-400 border-green-600/30">
-                      {pair.compatibilityScore}% compatible
-                    </Badge>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Category Analysis */}
-        <TabsContent value="categories" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-github-text">Category Compatibility</CardTitle>
-              <CardDescription>
-                Average compatibility scores between tool categories
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {categoryAnalysis.slice(0, 10).map((analysis, idx) => (
-                  <div key={idx} className="flex items-center justify-between p-3 rounded-lg bg-github-canvas border border-github-border">
-                    <div className="flex items-center gap-3">
-                      <BarChart3 className={`h-5 w-5 ${getScoreColor(analysis.avgScore)}`} />
-                      <div>
-                        <div className="font-medium text-github-text">
-                          {analysis.categories[0]} ↔ {analysis.categories[1]}
-                        </div>
-                        <div className="text-sm text-github-text-secondary">
-                          Based on {analysis.count} tool pairs
-                        </div>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <Progress value={analysis.avgScore} className="w-20" />
-                      <Badge variant={getScoreBadgeVariant(analysis.avgScore)}>
-                        {analysis.avgScore}%
-                      </Badge>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Warnings */}
-        <TabsContent value="warnings" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-github-text">Compatibility Warnings</CardTitle>
-              <CardDescription>
-                Tool pairs with known integration challenges
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {problematicPairs.map((pair, idx) => (
-                  <div key={idx} className="flex items-center justify-between p-3 rounded-lg bg-gradient-to-r from-red-900/20 to-github-canvas border border-red-800/30">
-                    <div className="flex items-center gap-3">
-                      <XCircle className="h-5 w-5 text-red-500" />
-                      <div>
-                        <div className="font-medium text-github-text">
-                          {pair.toolOne.name} ⚠️ {pair.toolTwo.name}
-                        </div>
-                        <div className="text-sm text-github-text-secondary">
-                          Integration requires additional configuration
-                        </div>
-                      </div>
-                    </div>
-                    <Badge variant="destructive">
-                      {pair.compatibilityScore}% compatible
-                    </Badge>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/compatibility-matrix.tsx b/client/src/components/compatibility-matrix.tsx
deleted file mode 100644
index aef49d9..0000000
--- a/client/src/components/compatibility-matrix.tsx
+++ /dev/null
@@ -1,259 +0,0 @@
-import { useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
-import { useQuery } from "@tanstack/react-query";
-import type { ToolWithCategory, CompatibilityMatrix } from "@shared/schema";
-
-interface CompatibilityMatrixProps {
-  searchQuery: string;
-  filters: {
-    category: string;
-    compatibility: string;
-    maturity: string;
-  };
-  onToolClick: (tool: ToolWithCategory) => void;
-}
-
-export function CompatibilityMatrix({ searchQuery, filters, onToolClick }: CompatibilityMatrixProps) {
-  const { data: tools = [], isLoading: toolsLoading } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools/quality"],
-  });
-
-  const { data: compatibilityMatrix = [], isLoading: matrixLoading } = useQuery<CompatibilityMatrix[]>({
-    queryKey: ["/api/compatibility-matrix"],
-  });
-
-  const getCompatibilityScore = (toolOne: ToolWithCategory, toolTwo: ToolWithCategory) => {
-    if (toolOne.id === toolTwo.id) return null; // Self-compatibility
-    
-    const compatibility = compatibilityMatrix.find(
-      (c) =>
-        (c.toolOne.id === toolOne.id && c.toolTwo.id === toolTwo.id) ||
-        (c.toolOne.id === toolTwo.id && c.toolTwo.id === toolOne.id)
-    );
-    
-    return compatibility || null;
-  };
-
-  const getCompatibilityClass = (score: number) => {
-    if (score >= 90) return "compatibility-high";
-    if (score >= 70) return "compatibility-medium";
-    if (score >= 50) return "compatibility-low";
-    return "compatibility-none";
-  };
-
-  const filteredTools = tools.filter((tool) => {
-    // Search filter
-    if (searchQuery && !tool.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
-        !tool.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
-      return false;
-    }
-
-    // Category filter
-    if (filters.category !== "all" && filters.category !== tool.category.name.toLowerCase().replace(/[^a-z]/g, "-")) {
-      return false;
-    }
-
-    // Maturity filter
-    if (filters.maturity !== "all") {
-      if (filters.maturity === "mature" && tool.maturityScore < 8.0) return false;
-      if (filters.maturity === "stable" && (tool.maturityScore < 6.0 || tool.maturityScore >= 8.0)) return false;
-      if (filters.maturity === "beta" && tool.maturityScore >= 6.0) return false;
-    }
-
-    return true;
-  });
-
-  const getCategoryColor = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "text-neon-orange";
-      case "frontend/design":
-        return "text-info";
-      case "backend/database":
-        return "text-success";
-      case "payment platforms":
-        return "text-warning";
-      default:
-        return "text-github-text-secondary";
-    }
-  };
-
-  const getCategoryIcon = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "🤖";
-      case "frontend/design":
-        return "🎨";
-      case "backend/database":
-        return "🗄️";
-      case "payment platforms":
-        return "💳";
-      default:
-        return "🔧";
-    }
-  };
-
-  if (toolsLoading || matrixLoading) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="text-github-text">Loading Compatibility Matrix...</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="space-y-4">
-            {[...Array(5)].map((_, i) => (
-              <div key={i} className="loading-shimmer h-12 rounded bg-github-border" />
-            ))}
-          </div>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <TooltipProvider>
-      <Card className="bg-github-surface rounded-lg border-github-border overflow-hidden">
-        <CardHeader className="border-b border-github-border">
-          <div className="flex items-center justify-between">
-            <div>
-              <CardTitle className="text-lg font-semibold text-github-text" data-testid="matrix-title">
-                Tool Compatibility Matrix
-              </CardTitle>
-              <p className="text-sm text-github-text-secondary mt-1">
-                Interactive visualization of tool compatibility across tech stack categories
-              </p>
-            </div>
-            
-            {/* Legend */}
-            <div className="flex items-center space-x-4">
-              <div className="flex items-center space-x-2">
-                <div className="w-3 h-3 rounded-full compatibility-high" data-testid="legend-high"></div>
-                <span className="text-xs text-github-text-secondary">High (90-100%)</span>
-              </div>
-              <div className="flex items-center space-x-2">
-                <div className="w-3 h-3 rounded-full compatibility-medium" data-testid="legend-medium"></div>
-                <span className="text-xs text-github-text-secondary">Medium (70-89%)</span>
-              </div>
-              <div className="flex items-center space-x-2">
-                <div className="w-3 h-3 rounded-full compatibility-low" data-testid="legend-low"></div>
-                <span className="text-xs text-github-text-secondary">Low (50-69%)</span>
-              </div>
-              <div className="flex items-center space-x-2">
-                <div className="w-3 h-3 rounded-full compatibility-none" data-testid="legend-none"></div>
-                <span className="text-xs text-github-text-secondary">None (&lt;50%)</span>
-              </div>
-            </div>
-          </div>
-        </CardHeader>
-        
-        {/* Matrix Grid */}
-        <div className="overflow-x-auto">
-          <div className="min-w-max">
-            {/* Column Headers */}
-            <div className="flex bg-github-dark border-b border-github-border">
-              <div className="w-48 p-3 border-r border-github-border">
-                <span className="text-sm font-medium text-github-text-secondary">Tool Name</span>
-              </div>
-              {filteredTools.map((tool, index) => (
-                <div key={tool.id} className="w-24 p-3 border-r border-github-border text-center">
-                  <div className="transform -rotate-45 origin-center whitespace-nowrap">
-                    <span 
-                      className={`text-xs font-medium ${getCategoryColor(tool.category.name)}`}
-                      data-testid={`header-${tool.id}`}
-                    >
-                      {tool.name.length > 10 ? tool.name.substring(0, 10) + "..." : tool.name}
-                    </span>
-                  </div>
-                </div>
-              ))}
-            </div>
-            
-            {/* Matrix Rows */}
-            {filteredTools.map((rowTool) => (
-              <div 
-                key={rowTool.id} 
-                className="flex border-b border-github-border hover:bg-github-dark/50 transition-colors"
-                data-testid={`row-${rowTool.id}`}
-              >
-                <div className="w-48 p-3 border-r border-github-border">
-                  <div 
-                    className="flex items-center space-x-3 cursor-pointer"
-                    onClick={() => onToolClick(rowTool)}
-                  >
-                    <div className="w-8 h-8 bg-github-border rounded-lg flex items-center justify-center text-sm">
-                      {getCategoryIcon(rowTool.category.name)}
-                    </div>
-                    <div>
-                      <div className="text-sm font-medium text-github-text hover:text-neon-orange transition-colors" data-testid={`row-tool-name-${rowTool.id}`}>
-                        {rowTool.name}
-                      </div>
-                      <div className="text-xs text-github-text-secondary" data-testid={`row-tool-category-${rowTool.id}`}>
-                        {rowTool.category.name}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                
-                {filteredTools.map((colTool) => {
-                  const compatibility = getCompatibilityScore(rowTool, colTool);
-                  
-                  return (
-                    <div 
-                      key={colTool.id} 
-                      className="w-24 p-3 border-r border-github-border flex items-center justify-center"
-                      data-testid={`cell-${rowTool.id}-${colTool.id}`}
-                    >
-                      {compatibility ? (
-                        <Tooltip>
-                          <TooltipTrigger asChild>
-                            <div 
-                              className={`w-6 h-6 rounded matrix-cell cursor-pointer flex items-center justify-center ${getCompatibilityClass(compatibility.compatibilityScore)}`}
-                            >
-                              <span className="text-xs text-white font-medium">
-                                {Math.round(compatibility.compatibilityScore)}
-                              </span>
-                            </div>
-                          </TooltipTrigger>
-                          <TooltipContent className="bg-github-dark border-github-border text-github-text max-w-xs">
-                            <div className="text-sm">
-                              <div className="font-medium mb-1">
-                                {rowTool.name} ↔ {colTool.name}
-                              </div>
-                              <div className="text-xs text-github-text-secondary mb-1">
-                                Compatibility: {compatibility.compatibilityScore.toFixed(1)}%
-                              </div>
-                              {compatibility.notes && (
-                                <div className="text-xs text-github-text-secondary">
-                                  {compatibility.notes}
-                                </div>
-                              )}
-                              {compatibility.verifiedIntegration === 1 && (
-                                <Badge variant="secondary" className="mt-1 text-xs">
-                                  Verified Integration
-                                </Badge>
-                              )}
-                            </div>
-                          </TooltipContent>
-                        </Tooltip>
-                      ) : rowTool.id === colTool.id ? (
-                        <div className="w-6 h-6 bg-github-border rounded matrix-cell flex items-center justify-center">
-                          <span className="text-xs text-github-text-secondary">—</span>
-                        </div>
-                      ) : (
-                        <div className="w-6 h-6 bg-github-border/50 rounded matrix-cell flex items-center justify-center">
-                          <span className="text-xs text-github-text-secondary">?</span>
-                        </div>
-                      )}
-                    </div>
-                  );
-                })}
-              </div>
-            ))}
-          </div>
-        </div>
-      </Card>
-    </TooltipProvider>
-  );
-}
diff --git a/client/src/components/compatibility/compatibility-heatmap.tsx b/client/src/components/compatibility/compatibility-heatmap.tsx
deleted file mode 100644
index 9cd3471..0000000
--- a/client/src/components/compatibility/compatibility-heatmap.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-import React, { useMemo } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Badge } from '@/components/ui/badge';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import { Eye, EyeOff } from 'lucide-react';
-
-interface CompatibilityScore {
-  toolOneId: string;
-  toolTwoId: string;
-  compatibilityScore: number;
-  notes?: string;
-}
-
-interface Tool {
-  id: string;
-  name: string;
-  categoryId?: string;
-}
-
-interface CompatibilityHeatmapProps {
-  tools: Tool[];
-  compatibilities: CompatibilityScore[];
-  selectedTools?: string[];
-  onToolSelect?: (toolId: string) => void;
-}
-
-export function CompatibilityHeatmap({ 
-  tools, 
-  compatibilities,
-  selectedTools = [],
-  onToolSelect
-}: CompatibilityHeatmapProps) {
-  const [showLabels, setShowLabels] = React.useState(true);
-
-  // Create a map for quick compatibility lookup
-  const compatibilityMap = useMemo(() => {
-    const map = new Map<string, number>();
-    compatibilities.forEach(comp => {
-      const key1 = `${comp.toolOneId}-${comp.toolTwoId}`;
-      const key2 = `${comp.toolTwoId}-${comp.toolOneId}`;
-      map.set(key1, comp.compatibilityScore);
-      map.set(key2, comp.compatibilityScore);
-    });
-    return map;
-  }, [compatibilities]);
-
-  // Get compatibility score between two tools
-  const getCompatibilityScore = (tool1Id: string, tool2Id: string): number => {
-    if (tool1Id === tool2Id) return 100;
-    const key = `${tool1Id}-${tool2Id}`;
-    return compatibilityMap.get(key) || 50; // Default to neutral if no data
-  };
-
-  // Get color based on compatibility score
-  const getScoreColor = (score: number): string => {
-    if (score >= 90) return 'bg-green-600';
-    if (score >= 75) return 'bg-green-500';
-    if (score >= 60) return 'bg-yellow-500';
-    if (score >= 45) return 'bg-orange-500';
-    if (score >= 30) return 'bg-red-500';
-    return 'bg-red-600';
-  };
-
-  // Get text color for contrast
-  const getTextColor = (score: number): string => {
-    return score >= 60 ? 'text-white' : 'text-white';
-  };
-
-  // Sort tools by category for better visualization
-  const sortedTools = useMemo(() => {
-    return [...tools].sort((a, b) => {
-      if (a.categoryId === b.categoryId) {
-        return a.name.localeCompare(b.name);
-      }
-      return (a.categoryId || '').localeCompare(b.categoryId || '');
-    });
-  }, [tools]);
-
-  // Limit display to avoid overwhelming the UI
-  const displayTools = sortedTools.slice(0, 12);
-
-  return (
-    <Card>
-      <CardHeader>
-        <div className="flex items-center justify-between">
-          <div>
-            <CardTitle>Compatibility Matrix</CardTitle>
-            <CardDescription>
-              Visual heatmap showing compatibility scores between tools
-            </CardDescription>
-          </div>
-          <button
-            onClick={() => setShowLabels(!showLabels)}
-            className="p-2 rounded-lg hover:bg-github-surface transition-colors"
-            title={showLabels ? "Hide labels" : "Show labels"}
-          >
-            {showLabels ? <Eye className="h-4 w-4" /> : <EyeOff className="h-4 w-4" />}
-          </button>
-        </div>
-      </CardHeader>
-      <CardContent>
-        <div className="overflow-x-auto">
-          <div className="min-w-[600px]">
-            {/* Tool names on top */}
-            <div className="flex mb-2">
-              <div className="w-32"></div>
-              {displayTools.map((tool) => (
-                <div
-                  key={tool.id}
-                  className="flex-1 text-center"
-                  style={{ minWidth: '60px' }}
-                >
-                  <div className="text-xs text-muted-foreground transform -rotate-45 origin-bottom-left whitespace-nowrap">
-                    {tool.name.substring(0, 12)}
-                  </div>
-                </div>
-              ))}
-            </div>
-
-            {/* Matrix rows */}
-            {displayTools.map((rowTool) => (
-              <div key={rowTool.id} className="flex items-center mb-1">
-                {/* Tool name on left */}
-                <div className="w-32 pr-2 text-sm font-medium text-right truncate">
-                  {rowTool.name}
-                </div>
-
-                {/* Compatibility cells */}
-                {displayTools.map((colTool) => {
-                  const score = getCompatibilityScore(rowTool.id, colTool.id);
-                  const isSelected = selectedTools.includes(rowTool.id) && selectedTools.includes(colTool.id);
-                  const isDiagonal = rowTool.id === colTool.id;
-
-                  return (
-                    <TooltipProvider key={colTool.id}>
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <div
-                            className={`
-                              flex-1 aspect-square flex items-center justify-center
-                              text-xs font-medium cursor-pointer transition-all
-                              ${isDiagonal ? 'bg-gray-700' : getScoreColor(score)}
-                              ${getTextColor(score)}
-                              ${isSelected ? 'ring-2 ring-neon-orange' : ''}
-                              hover:scale-110 hover:z-10
-                              mx-0.5 rounded-sm
-                            `}
-                            style={{ minWidth: '60px', height: '60px' }}
-                            onClick={() => {
-                              if (!isDiagonal && onToolSelect) {
-                                onToolSelect(colTool.id);
-                              }
-                            }}
-                          >
-                            {showLabels && !isDiagonal && (
-                              <span>{Math.round(score)}</span>
-                            )}
-                            {isDiagonal && '—'}
-                          </div>
-                        </TooltipTrigger>
-                        <TooltipContent>
-                          <div className="text-sm">
-                            <div className="font-medium">
-                              {rowTool.name} ↔ {colTool.name}
-                            </div>
-                            {!isDiagonal && (
-                              <div className="mt-1">
-                                Compatibility: {Math.round(score)}%
-                              </div>
-                            )}
-                          </div>
-                        </TooltipContent>
-                      </Tooltip>
-                    </TooltipProvider>
-                  );
-                })}
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Legend */}
-        <div className="mt-6 flex items-center justify-center gap-6">
-          <div className="flex items-center gap-2">
-            <span className="text-xs text-muted-foreground">Poor</span>
-            <div className="flex gap-1">
-              <div className="w-6 h-6 bg-red-600 rounded-sm"></div>
-              <div className="w-6 h-6 bg-red-500 rounded-sm"></div>
-              <div className="w-6 h-6 bg-orange-500 rounded-sm"></div>
-              <div className="w-6 h-6 bg-yellow-500 rounded-sm"></div>
-              <div className="w-6 h-6 bg-green-500 rounded-sm"></div>
-              <div className="w-6 h-6 bg-green-600 rounded-sm"></div>
-            </div>
-            <span className="text-xs text-muted-foreground">Excellent</span>
-          </div>
-        </div>
-
-        {tools.length > 12 && (
-          <div className="mt-4 text-center">
-            <Badge variant="secondary" className="text-xs">
-              Showing top 12 of {tools.length} tools
-            </Badge>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/compatibility/stack-harmony.tsx b/client/src/components/compatibility/stack-harmony.tsx
deleted file mode 100644
index 91e4205..0000000
--- a/client/src/components/compatibility/stack-harmony.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-import React from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Badge } from '@/components/ui/badge';
-import { Progress } from '@/components/ui/progress';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-import { 
-  CheckCircle2, 
-  AlertCircle, 
-  XCircle, 
-  GitBranch,
-  Zap,
-  AlertTriangle
-} from 'lucide-react';
-
-interface CompatibilityPair {
-  toolA: string;
-  toolB: string;
-  score: number;
-  difficulty: 'easy' | 'medium' | 'hard';
-  notes: string;
-}
-
-interface StackHarmonyProps {
-  harmonyScore: number;
-  compatibilityMatrix: CompatibilityPair[];
-  conflicts?: string[];
-  warnings?: string[];
-  integrationComplexity?: 'low' | 'medium' | 'high';
-}
-
-export function StackHarmony({ 
-  harmonyScore, 
-  compatibilityMatrix, 
-  conflicts = [],
-  warnings = [],
-  integrationComplexity = 'medium'
-}: StackHarmonyProps) {
-  const getScoreColor = (score: number) => {
-    if (score >= 80) return 'text-green-500';
-    if (score >= 60) return 'text-yellow-500';
-    if (score >= 40) return 'text-orange-500';
-    return 'text-red-500';
-  };
-
-  const getScoreBg = (score: number) => {
-    if (score >= 80) return 'bg-green-500/10 border-green-500/20';
-    if (score >= 60) return 'bg-yellow-500/10 border-yellow-500/20';
-    if (score >= 40) return 'bg-orange-500/10 border-orange-500/20';
-    return 'bg-red-500/10 border-red-500/20';
-  };
-
-  const getDifficultyIcon = (difficulty: string) => {
-    switch (difficulty) {
-      case 'easy': return <Zap className="h-3 w-3 text-green-500" />;
-      case 'medium': return <GitBranch className="h-3 w-3 text-yellow-500" />;
-      case 'hard': return <AlertTriangle className="h-3 w-3 text-red-500" />;
-      default: return null;
-    }
-  };
-
-  const getComplexityBadge = (complexity: string) => {
-    const variants = {
-      low: 'default',
-      medium: 'secondary',
-      high: 'destructive'
-    } as const;
-    
-    return (
-      <Badge variant={variants[complexity as keyof typeof variants] || 'secondary'}>
-        {complexity} complexity
-      </Badge>
-    );
-  };
-
-  const getHarmonyLabel = (score: number) => {
-    if (score >= 90) return 'Excellent Harmony';
-    if (score >= 75) return 'Good Harmony';
-    if (score >= 60) return 'Moderate Harmony';
-    if (score >= 40) return 'Low Harmony';
-    return 'Poor Harmony';
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <div className="flex items-center justify-between">
-          <CardTitle>Stack Harmony Analysis</CardTitle>
-          {integrationComplexity && getComplexityBadge(integrationComplexity)}
-        </div>
-        <CardDescription>
-          Compatibility analysis of your selected tech stack
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        {/* Overall Harmony Score */}
-        <div>
-          <div className="flex items-center justify-between mb-2">
-            <span className={`text-lg font-semibold ${getScoreColor(harmonyScore)}`}>
-              {getHarmonyLabel(harmonyScore)}
-            </span>
-            <span className="text-2xl font-bold">{harmonyScore}%</span>
-          </div>
-          <Progress value={harmonyScore} className="h-3" />
-        </div>
-
-        {/* Compatibility Matrix */}
-        <div>
-          <h4 className="text-sm font-medium mb-3">Tool Compatibility Breakdown</h4>
-          <div className="space-y-2">
-            {compatibilityMatrix.map((pair, idx) => (
-              <div 
-                key={idx} 
-                className={`p-3 rounded-lg border ${getScoreBg(pair.score)}`}
-              >
-                <div className="flex items-center justify-between mb-1">
-                  <div className="flex items-center gap-2">
-                    <span className="font-medium">{pair.toolA}</span>
-                    <span className="text-muted-foreground">↔</span>
-                    <span className="font-medium">{pair.toolB}</span>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    {getDifficultyIcon(pair.difficulty)}
-                    <span className={`font-semibold ${getScoreColor(pair.score)}`}>
-                      {pair.score}%
-                    </span>
-                  </div>
-                </div>
-                <p className="text-xs text-muted-foreground">{pair.notes}</p>
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Conflicts */}
-        {conflicts.length > 0 && (
-          <Alert variant="destructive">
-            <XCircle className="h-4 w-4" />
-            <AlertDescription>
-              <strong>Conflicts detected:</strong>
-              <ul className="mt-1 list-disc list-inside">
-                {conflicts.map((conflict, idx) => (
-                  <li key={idx} className="text-sm">{conflict}</li>
-                ))}
-              </ul>
-            </AlertDescription>
-          </Alert>
-        )}
-
-        {/* Warnings */}
-        {warnings.length > 0 && (
-          <Alert>
-            <AlertCircle className="h-4 w-4" />
-            <AlertDescription>
-              <strong>Warnings:</strong>
-              <ul className="mt-1 list-disc list-inside">
-                {warnings.map((warning, idx) => (
-                  <li key={idx} className="text-sm">{warning}</li>
-                ))}
-              </ul>
-            </AlertDescription>
-          </Alert>
-        )}
-
-        {/* Success Message */}
-        {harmonyScore >= 80 && conflicts.length === 0 && (
-          <Alert className="border-green-500/20 bg-green-500/10">
-            <CheckCircle2 className="h-4 w-4 text-green-500" />
-            <AlertDescription className="text-green-900 dark:text-green-100">
-              This stack has excellent compatibility! All tools work well together with minimal integration effort required.
-            </AlertDescription>
-          </Alert>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/edit-tool-dialog.tsx b/client/src/components/edit-tool-dialog.tsx
deleted file mode 100644
index 56123d8..0000000
--- a/client/src/components/edit-tool-dialog.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import { useState, useEffect } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { useToast } from "@/hooks/use-toast";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { apiRequest, queryClient } from "@/lib/queryClient";
-import type { ToolWithCategory } from "@shared/schema";
-
-interface EditToolDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  tool: ToolWithCategory;
-}
-
-export function EditToolDialog({ open, onOpenChange, tool }: EditToolDialogProps) {
-  const { toast } = useToast();
-  const [formData, setFormData] = useState({
-    name: tool.name,
-    description: tool.description || "",
-    categoryId: tool.categoryId,
-    url: tool.url || "",
-    pricing: tool.pricing || "",
-    notes: tool.notes || "",
-    popularityScore: tool.popularityScore,
-    maturityScore: tool.maturityScore,
-  });
-
-  useEffect(() => {
-    setFormData({
-      name: tool.name,
-      description: tool.description || "",
-      categoryId: tool.categoryId,
-      url: tool.url || "",
-      pricing: tool.pricing || "",
-      notes: tool.notes || "",
-      popularityScore: tool.popularityScore,
-      maturityScore: tool.maturityScore,
-    });
-  }, [tool]);
-
-  const { data: categories = [] } = useQuery({
-    queryKey: ["/api/categories"],
-  });
-
-  const updateTool = useMutation({
-    mutationFn: async (data: typeof formData) => {
-      return apiRequest(`/api/tools/${tool.id}`, "PUT", {
-        ...data,
-      });
-    },
-    onSuccess: () => {
-      toast({
-        title: "Tool updated",
-        description: "The tool has been updated successfully.",
-      });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools/quality"] });
-      onOpenChange(false);
-    },
-    onError: () => {
-      toast({
-        title: "Error",
-        description: "Failed to update tool. Please try again.",
-        variant: "destructive",
-      });
-    },
-  });
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    if (!formData.name || !formData.description || !formData.categoryId) {
-      toast({
-        title: "Missing fields",
-        description: "Please fill in all required fields.",
-        variant: "destructive",
-      });
-      return;
-    }
-    updateTool.mutate(formData);
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[525px]">
-        <form onSubmit={handleSubmit}>
-          <DialogHeader>
-            <DialogTitle>Edit Tool</DialogTitle>
-            <DialogDescription>
-              Update the development tool information.
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="name" className="text-right">
-                Name *
-              </Label>
-              <Input
-                id="name"
-                value={formData.name}
-                onChange={(e) => setFormData({ ...formData, name: e.target.value })}
-                className="col-span-3"
-                required
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="description" className="text-right">
-                Description *
-              </Label>
-              <Textarea
-                id="description"
-                value={formData.description}
-                onChange={(e) => setFormData({ ...formData, description: e.target.value })}
-                className="col-span-3"
-                required
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="category" className="text-right">
-                Category *
-              </Label>
-              <Select
-                value={formData.categoryId}
-                onValueChange={(value) => setFormData({ ...formData, categoryId: value })}
-              >
-                <SelectTrigger className="col-span-3">
-                  <SelectValue placeholder="Select a category" />
-                </SelectTrigger>
-                <SelectContent>
-                  {categories.map((category) => (
-                    <SelectItem key={category.id} value={category.id}>
-                      {category.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="url" className="text-right">
-                URL
-              </Label>
-              <Input
-                id="url"
-                type="url"
-                value={formData.url}
-                onChange={(e) => setFormData({ ...formData, url: e.target.value })}
-                className="col-span-3"
-                placeholder="https://example.com"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="pricing" className="text-right">
-                Pricing
-              </Label>
-              <Input
-                id="pricing"
-                value={formData.pricing}
-                onChange={(e) => setFormData({ ...formData, pricing: e.target.value })}
-                className="col-span-3"
-                placeholder="Free tier, Pro $20/month"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="popularity" className="text-right">
-                Popularity (0-10)
-              </Label>
-              <Input
-                id="popularity"
-                type="number"
-                min="0"
-                max="10"
-                step="0.1"
-                value={formData.popularityScore}
-                onChange={(e) => setFormData({ ...formData, popularityScore: parseFloat(e.target.value) })}
-                className="col-span-3"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="maturity" className="text-right">
-                Maturity (0-10)
-              </Label>
-              <Input
-                id="maturity"
-                type="number"
-                min="0"
-                max="10"
-                step="0.1"
-                value={formData.maturityScore}
-                onChange={(e) => setFormData({ ...formData, maturityScore: parseFloat(e.target.value) })}
-                className="col-span-3"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="notes" className="text-right">
-                Notes
-              </Label>
-              <Textarea
-                id="notes"
-                value={formData.notes}
-                onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
-                className="col-span-3"
-                placeholder="Additional information about the tool"
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
-              Cancel
-            </Button>
-            <Button type="submit" disabled={updateTool.isPending}>
-              {updateTool.isPending ? "Updating..." : "Update Tool"}
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
diff --git a/client/src/components/external-data-sources.tsx b/client/src/components/external-data-sources.tsx
deleted file mode 100644
index 5164ec0..0000000
--- a/client/src/components/external-data-sources.tsx
+++ /dev/null
@@ -1,491 +0,0 @@
-import { useState } from "react";
-import { useQuery, useMutation } from "@tanstack/react-query";
-import { queryClient, apiRequest } from "@/lib/queryClient";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import { Progress } from "@/components/ui/progress";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Switch } from "@/components/ui/switch";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
-import { 
-  Download, 
-  Database, 
-  Globe, 
-  Lock,
-  Info,
-  Loader2,
-  CheckCircle2,
-  AlertCircle,
-  AlertTriangle,
-  Package,
-  Code,
-  TrendingUp,
-  Sparkles,
-  Link,
-  Eye,
-  EyeOff
-} from "lucide-react";
-import { useToast } from "@/hooks/use-toast";
-import { SiGithub, SiNpm, SiProducthunt } from "react-icons/si";
-
-interface DataSource {
-  id: string;
-  name: string;
-  requiresAuth: boolean;
-  type: string;
-  description: string;
-}
-
-interface ImportResults {
-  total: number;
-  imported: number;
-  updated: number;
-  failed: number;
-  skipped: number;
-  duration: number;
-  sources: Record<string, number>;
-}
-
-export function ExternalDataSources() {
-  const [selectedSources, setSelectedSources] = useState<string[]>(['back4app', 'producthunt']);
-  const [apiKeys, setApiKeys] = useState<Record<string, string>>({});
-  const [showApiKeys, setShowApiKeys] = useState<Record<string, boolean>>({});
-  const [importProgress, setImportProgress] = useState<number>(0);
-  const [dryRun, setDryRun] = useState(false);
-  const [updateExisting, setUpdateExisting] = useState(true);
-  const { toast } = useToast();
-
-  // Fetch available data sources
-  const { data: dataSources = [], isLoading: sourcesLoading } = useQuery<DataSource[]>({
-    queryKey: ["/api/external-sources/available"]
-  });
-
-  // Import mutation
-  const importMutation = useMutation({
-    mutationFn: async () => {
-      const response = await apiRequest("POST", "/api/external-sources/import", {
-        sources: selectedSources,
-        apiKeys,
-        dryRun
-      });
-      return response.json() as Promise<ImportResults>;
-    },
-    onSuccess: (data) => {
-      if (dryRun) {
-        toast({
-          title: "Dry Run Complete",
-          description: `Would import ${data.imported} new tools and update ${data.updated} existing tools.`
-        });
-      } else {
-        toast({
-          title: "Import Successful",
-          description: `Imported ${data.imported} new tools and updated ${data.updated} existing tools in ${(data.duration / 1000).toFixed(1)}s`
-        });
-        queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      }
-      setImportProgress(0);
-    },
-    onError: (error) => {
-      toast({
-        title: "Import Failed",
-        description: "Failed to import tools from external sources. Please try again.",
-        variant: "destructive"
-      });
-      setImportProgress(0);
-    }
-  });
-
-  // Sync mutation
-  const syncMutation = useMutation({
-    mutationFn: async () => {
-      const response = await apiRequest("POST", "/api/external-sources/sync", {
-        sources: selectedSources,
-        apiKeys,
-        updateExisting
-      });
-      return response.json();
-    },
-    onSuccess: (data) => {
-      toast({
-        title: "Sync Complete",
-        description: `Synced ${data.imported + data.updated} tools from ${Object.keys(data.sources).length} sources`
-      });
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-    },
-    onError: (error) => {
-      toast({
-        title: "Sync Failed",
-        description: "Failed to sync data sources. Please try again.",
-        variant: "destructive"
-      });
-    }
-  });
-
-  const handleImport = async () => {
-    setImportProgress(10);
-    
-    // Simulate progress
-    const progressInterval = setInterval(() => {
-      setImportProgress(prev => {
-        if (prev >= 90) {
-          clearInterval(progressInterval);
-          return 90;
-        }
-        return prev + 10;
-      });
-    }, 500);
-
-    await importMutation.mutateAsync();
-    clearInterval(progressInterval);
-    setImportProgress(100);
-    
-    setTimeout(() => setImportProgress(0), 2000);
-  };
-
-  const toggleSource = (sourceId: string) => {
-    setSelectedSources(prev => 
-      prev.includes(sourceId)
-        ? prev.filter(id => id !== sourceId)
-        : [...prev, sourceId]
-    );
-  };
-
-  const getSourceIcon = (sourceId: string) => {
-    switch (sourceId) {
-      case 'github':
-        return <SiGithub className="h-5 w-5" />;
-      case 'npm':
-        return <SiNpm className="h-5 w-5" />;
-      case 'producthunt':
-        return <SiProducthunt className="h-5 w-5" />;
-      case 'back4app':
-        return <Database className="h-5 w-5" />;
-      default:
-        return <Globe className="h-5 w-5" />;
-    }
-  };
-
-  const getSourceStats = (sourceId: string) => {
-    const stats: Record<string, { tools: string; update: string }> = {
-      github: { tools: '10,000+', update: 'Real-time' },
-      npm: { tools: '2M+', update: 'Daily' },
-      back4app: { tools: '500+', update: 'Weekly' },
-      producthunt: { tools: '1,000+', update: 'Daily' },
-      devhunt: { tools: '500+', update: 'Daily' }
-    };
-    return stats[sourceId] || { tools: 'Unknown', update: 'Unknown' };
-  };
-
-  if (sourcesLoading) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardContent className="flex items-center justify-center py-8">
-          <Loader2 className="h-8 w-8 animate-spin text-github-text-secondary" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <div className="flex items-center justify-between">
-            <div>
-              <CardTitle className="text-github-text">External Data Sources</CardTitle>
-              <CardDescription>
-                Import tools from GitHub, npm, Product Hunt, and more
-              </CardDescription>
-            </div>
-            <Badge variant="outline" className="text-neon-orange border-neon-orange">
-              <Sparkles className="h-3 w-3 mr-1" />
-              Dynamic Data
-            </Badge>
-          </div>
-        </CardHeader>
-        <CardContent>
-          <Alert className="mb-6">
-            <Info className="h-4 w-4" />
-            <AlertTitle>Comprehensive Tool Discovery</AlertTitle>
-            <AlertDescription>
-              Connect to multiple data sources to automatically discover and import thousands of developer tools. 
-              This replaces the static tool list with a dynamic, always-updated database.
-            </AlertDescription>
-          </Alert>
-
-          <div className="space-y-6">
-            {/* Source Selection */}
-            <div>
-              <h3 className="text-sm font-medium text-github-text mb-4">Select Data Sources</h3>
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                {dataSources.map(source => {
-                  const isSelected = selectedSources.includes(source.id);
-                  const stats = getSourceStats(source.id);
-                  
-                  return (
-                    <div
-                      key={source.id}
-                      className={`p-4 rounded-lg border-2 transition-all cursor-pointer ${
-                        isSelected 
-                          ? "bg-neon-orange/10 border-neon-orange" 
-                          : "bg-github-canvas border-github-border hover:border-github-text-secondary"
-                      }`}
-                      onClick={() => toggleSource(source.id)}
-                    >
-                      <div className="flex items-start gap-3">
-                        <Checkbox
-                          checked={isSelected}
-                          onCheckedChange={() => toggleSource(source.id)}
-                          className="mt-1"
-                          data-testid={`checkbox-source-${source.id}`}
-                        />
-                        <div className="flex-1">
-                          <div className="flex items-center gap-2 mb-1">
-                            {getSourceIcon(source.id)}
-                            <span className="font-medium text-github-text">{source.name}</span>
-                            {source.requiresAuth && (
-                              <Lock className="h-3 w-3 text-yellow-500" />
-                            )}
-                          </div>
-                          <p className="text-sm text-github-text-secondary mb-2">
-                            {source.description}
-                          </p>
-                          <div className="flex items-center gap-4 text-xs">
-                            <span className="flex items-center gap-1">
-                              <Package className="h-3 w-3" />
-                              {stats.tools} tools
-                            </span>
-                            <span className="flex items-center gap-1">
-                              <TrendingUp className="h-3 w-3" />
-                              {stats.update} updates
-                            </span>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  );
-                })}
-              </div>
-            </div>
-
-            {/* API Keys Configuration */}
-            <Accordion type="single" collapsible className="w-full">
-              <AccordionItem value="api-keys">
-                <AccordionTrigger>
-                  <div className="flex items-center gap-2">
-                    <Lock className="h-4 w-4" />
-                    API Configuration (Optional)
-                  </div>
-                </AccordionTrigger>
-                <AccordionContent>
-                  <div className="space-y-4 pt-4">
-                    <Alert>
-                      <Info className="h-4 w-4" />
-                      <AlertDescription>
-                        Some sources work without authentication but have rate limits. 
-                        Add API keys for higher limits and access to premium features.
-                      </AlertDescription>
-                    </Alert>
-                    
-                    {dataSources
-                      .filter(source => source.requiresAuth && selectedSources.includes(source.id))
-                      .map(source => (
-                        <div key={source.id} className="space-y-2">
-                          <Label htmlFor={`api-${source.id}`}>
-                            {source.name} API Key
-                          </Label>
-                          <div className="flex gap-2">
-                            <div className="relative flex-1">
-                              <Input
-                                id={`api-${source.id}`}
-                                type={showApiKeys[source.id] ? "text" : "password"}
-                                placeholder={`Enter ${source.name} API key`}
-                                value={apiKeys[source.id] || ''}
-                                onChange={(e) => setApiKeys(prev => ({
-                                  ...prev,
-                                  [source.id]: e.target.value
-                                }))}
-                                data-testid={`input-api-${source.id}`}
-                              />
-                              <Button
-                                type="button"
-                                variant="ghost"
-                                size="sm"
-                                className="absolute right-0 top-0 h-full px-3"
-                                onClick={() => setShowApiKeys(prev => ({
-                                  ...prev,
-                                  [source.id]: !prev[source.id]
-                                }))}
-                              >
-                                {showApiKeys[source.id] ? (
-                                  <EyeOff className="h-4 w-4" />
-                                ) : (
-                                  <Eye className="h-4 w-4" />
-                                )}
-                              </Button>
-                            </div>
-                          </div>
-                        </div>
-                      ))}
-                  </div>
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-
-            {/* Import Options */}
-            <div className="space-y-4">
-              <h3 className="text-sm font-medium text-github-text">Import Options</h3>
-              
-              <div className="flex items-center justify-between">
-                <div className="space-y-0.5">
-                  <Label htmlFor="dry-run">Dry Run</Label>
-                  <p className="text-sm text-github-text-secondary">
-                    Preview what would be imported without making changes
-                  </p>
-                </div>
-                <Switch
-                  id="dry-run"
-                  checked={dryRun}
-                  onCheckedChange={setDryRun}
-                  data-testid="switch-dry-run"
-                />
-              </div>
-
-              <div className="flex items-center justify-between">
-                <div className="space-y-0.5">
-                  <Label htmlFor="update-existing">Update Existing Tools</Label>
-                  <p className="text-sm text-github-text-secondary">
-                    Update tools that already exist in the database
-                  </p>
-                </div>
-                <Switch
-                  id="update-existing"
-                  checked={updateExisting}
-                  onCheckedChange={setUpdateExisting}
-                  data-testid="switch-update-existing"
-                />
-              </div>
-            </div>
-
-            {/* Progress Bar */}
-            {importProgress > 0 && (
-              <div className="space-y-2">
-                <Progress value={importProgress} className="h-2" />
-                <p className="text-sm text-github-text-secondary">
-                  {importProgress < 100 ? 'Importing tools...' : 'Import complete!'} {importProgress}%
-                </p>
-              </div>
-            )}
-
-            {/* Action Buttons */}
-            <div className="flex gap-3">
-              <Button
-                onClick={handleImport}
-                disabled={selectedSources.length === 0 || importMutation.isPending}
-                className="flex-1"
-                data-testid="button-import"
-              >
-                {importMutation.isPending ? (
-                  <>
-                    <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                    Importing...
-                  </>
-                ) : (
-                  <>
-                    <Download className="h-4 w-4 mr-2" />
-                    {dryRun ? 'Preview Import' : 'Import Tools'}
-                  </>
-                )}
-              </Button>
-              
-              <Button
-                variant="outline"
-                onClick={() => syncMutation.mutate()}
-                disabled={selectedSources.length === 0 || syncMutation.isPending}
-                data-testid="button-sync"
-              >
-                {syncMutation.isPending ? (
-                  <Loader2 className="h-4 w-4 animate-spin" />
-                ) : (
-                  <Link className="h-4 w-4" />
-                )}
-              </Button>
-            </div>
-
-            {/* Results Display */}
-            {importMutation.data && (
-              <Card className="bg-github-canvas border-github-border">
-                <CardHeader>
-                  <CardTitle className="text-sm">Import Results</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <div className="grid grid-cols-2 md:grid-cols-5 gap-4">
-                    <div>
-                      <p className="text-sm text-github-text-secondary">New Tools</p>
-                      <p className="text-xl font-bold text-green-500">{importMutation.data.imported}</p>
-                    </div>
-                    <div>
-                      <p className="text-sm text-github-text-secondary">Updated</p>
-                      <p className="text-xl font-bold text-blue-500">{importMutation.data.updated}</p>
-                    </div>
-                    <div>
-                      <p className="text-sm text-github-text-secondary">Skipped</p>
-                      <p className="text-xl font-bold text-yellow-500">{importMutation.data.skipped || 0}</p>
-                    </div>
-                    <div>
-                      <p className="text-sm text-github-text-secondary">Failed</p>
-                      <p className="text-xl font-bold text-red-500">{importMutation.data.failed}</p>
-                    </div>
-                    <div>
-                      <p className="text-sm text-github-text-secondary">Duration</p>
-                      <p className="text-xl font-bold text-github-text">
-                        {(importMutation.data.duration / 1000).toFixed(1)}s
-                      </p>
-                    </div>
-                  </div>
-                  
-                  {Object.keys(importMutation.data.sources).length > 0 && (
-                    <div className="mt-4 pt-4 border-t border-github-border">
-                      <p className="text-sm text-github-text-secondary mb-2">By Source:</p>
-                      <div className="flex flex-wrap gap-2">
-                        {Object.entries(importMutation.data.sources).map(([source, count]) => (
-                          <Badge key={source} variant="secondary">
-                            {source}: {count} tools
-                          </Badge>
-                        ))}
-                      </div>
-                    </div>
-                  )}
-                  
-                  {importMutation.data.skipped > 0 && (
-                    <Alert className="mt-4">
-                      <Info className="h-4 w-4" />
-                      <AlertDescription>
-                        {importMutation.data.skipped} tools were skipped because they already exist in the database. 
-                        {!updateExisting && " Enable 'Update Existing Tools' to refresh their data."}
-                      </AlertDescription>
-                    </Alert>
-                  )}
-                  
-                  {importMutation.data.imported === 0 && importMutation.data.skipped === 0 && (
-                    <Alert className="mt-4" variant="destructive">
-                      <AlertTriangle className="h-4 w-4" />
-                      <AlertDescription>
-                        No new tools found. This may happen if the source has no new tools or if there was an error fetching data.
-                        Try selecting different sources or check your API keys.
-                      </AlertDescription>
-                    </Alert>
-                  )}
-                </CardContent>
-              </Card>
-            )}
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/layout/header.tsx b/client/src/components/layout/header.tsx
deleted file mode 100644
index c81e4cb..0000000
--- a/client/src/components/layout/header.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Search, Command, Bell, User } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-
-interface HeaderProps {
-  onOpenCommandPalette: () => void;
-}
-
-export function Header({ onOpenCommandPalette }: HeaderProps) {
-  return (
-    <header className="bg-github-dark border-b border-github-border sticky top-0 z-30 h-14">
-      <div className="flex items-center justify-between h-full px-4 lg:pl-20">
-        {/* Left side - Search */}
-        <div className="flex items-center flex-1 max-w-2xl">
-          <button
-            onClick={onOpenCommandPalette}
-            className="flex items-center gap-3 px-4 py-1.5 bg-github-surface hover:bg-github-border rounded-lg border border-github-border transition-colors flex-1 max-w-md group"
-            data-testid="header-search-button"
-          >
-            <Search className="h-4 w-4 text-github-text-secondary" />
-            <span className="text-sm text-github-text-secondary">Search tools, actions...</span>
-            <kbd className="ml-auto hidden sm:inline-flex h-5 select-none items-center gap-1 rounded border border-github-border bg-github-dark px-1.5 text-[10px] font-medium text-github-text-secondary group-hover:border-neon-orange/30">
-              <Command className="h-3 w-3" />K
-            </kbd>
-          </button>
-        </div>
-
-        {/* Right side - Actions */}
-        <div className="flex items-center gap-3">
-          {/* Notifications */}
-          <Button
-            variant="ghost"
-            size="icon"
-            className="relative hover:bg-github-surface"
-            data-testid="header-notifications"
-          >
-            <Bell className="h-4 w-4 text-github-text-secondary" />
-            <Badge 
-              className="absolute -top-1 -right-1 h-4 w-4 p-0 flex items-center justify-center bg-neon-orange border-0"
-            >
-              <span className="text-[10px]">3</span>
-            </Badge>
-          </Button>
-
-          {/* User Menu */}
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button 
-                variant="ghost" 
-                className="relative h-8 w-8 rounded-full hover:bg-github-surface"
-                data-testid="header-user-menu"
-              >
-                <Avatar className="h-8 w-8">
-                  <AvatarImage src="" alt="User" />
-                  <AvatarFallback className="bg-github-surface text-xs">U</AvatarFallback>
-                </Avatar>
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-56 bg-github-surface border-github-border" align="end">
-              <DropdownMenuLabel>My Account</DropdownMenuLabel>
-              <DropdownMenuSeparator className="bg-github-border" />
-              <DropdownMenuItem className="hover:bg-github-dark" data-testid="menu-profile">
-                <User className="mr-2 h-4 w-4" />
-                Profile
-              </DropdownMenuItem>
-              <DropdownMenuItem className="hover:bg-github-dark" data-testid="menu-settings">
-                Settings
-              </DropdownMenuItem>
-              <DropdownMenuItem className="hover:bg-github-dark" data-testid="menu-help">
-                Help & Support
-              </DropdownMenuItem>
-              <DropdownMenuSeparator className="bg-github-border" />
-              <DropdownMenuItem className="hover:bg-github-dark text-red-400" data-testid="menu-logout">
-                Log out
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-        </div>
-      </div>
-    </header>
-  );
-}
diff --git a/client/src/components/layout/navigation.tsx b/client/src/components/layout/navigation.tsx
deleted file mode 100644
index 164f0c6..0000000
--- a/client/src/components/layout/navigation.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Home, Database, GitCompare, BarChart3, Package, Grid3x3, Sparkles, ArrowRightLeft } from "lucide-react";
-import { cn } from "@/lib/utils";
-
-interface NavigationProps {
-  activeTab: string;
-  onTabChange: (tab: string) => void;
-}
-
-const navigationTabs = [
-  {
-    id: "dashboard",
-    label: "Dashboard",
-    icon: Home,
-  },
-  {
-    id: "stack-builder",
-    label: "Stack Builder",
-    icon: Package,
-  },
-  {
-    id: "blueprint",
-    label: "Blueprint Builder",
-    icon: Sparkles,
-  },
-  {
-    id: "compare",
-    label: "Compare Tools",
-    icon: GitCompare,
-  },
-  {
-    id: "database",
-    label: "Tool Database",
-    icon: Database,
-  },
-  {
-    id: "matrix",
-    label: "Compatibility Matrix",
-    icon: Grid3x3,
-  },
-  {
-    id: "analytics",
-    label: "Analytics",
-    icon: BarChart3,
-  },
-  {
-    id: "migration",
-    label: "Migration Wizard",
-    icon: ArrowRightLeft,
-  },
-];
-
-export function Navigation({ activeTab, onTabChange }: NavigationProps) {
-  return (
-    <div className="mb-6">
-      <nav className="flex space-x-1 bg-github-surface rounded-lg p-1">
-        {navigationTabs.map((tab) => {
-          const Icon = tab.icon;
-          return (
-            <button
-              key={tab.id}
-              onClick={() => onTabChange(tab.id)}
-              className={cn(
-                "category-tab flex items-center space-x-2 px-4 py-2 rounded-md text-sm font-medium transition-all",
-                activeTab === tab.id
-                  ? "active text-white"
-                  : "text-github-text-secondary hover:text-github-text"
-              )}
-              data-testid={`tab-${tab.id}`}
-            >
-              <Icon className="w-4 h-4" />
-              <span>{tab.label}</span>
-            </button>
-          );
-        })}
-      </nav>
-    </div>
-  );
-}
diff --git a/client/src/components/layout/sidebar.tsx b/client/src/components/layout/sidebar.tsx
deleted file mode 100644
index 659af59..0000000
--- a/client/src/components/layout/sidebar.tsx
+++ /dev/null
@@ -1,305 +0,0 @@
-import { useState } from "react";
-import { Link, useLocation } from "wouter";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Badge } from "@/components/ui/badge";
-import {
-  Home,
-  Layers,
-  Sparkles,
-  Database,
-  GitCompare,
-  Grid3x3,
-  BarChart3,
-  ChevronRight,
-  Menu,
-  X,
-  Command,
-  Settings,
-  HelpCircle,
-  Plus,
-  Zap,
-  BookOpen,
-  Cpu,
-} from "lucide-react";
-
-interface SidebarProps {
-  onAddTool: () => void;
-  onOpenCommandPalette: () => void;
-}
-
-const navigation = [
-  {
-    title: "Getting Started",
-    items: [
-      {
-        name: "Dashboard",
-        href: "/",
-        icon: Home,
-        description: "Overview and quick actions",
-        badge: null,
-      },
-      {
-        name: "Quick Start",
-        href: "/quickstart",
-        icon: Zap,
-        description: "Start building in seconds",
-        badge: "New",
-      },
-    ],
-  },
-  {
-    title: "Build",
-    items: [
-      {
-        name: "Stack Builder",
-        href: "/stack-builder",
-        icon: Layers,
-        description: "Build your tech stack",
-        badge: null,
-      },
-      {
-        name: "AI Blueprint",
-        href: "/blueprint",
-        icon: Sparkles,
-        description: "Generate with AI",
-        badge: "AI",
-      },
-    ],
-  },
-  {
-    title: "Explore",
-    items: [
-      {
-        name: "Tool Database",
-        href: "/tools",
-        icon: Database,
-        description: "Browse all tools",
-        badge: null,
-      },
-      {
-        name: "Compare",
-        href: "/compare",
-        icon: GitCompare,
-        description: "Compare tools side-by-side",
-        badge: null,
-      },
-      {
-        name: "Compatibility",
-        href: "/compatibility",
-        icon: Grid3x3,
-        description: "View compatibility matrix",
-        badge: null,
-      },
-    ],
-  },
-  {
-    title: "Insights",
-    items: [
-      {
-        name: "Analytics",
-        href: "/analytics",
-        icon: BarChart3,
-        description: "Trends and statistics",
-        badge: null,
-      },
-    ],
-  },
-];
-
-const bottomNavigation = [
-  {
-    name: "Documentation",
-    href: "/docs",
-    icon: BookOpen,
-  },
-  {
-    name: "Help",
-    href: "/help",
-    icon: HelpCircle,
-  },
-  {
-    name: "Settings",
-    href: "/settings",
-    icon: Settings,
-  },
-];
-
-export function Sidebar({ onAddTool, onOpenCommandPalette }: SidebarProps) {
-  const [location] = useLocation();
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const [isMobileOpen, setIsMobileOpen] = useState(false);
-
-  const isActive = (href: string) => {
-    if (href === "/") return location === href;
-    return location.startsWith(href);
-  };
-
-  return (
-    <>
-      {/* Mobile Menu Button */}
-      <button
-        onClick={() => setIsMobileOpen(!isMobileOpen)}
-        className="lg:hidden fixed top-4 left-4 z-50 p-2 rounded-lg bg-github-surface border border-github-border hover:bg-github-border transition-colors"
-        data-testid="button-mobile-menu"
-      >
-        {isMobileOpen ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
-      </button>
-
-      {/* Mobile Overlay */}
-      {isMobileOpen && (
-        <div
-          className="lg:hidden fixed inset-0 z-40 bg-black/50"
-          onClick={() => setIsMobileOpen(false)}
-        />
-      )}
-
-      {/* Sidebar */}
-      <aside
-        className={cn(
-          "fixed left-0 top-0 z-40 h-screen bg-github-surface border-r border-github-border transition-all duration-300",
-          isCollapsed ? "w-16" : "w-64",
-          isMobileOpen ? "translate-x-0" : "-translate-x-full lg:translate-x-0"
-        )}
-      >
-        <div className="flex h-full flex-col">
-          {/* Header */}
-          <div className="flex h-16 items-center justify-between px-4 border-b border-github-border">
-            {!isCollapsed && (
-              <div className="flex items-center space-x-2">
-                <div className="w-8 h-8 bg-neon-orange rounded-lg flex items-center justify-center">
-                  <Cpu className="w-5 h-5 text-white" />
-                </div>
-                <span className="font-semibold text-github-text">TechStack</span>
-              </div>
-            )}
-            <button
-              onClick={() => setIsCollapsed(!isCollapsed)}
-              className="hidden lg:block p-1.5 rounded-md hover:bg-github-border transition-colors"
-              data-testid="button-collapse-sidebar"
-            >
-              <ChevronRight
-                className={cn(
-                  "h-4 w-4 transition-transform",
-                  isCollapsed ? "" : "rotate-180"
-                )}
-              />
-            </button>
-          </div>
-
-          {/* Quick Actions */}
-          <div className="px-3 py-4 space-y-2">
-            <Button
-              onClick={onAddTool}
-              className="w-full bg-neon-orange hover:bg-neon-orange/90 justify-start"
-              size="sm"
-              data-testid="sidebar-button-add-tool"
-            >
-              <Plus className="h-4 w-4" />
-              {!isCollapsed && <span className="ml-2">Add Tool</span>}
-            </Button>
-            <Button
-              onClick={onOpenCommandPalette}
-              variant="outline"
-              className="w-full justify-start border-github-border hover:bg-github-border"
-              size="sm"
-              data-testid="sidebar-button-command"
-            >
-              <Command className="h-4 w-4" />
-              {!isCollapsed && (
-                <>
-                  <span className="ml-2 flex-1 text-left">Quick Search</span>
-                  <kbd className="ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-github-border bg-github-dark px-1.5 text-[10px] font-medium text-github-text-secondary">
-                    ⌘K
-                  </kbd>
-                </>
-              )}
-            </Button>
-          </div>
-
-          {/* Navigation */}
-          <ScrollArea className="flex-1 px-3">
-            <div className="space-y-6 pb-4">
-              {navigation.map((group) => (
-                <div key={group.title}>
-                  {!isCollapsed && (
-                    <h3 className="mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-github-text-secondary">
-                      {group.title}
-                    </h3>
-                  )}
-                  <div className="space-y-1">
-                    {group.items.map((item) => {
-                      const Icon = item.icon;
-                      const active = isActive(item.href);
-                      return (
-                        <Link key={item.name} href={item.href}>
-                          <button
-                            className={cn(
-                              "w-full flex items-center rounded-lg px-2 py-2 text-sm transition-colors group",
-                              active
-                                ? "bg-github-dark text-neon-orange"
-                                : "text-github-text-secondary hover:bg-github-dark hover:text-github-text"
-                            )}
-                            onClick={() => setIsMobileOpen(false)}
-                            data-testid={`sidebar-nav-${item.name.toLowerCase().replace(/\s+/g, '-')}`}
-                          >
-                            <Icon className={cn("h-4 w-4 flex-shrink-0", active && "text-neon-orange")} />
-                            {!isCollapsed && (
-                              <>
-                                <div className="ml-3 flex-1 text-left">
-                                  <div className="flex items-center gap-2">
-                                    <span>{item.name}</span>
-                                    {item.badge && (
-                                      <Badge
-                                        variant="secondary"
-                                        className={cn(
-                                          "h-5 text-[10px]",
-                                          item.badge === "AI" && "bg-purple-600/20 text-purple-400 border-purple-600/30",
-                                          item.badge === "New" && "bg-green-600/20 text-green-400 border-green-600/30"
-                                        )}
-                                      >
-                                        {item.badge}
-                                      </Badge>
-                                    )}
-                                  </div>
-                                  {!active && (
-                                    <p className="text-xs text-github-text-secondary opacity-0 group-hover:opacity-100 transition-opacity">
-                                      {item.description}
-                                    </p>
-                                  )}
-                                </div>
-                              </>
-                            )}
-                          </button>
-                        </Link>
-                      );
-                    })}
-                  </div>
-                </div>
-              ))}
-            </div>
-          </ScrollArea>
-
-          {/* Bottom Navigation */}
-          <div className="border-t border-github-border p-3 space-y-1">
-            {bottomNavigation.map((item) => {
-              const Icon = item.icon;
-              return (
-                <Link key={item.name} href={item.href}>
-                  <button
-                    className="w-full flex items-center rounded-lg px-2 py-2 text-sm text-github-text-secondary hover:bg-github-dark hover:text-github-text transition-colors"
-                    data-testid={`sidebar-bottom-${item.name.toLowerCase()}`}
-                  >
-                    <Icon className="h-4 w-4" />
-                    {!isCollapsed && <span className="ml-3">{item.name}</span>}
-                  </button>
-                </Link>
-              );
-            })}
-          </div>
-        </div>
-      </aside>
-    </>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/migration-paths.tsx b/client/src/components/migration-paths.tsx
deleted file mode 100644
index a6b1b7d..0000000
--- a/client/src/components/migration-paths.tsx
+++ /dev/null
@@ -1,299 +0,0 @@
-import { useState } from "react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { ArrowRight, AlertCircle, CheckCircle, XCircle, GitBranch, Clock, TrendingUp } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
-import { apiRequest } from "@/lib/queryClient";
-import type { Tool, ToolWithCategory } from "@shared/schema";
-
-interface MigrationPath {
-  fromTool: string;
-  toTool: string;
-  difficulty: "easy" | "moderate" | "complex";
-  estimatedTime: string;
-  steps: string[];
-  considerations: string[];
-  benefits: string[];
-  compatibility: number;
-}
-
-export function MigrationPaths() {
-  const [fromTool, setFromTool] = useState<string>("");
-  const [toTool, setToTool] = useState<string>("");
-  const [showPath, setShowPath] = useState(false);
-
-  // Fetch all tools
-  const { data: tools = [] } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools"]
-  });
-
-  // Fetch migration path
-  const { data: migrationPath, isLoading: pathLoading } = useQuery<MigrationPath | null>({
-    queryKey: ["/api/migration-path", fromTool, toTool],
-    queryFn: async () => {
-      if (!fromTool || !toTool) return null;
-      const response = await apiRequest("GET", `/api/migration-path?from=${fromTool}&to=${toTool}`);
-      return response.json();
-    },
-    enabled: showPath && !!fromTool && !!toTool
-  });
-
-  const handleAnalyzeMigration = () => {
-    if (fromTool && toTool) {
-      setShowPath(true);
-    }
-  };
-
-  const getDifficultyColor = (difficulty: string) => {
-    switch (difficulty) {
-      case "easy":
-        return "text-green-400 bg-green-900/20 border-green-600/30";
-      case "moderate":
-        return "text-yellow-400 bg-yellow-900/20 border-yellow-600/30";
-      case "complex":
-        return "text-red-400 bg-red-900/20 border-red-600/30";
-      default:
-        return "text-github-text-secondary";
-    }
-  };
-
-  const getCompatibilityColor = (score: number) => {
-    if (score >= 80) return "text-green-400";
-    if (score >= 60) return "text-yellow-400";
-    return "text-red-400";
-  };
-
-  // Group tools by category for better selection
-  const toolsByCategory = tools.reduce((acc, tool) => {
-    const category = tool.category.name;
-    if (!acc[category]) acc[category] = [];
-    acc[category].push(tool);
-    return acc;
-  }, {} as Record<string, ToolWithCategory[]>);
-
-  return (
-    <div className="space-y-6">
-      {/* Migration Tool Selector */}
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <GitBranch className="h-5 w-5 text-neon-orange" />
-            Migration Path Analyzer
-          </CardTitle>
-          <CardDescription>
-            Find the best path to migrate from one tool to another
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {/* From Tool Selection */}
-            <div className="space-y-2">
-              <label className="text-sm font-medium text-github-text">
-                Current Tool
-              </label>
-              <Select value={fromTool} onValueChange={setFromTool}>
-                <SelectTrigger className="bg-github-dark border-github-border">
-                  <SelectValue placeholder="Select current tool" />
-                </SelectTrigger>
-                <SelectContent className="bg-github-dark border-github-border">
-                  {Object.entries(toolsByCategory).map(([category, categoryTools]) => (
-                    <div key={category}>
-                      <div className="px-2 py-1 text-xs font-semibold text-github-text-secondary">
-                        {category}
-                      </div>
-                      {categoryTools.map(tool => (
-                        <SelectItem 
-                          key={tool.id} 
-                          value={tool.id}
-                          className="text-github-text"
-                        >
-                          {tool.name}
-                        </SelectItem>
-                      ))}
-                    </div>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* To Tool Selection */}
-            <div className="space-y-2">
-              <label className="text-sm font-medium text-github-text">
-                Target Tool
-              </label>
-              <Select value={toTool} onValueChange={setToTool}>
-                <SelectTrigger className="bg-github-dark border-github-border">
-                  <SelectValue placeholder="Select target tool" />
-                </SelectTrigger>
-                <SelectContent className="bg-github-dark border-github-border">
-                  {Object.entries(toolsByCategory).map(([category, categoryTools]) => (
-                    <div key={category}>
-                      <div className="px-2 py-1 text-xs font-semibold text-github-text-secondary">
-                        {category}
-                      </div>
-                      {categoryTools
-                        .filter(tool => tool.id !== fromTool)
-                        .map(tool => (
-                          <SelectItem 
-                            key={tool.id} 
-                            value={tool.id}
-                            className="text-github-text"
-                          >
-                            {tool.name}
-                          </SelectItem>
-                        ))}
-                    </div>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-          </div>
-
-          <Button
-            onClick={handleAnalyzeMigration}
-            disabled={!fromTool || !toTool}
-            className="w-full mt-4 bg-neon-orange hover:bg-neon-orange/90"
-          >
-            Analyze Migration Path
-            <ArrowRight className="ml-2 h-4 w-4" />
-          </Button>
-        </CardContent>
-      </Card>
-
-      {/* Migration Path Results */}
-      {showPath && migrationPath && (
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <div className="flex items-center justify-between">
-              <CardTitle className="text-lg">
-                Migration Path Analysis
-              </CardTitle>
-              <div className="flex items-center gap-2">
-                <Badge className={getDifficultyColor(migrationPath.difficulty)}>
-                  {migrationPath.difficulty}
-                </Badge>
-                <Badge className={`${getCompatibilityColor(migrationPath.compatibility)} bg-github-dark`}>
-                  {migrationPath.compatibility}% Compatible
-                </Badge>
-              </div>
-            </div>
-            <CardDescription className="flex items-center gap-4 mt-2">
-              <span className="flex items-center gap-1">
-                <Clock className="h-4 w-4" />
-                {migrationPath.estimatedTime}
-              </span>
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            {/* Migration Steps */}
-            <div>
-              <h4 className="text-sm font-semibold text-github-text mb-3">
-                Migration Steps
-              </h4>
-              <div className="space-y-2">
-                {migrationPath.steps.map((step, idx) => (
-                  <div key={idx} className="flex items-start gap-3">
-                    <div className="flex items-center justify-center w-6 h-6 rounded-full bg-neon-orange/20 text-neon-orange text-xs font-bold">
-                      {idx + 1}
-                    </div>
-                    <p className="text-sm text-github-text flex-1">{step}</p>
-                  </div>
-                ))}
-              </div>
-            </div>
-
-            {/* Benefits */}
-            {migrationPath.benefits.length > 0 && (
-              <Alert className="border-green-600/30 bg-green-900/20">
-                <CheckCircle className="h-4 w-4 text-green-400" />
-                <AlertDescription className="text-github-text">
-                  <strong className="block mb-1">Benefits:</strong>
-                  <ul className="list-disc list-inside space-y-1">
-                    {migrationPath.benefits.map((benefit, idx) => (
-                      <li key={idx} className="text-sm">{benefit}</li>
-                    ))}
-                  </ul>
-                </AlertDescription>
-              </Alert>
-            )}
-
-            {/* Considerations */}
-            {migrationPath.considerations.length > 0 && (
-              <Alert className="border-yellow-600/30 bg-yellow-900/20">
-                <AlertCircle className="h-4 w-4 text-yellow-400" />
-                <AlertDescription className="text-github-text">
-                  <strong className="block mb-1">Considerations:</strong>
-                  <ul className="list-disc list-inside space-y-1">
-                    {migrationPath.considerations.map((consideration, idx) => (
-                      <li key={idx} className="text-sm">{consideration}</li>
-                    ))}
-                  </ul>
-                </AlertDescription>
-              </Alert>
-            )}
-          </CardContent>
-        </Card>
-      )}
-
-      {/* Common Migration Patterns */}
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <TrendingUp className="h-5 w-5 text-blue-400" />
-            Common Migration Patterns
-          </CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            {[
-              { from: "Create React App", to: "Vite", difficulty: "easy", trend: "popular" },
-              { from: "Express.js", to: "Fastify", difficulty: "moderate", trend: "growing" },
-              { from: "MongoDB", to: "PostgreSQL", difficulty: "complex", trend: "stable" },
-              { from: "Jenkins", to: "GitHub Actions", difficulty: "moderate", trend: "popular" },
-              { from: "Webpack", to: "Vite", difficulty: "moderate", trend: "growing" },
-              { from: "REST API", to: "GraphQL", difficulty: "complex", trend: "stable" }
-            ].map((pattern, idx) => (
-              <div 
-                key={idx}
-                className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border hover:border-neon-orange/50 transition-colors cursor-pointer"
-                onClick={() => {
-                  const fromId = tools.find(t => t.name === pattern.from)?.id;
-                  const toId = tools.find(t => t.name === pattern.to)?.id;
-                  if (fromId && toId) {
-                    setFromTool(fromId);
-                    setToTool(toId);
-                    setShowPath(false);
-                  }
-                }}
-              >
-                <div className="flex items-center gap-2">
-                  <span className="text-sm text-github-text">{pattern.from}</span>
-                  <ArrowRight className="h-3 w-3 text-github-text-secondary" />
-                  <span className="text-sm text-github-text">{pattern.to}</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Badge variant="outline" className={`text-xs ${getDifficultyColor(pattern.difficulty)}`}>
-                    {pattern.difficulty}
-                  </Badge>
-                  {pattern.trend === "popular" && (
-                    <Badge variant="secondary" className="text-xs">
-                      Popular
-                    </Badge>
-                  )}
-                  {pattern.trend === "growing" && (
-                    <Badge className="bg-blue-600/20 text-blue-400 border-blue-600/30 text-xs">
-                      Growing
-                    </Badge>
-                  )}
-                </div>
-              </div>
-            ))}
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/migration/migration-wizard.tsx b/client/src/components/migration/migration-wizard.tsx
deleted file mode 100644
index eb57084..0000000
--- a/client/src/components/migration/migration-wizard.tsx
+++ /dev/null
@@ -1,308 +0,0 @@
-import React, { useState } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Button } from '@/components/ui/button';
-import { Badge } from '@/components/ui/badge';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Progress } from '@/components/ui/progress';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { useMutation } from '@tanstack/react-query';
-import { 
-  ArrowRight, 
-  AlertCircle, 
-  CheckCircle2, 
-  Clock,
-  DollarSign,
-  GitBranch,
-  Package,
-  Zap,
-  FileText,
-  Download
-} from 'lucide-react';
-
-interface MigrationPath {
-  fromTool: string;
-  toTool: string;
-  difficulty: 'easy' | 'medium' | 'hard';
-  estimatedTime: string;
-  steps: string[];
-  dataPortability: number;
-  featureParity: number;
-  risks: string[];
-  benefits: string[];
-  costImplication: string;
-}
-
-interface MigrationWizardProps {
-  tools: any[];
-}
-
-export function MigrationWizard({ tools }: MigrationWizardProps) {
-  const [fromTool, setFromTool] = useState<string>('');
-  const [toTool, setToTool] = useState<string>('');
-  const [migrationPath, setMigrationPath] = useState<MigrationPath | null>(null);
-  const [currentStep, setCurrentStep] = useState(0);
-
-  const getMigrationPath = useMutation({
-    mutationFn: async ({ from, to }: { from: string; to: string }) => {
-      const response = await fetch(`/api/v1/migration/${from}/${to}`);
-      if (!response.ok) throw new Error('Failed to get migration path');
-      return response.json();
-    },
-    onSuccess: (data) => {
-      setMigrationPath(data);
-      setCurrentStep(0);
-    }
-  });
-
-  const exportMigrationPlan = () => {
-    if (!migrationPath) return;
-    
-    const plan = {
-      migration: migrationPath,
-      generatedAt: new Date().toISOString(),
-      estimatedCompletion: calculateCompletionDate(migrationPath.estimatedTime)
-    };
-    
-    const blob = new Blob([JSON.stringify(plan, null, 2)], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `migration-${fromTool}-to-${toTool}.json`;
-    a.click();
-  };
-
-  const calculateCompletionDate = (timeEstimate: string): string => {
-    const days = parseInt(timeEstimate) || 7;
-    const date = new Date();
-    date.setDate(date.getDate() + days);
-    return date.toISOString().split('T')[0];
-  };
-
-  const getDifficultyColor = (difficulty: string) => {
-    switch (difficulty) {
-      case 'easy': return 'text-green-500';
-      case 'medium': return 'text-yellow-500';
-      case 'hard': return 'text-red-500';
-      default: return 'text-gray-500';
-    }
-  };
-
-  const getDifficultyBadge = (difficulty: string) => {
-    const colors = {
-      easy: 'bg-green-500/10 text-green-500 border-green-500/20',
-      medium: 'bg-yellow-500/10 text-yellow-500 border-yellow-500/20',
-      hard: 'bg-red-500/10 text-red-500 border-red-500/20'
-    };
-    
-    return (
-      <Badge className={colors[difficulty as keyof typeof colors] || ''}>
-        {difficulty} migration
-      </Badge>
-    );
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Migration Wizard</CardTitle>
-        <CardDescription>
-          Plan and execute tool migrations with detailed guidance
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        {/* Tool Selection */}
-        <div className="grid grid-cols-2 gap-4">
-          <div className="space-y-2">
-            <label className="text-sm font-medium">From Tool</label>
-            <Select value={fromTool} onValueChange={setFromTool}>
-              <SelectTrigger>
-                <SelectValue placeholder="Select current tool" />
-              </SelectTrigger>
-              <SelectContent>
-                {tools.map((tool) => (
-                  <SelectItem key={tool.id} value={tool.name}>
-                    {tool.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-
-          <div className="space-y-2">
-            <label className="text-sm font-medium">To Tool</label>
-            <Select value={toTool} onValueChange={setToTool}>
-              <SelectTrigger>
-                <SelectValue placeholder="Select target tool" />
-              </SelectTrigger>
-              <SelectContent>
-                {tools
-                  .filter(t => t.name !== fromTool)
-                  .map((tool) => (
-                    <SelectItem key={tool.id} value={tool.name}>
-                      {tool.name}
-                    </SelectItem>
-                  ))}
-              </SelectContent>
-            </Select>
-          </div>
-        </div>
-
-        <Button 
-          onClick={() => getMigrationPath.mutate({ from: fromTool, to: toTool })}
-          disabled={!fromTool || !toTool || getMigrationPath.isPending}
-          className="w-full"
-        >
-          {getMigrationPath.isPending ? (
-            <>Analyzing migration path...</>
-          ) : (
-            <>
-              Generate Migration Plan
-              <ArrowRight className="ml-2 h-4 w-4" />
-            </>
-          )}
-        </Button>
-
-        {/* Migration Path Details */}
-        {migrationPath && (
-          <div className="space-y-6">
-            {/* Overview */}
-            <div className="flex items-center justify-between p-4 rounded-lg bg-github-surface border">
-              <div>
-                <div className="flex items-center gap-2 mb-2">
-                  <h3 className="font-semibold">{fromTool}</h3>
-                  <ArrowRight className="h-4 w-4" />
-                  <h3 className="font-semibold">{toTool}</h3>
-                </div>
-                <div className="flex gap-2">
-                  {getDifficultyBadge(migrationPath.difficulty)}
-                  <Badge variant="outline">
-                    <Clock className="h-3 w-3 mr-1" />
-                    {migrationPath.estimatedTime}
-                  </Badge>
-                </div>
-              </div>
-              <Button
-                variant="outline"
-                size="sm"
-                onClick={exportMigrationPlan}
-              >
-                <Download className="h-4 w-4 mr-2" />
-                Export Plan
-              </Button>
-            </div>
-
-            {/* Metrics */}
-            <div className="grid grid-cols-2 gap-4">
-              <div className="space-y-2">
-                <div className="flex justify-between text-sm">
-                  <span>Data Portability</span>
-                  <span className="font-medium">{migrationPath.dataPortability}%</span>
-                </div>
-                <Progress value={migrationPath.dataPortability} className="h-2" />
-              </div>
-              <div className="space-y-2">
-                <div className="flex justify-between text-sm">
-                  <span>Feature Parity</span>
-                  <span className="font-medium">{migrationPath.featureParity}%</span>
-                </div>
-                <Progress value={migrationPath.featureParity} className="h-2" />
-              </div>
-            </div>
-
-            {/* Detailed Information */}
-            <Tabs defaultValue="steps" className="w-full">
-              <TabsList className="grid w-full grid-cols-4">
-                <TabsTrigger value="steps">Steps</TabsTrigger>
-                <TabsTrigger value="risks">Risks</TabsTrigger>
-                <TabsTrigger value="benefits">Benefits</TabsTrigger>
-                <TabsTrigger value="cost">Cost</TabsTrigger>
-              </TabsList>
-
-              <TabsContent value="steps" className="space-y-3">
-                <h4 className="font-medium">Migration Steps</h4>
-                <div className="space-y-2">
-                  {migrationPath.steps.map((step, index) => (
-                    <div
-                      key={index}
-                      className={`flex items-start gap-3 p-3 rounded-lg border ${
-                        index === currentStep ? 'bg-neon-orange/10 border-neon-orange' : ''
-                      }`}
-                    >
-                      <div className={`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium ${
-                        index < currentStep ? 'bg-green-500 text-white' :
-                        index === currentStep ? 'bg-neon-orange text-white' :
-                        'bg-gray-600 text-gray-300'
-                      }`}>
-                        {index < currentStep ? <CheckCircle2 className="h-3 w-3" /> : index + 1}
-                      </div>
-                      <div className="flex-1">
-                        <p className="text-sm">{step}</p>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-                <div className="flex gap-2">
-                  <Button
-                    variant="outline"
-                    size="sm"
-                    onClick={() => setCurrentStep(Math.max(0, currentStep - 1))}
-                    disabled={currentStep === 0}
-                  >
-                    Previous
-                  </Button>
-                  <Button
-                    size="sm"
-                    onClick={() => setCurrentStep(Math.min(migrationPath.steps.length - 1, currentStep + 1))}
-                    disabled={currentStep === migrationPath.steps.length - 1}
-                  >
-                    Next Step
-                  </Button>
-                </div>
-              </TabsContent>
-
-              <TabsContent value="risks" className="space-y-3">
-                <h4 className="font-medium">Potential Risks</h4>
-                {migrationPath.risks.length > 0 ? (
-                  <div className="space-y-2">
-                    {migrationPath.risks.map((risk, index) => (
-                      <Alert key={index} variant="destructive">
-                        <AlertCircle className="h-4 w-4" />
-                        <AlertDescription>{risk}</AlertDescription>
-                      </Alert>
-                    ))}
-                  </div>
-                ) : (
-                  <p className="text-muted-foreground">No significant risks identified</p>
-                )}
-              </TabsContent>
-
-              <TabsContent value="benefits" className="space-y-3">
-                <h4 className="font-medium">Expected Benefits</h4>
-                <div className="space-y-2">
-                  {migrationPath.benefits.map((benefit, index) => (
-                    <div key={index} className="flex items-start gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-500 mt-0.5" />
-                      <p className="text-sm">{benefit}</p>
-                    </div>
-                  ))}
-                </div>
-              </TabsContent>
-
-              <TabsContent value="cost" className="space-y-3">
-                <h4 className="font-medium">Cost Implications</h4>
-                <div className="p-4 rounded-lg bg-github-surface border">
-                  <div className="flex items-center gap-2 mb-2">
-                    <DollarSign className="h-5 w-5 text-yellow-500" />
-                    <span className="font-medium">Migration Cost Analysis</span>
-                  </div>
-                  <p className="text-sm text-muted-foreground">{migrationPath.costImplication}</p>
-                </div>
-              </TabsContent>
-            </Tabs>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/search-filters.tsx b/client/src/components/search-filters.tsx
deleted file mode 100644
index dc70e8f..0000000
--- a/client/src/components/search-filters.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { X } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Card } from "@/components/ui/card";
-
-interface SearchFiltersProps {
-  filters: {
-    category: string;
-    compatibility: string;
-    maturity: string;
-  };
-  onFilterChange: (key: string, value: string) => void;
-  onClearFilters: () => void;
-}
-
-export function SearchFilters({ filters, onFilterChange, onClearFilters }: SearchFiltersProps) {
-  return (
-    <Card className="bg-github-surface rounded-lg p-4 mb-6 border border-github-border">
-      <div className="flex flex-wrap items-center gap-4">
-        <div className="flex items-center space-x-2">
-          <label className="text-sm font-medium text-github-text-secondary">Category:</label>
-          <Select value={filters.category} onValueChange={(value) => onFilterChange("category", value)}>
-            <SelectTrigger className="bg-github-dark border-github-border text-github-text w-48" data-testid="filter-category">
-              <SelectValue placeholder="All Categories" />
-            </SelectTrigger>
-            <SelectContent className="bg-github-dark border-github-border">
-              <SelectItem value="all">All Categories</SelectItem>
-              <SelectItem value="ai-coding">AI Coding Tools</SelectItem>
-              <SelectItem value="frontend">Frontend/Design</SelectItem>
-              <SelectItem value="backend">Backend/Database</SelectItem>
-              <SelectItem value="payment">Payment Platforms</SelectItem>
-              <SelectItem value="devops">DevOps/Deployment</SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-        
-        <div className="flex items-center space-x-2">
-          <label className="text-sm font-medium text-github-text-secondary">Compatibility:</label>
-          <Select value={filters.compatibility} onValueChange={(value) => onFilterChange("compatibility", value)}>
-            <SelectTrigger className="bg-github-dark border-github-border text-github-text w-48" data-testid="filter-compatibility">
-              <SelectValue placeholder="All Levels" />
-            </SelectTrigger>
-            <SelectContent className="bg-github-dark border-github-border">
-              <SelectItem value="all">All Levels</SelectItem>
-              <SelectItem value="high">High (90-100%)</SelectItem>
-              <SelectItem value="medium">Medium (70-89%)</SelectItem>
-              <SelectItem value="low">Low (50-69%)</SelectItem>
-              <SelectItem value="none">None (&lt;50%)</SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-        
-        <div className="flex items-center space-x-2">
-          <label className="text-sm font-medium text-github-text-secondary">Maturity:</label>
-          <Select value={filters.maturity} onValueChange={(value) => onFilterChange("maturity", value)}>
-            <SelectTrigger className="bg-github-dark border-github-border text-github-text w-48" data-testid="filter-maturity">
-              <SelectValue placeholder="All Maturity" />
-            </SelectTrigger>
-            <SelectContent className="bg-github-dark border-github-border">
-              <SelectItem value="all">All Maturity</SelectItem>
-              <SelectItem value="mature">Mature (8.0+)</SelectItem>
-              <SelectItem value="stable">Stable (6.0-7.9)</SelectItem>
-              <SelectItem value="beta">Beta (&lt;6.0)</SelectItem>
-            </SelectContent>
-          </Select>
-        </div>
-        
-        <Button 
-          variant="ghost" 
-          onClick={onClearFilters}
-          className="text-neon-orange hover:text-neon-orange-light text-sm flex items-center space-x-1"
-          data-testid="button-clear-filters"
-        >
-          <X className="w-4 h-4" />
-          <span>Clear Filters</span>
-        </Button>
-      </div>
-    </Card>
-  );
-}
diff --git a/client/src/components/stack-export.tsx b/client/src/components/stack-export.tsx
deleted file mode 100644
index 2d6e998..0000000
--- a/client/src/components/stack-export.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Download } from "lucide-react";
-
-interface StackExportProps {
-  toolIds: string[];
-}
-
-export function StackExport({ toolIds }: StackExportProps) {
-  const handleExport = async (format: 'json' | 'csv') => {
-    try {
-      const res = await fetch('/api/stack/export', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ toolIds, format }),
-      });
-      if (format === 'csv') {
-        const blob = await res.blob();
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = 'stack.csv';
-        a.click();
-      } else {
-        const data = await res.json();
-        const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = 'stack.json';
-        a.click();
-      }
-    } catch (error) {
-      console.error('Export failed', error);
-    }
-  };
-
-  return (
-    <div className="flex gap-2">
-      <Button onClick={() => handleExport('json')}>
-        <Download className="mr-2 h-4 w-4" /> Export JSON
-      </Button>
-      <Button onClick={() => handleExport('csv')}>
-        <Download className="mr-2 h-4 w-4" /> Export CSV
-      </Button>
-    </div>
-  );
-}
-
-
-
diff --git a/client/src/components/tool-card.tsx b/client/src/components/tool-card.tsx
deleted file mode 100644
index 8ac79bf..0000000
--- a/client/src/components/tool-card.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-import { ExternalLink, Edit } from "lucide-react";
-import { Card, CardContent } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import type { ToolWithCategory } from "@shared/schema";
-
-interface ToolCardProps {
-  tool: ToolWithCategory & { categories?: any[] };
-  onEdit: (tool: ToolWithCategory) => void;
-  onViewDetails: (tool: ToolWithCategory) => void;
-}
-
-export function ToolCard({ tool, onEdit, onViewDetails }: ToolCardProps) {
-  const getCategoryColor = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "text-neon-orange";
-      case "frontend/design":
-        return "text-info";
-      case "backend/database":
-        return "text-success";
-      case "payment platforms":
-        return "text-warning";
-      default:
-        return "text-github-text-secondary";
-    }
-  };
-
-  const getCategoryIcon = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "🤖";
-      case "frontend/design":
-        return "🎨";
-      case "backend/database":
-        return "🗄️";
-      case "payment platforms":
-        return "💳";
-      default:
-        return "🔧";
-    }
-  };
-
-  return (
-    <Card 
-      className="tool-card bg-github-surface hover:bg-github-dark/50 transition-all duration-200 cursor-pointer group"
-      onClick={() => onViewDetails(tool)}
-      data-testid={`card-tool-${tool.id}`}
-    >
-      <CardContent className="p-6">
-        <div className="flex items-start justify-between mb-4">
-          <div className="flex items-center space-x-3">
-            <div className="w-10 h-10 bg-github-border rounded-lg flex items-center justify-center text-lg">
-              {getCategoryIcon(tool.categories?.[0]?.name || tool.category?.name || '')}
-            </div>
-            <div className="flex-1">
-              <h3 className="text-lg font-semibold text-github-text group-hover:text-neon-orange transition-colors" data-testid={`text-tool-name-${tool.id}`}>
-                {tool.name}
-              </h3>
-              <div className="flex flex-wrap gap-1 mt-1">
-                {tool.categories && tool.categories.length > 0 ? (
-                  tool.categories.map((cat: any, index: number) => (
-                    <Badge 
-                      key={index} 
-                      variant="secondary" 
-                      className="text-xs"
-                      style={{ 
-                        borderColor: getCategoryColor(cat.name),
-                        color: getCategoryColor(cat.name)
-                      }}
-                    >
-                      {cat.name}
-                    </Badge>
-                  ))
-                ) : (
-                  <Badge 
-                    variant="secondary" 
-                    className="text-xs"
-                    style={{ 
-                      borderColor: getCategoryColor(tool.category?.name || ''),
-                      color: getCategoryColor(tool.category?.name || '')
-                    }}
-                  >
-                    {tool.category?.name || 'Uncategorized'}
-                  </Badge>
-                )}
-              </div>
-            </div>
-          </div>
-          
-          <div className="flex items-center space-x-2 opacity-0 group-hover:opacity-100 transition-opacity">
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={(e) => {
-                e.stopPropagation();
-                onEdit(tool);
-              }}
-              data-testid={`button-edit-tool-${tool.id}`}
-            >
-              <Edit className="w-4 h-4" />
-            </Button>
-            {tool.url && (
-              <Button
-                variant="ghost"
-                size="sm"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  window.open(tool.url, '_blank');
-                }}
-                data-testid={`button-external-link-${tool.id}`}
-              >
-                <ExternalLink className="w-4 h-4" />
-              </Button>
-            )}
-          </div>
-        </div>
-        
-        <p className="text-sm text-github-text-secondary mb-4 line-clamp-2" data-testid={`text-description-${tool.id}`}>
-          {tool.description}
-        </p>
-        
-        <div className="space-y-3">
-          <div className="flex items-center justify-between">
-            <span className="text-sm text-github-text-secondary">Maturity Score</span>
-            <div className="flex items-center space-x-2">
-              <Progress value={tool.maturityScore * 10} className="w-16 h-2" />
-              <span className="text-sm text-github-text font-medium" data-testid={`text-maturity-${tool.id}`}>
-                {tool.maturityScore.toFixed(1)}
-              </span>
-            </div>
-          </div>
-          
-          <div className="flex items-center justify-between">
-            <span className="text-sm text-github-text-secondary">Popularity Score</span>
-            <div className="flex items-center space-x-2">
-              <Progress value={tool.popularityScore * 10} className="w-16 h-2" />
-              <span className="text-sm text-github-text font-medium" data-testid={`text-popularity-${tool.id}`}>
-                {tool.popularityScore.toFixed(1)}
-              </span>
-            </div>
-          </div>
-        </div>
-        
-        <div className="mt-4">
-          <div className="flex flex-wrap gap-1">
-            {tool.frameworks.slice(0, 3).map((framework, index) => (
-              <Badge 
-                key={index} 
-                variant="secondary" 
-                className="text-xs bg-github-dark text-github-text-secondary"
-                data-testid={`badge-framework-${tool.id}-${index}`}
-              >
-                {framework}
-              </Badge>
-            ))}
-            {tool.frameworks.length > 3 && (
-              <Badge 
-                variant="secondary" 
-                className="text-xs bg-github-dark text-github-text-secondary"
-                data-testid={`badge-more-frameworks-${tool.id}`}
-              >
-                +{tool.frameworks.length - 3} more
-              </Badge>
-            )}
-          </div>
-        </div>
-        
-        {tool.pricing && (
-          <div className="mt-4 pt-4 border-t border-github-border">
-            <span className="text-xs text-github-text-secondary">Pricing: </span>
-            <span className="text-xs text-github-text" data-testid={`text-pricing-${tool.id}`}>
-              {tool.pricing}
-            </span>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
diff --git a/client/src/components/tool-modal.tsx b/client/src/components/tool-modal.tsx
deleted file mode 100644
index da77877..0000000
--- a/client/src/components/tool-modal.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-import { X, ExternalLink, BookOpen, Edit, UserPlus } from "lucide-react";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import type { ToolWithCategory } from "@shared/schema";
-
-interface ToolModalProps {
-  tool: ToolWithCategory | null;
-  isOpen: boolean;
-  onClose: () => void;
-  onEdit: (tool: ToolWithCategory) => void;
-}
-
-export function ToolModal({ tool, isOpen, onClose, onEdit }: ToolModalProps) {
-  if (!tool) return null;
-
-  const getCategoryIcon = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "🤖";
-      case "frontend/design":
-        return "🎨";
-      case "backend/database":
-        return "🗄️";
-      case "payment platforms":
-        return "💳";
-      default:
-        return "🔧";
-    }
-  };
-
-  return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="bg-github-surface border-github-border max-w-4xl max-h-[90vh] overflow-hidden">
-        <DialogHeader className="flex flex-row items-center justify-between space-y-0 pb-6 border-b border-github-border">
-          <div className="flex items-center space-x-4">
-            <div className="w-12 h-12 bg-github-border rounded-lg flex items-center justify-center text-xl">
-              {getCategoryIcon(tool.category.name)}
-            </div>
-            <div>
-              <DialogTitle className="text-xl font-bold text-github-text" data-testid="modal-tool-name">
-                {tool.name}
-              </DialogTitle>
-              <p className="text-sm text-github-text-secondary" data-testid="modal-tool-category">
-                {tool.category.name}
-              </p>
-            </div>
-          </div>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={onClose}
-            className="text-github-text-secondary hover:text-github-text"
-            data-testid="button-close-modal"
-          >
-            <X className="w-6 h-6" />
-          </Button>
-        </DialogHeader>
-        
-        <div className="overflow-y-auto max-h-[60vh] p-6">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-            {/* Tool Information */}
-            <div className="space-y-4">
-              <div>
-                <h3 className="text-lg font-semibold text-github-text mb-3">Tool Information</h3>
-                <div className="space-y-3">
-                  <div className="flex justify-between">
-                    <span className="text-github-text-secondary">Maturity Score:</span>
-                    <span className="text-github-text font-medium" data-testid="modal-maturity-score">
-                      {tool.maturityScore.toFixed(1)}/10
-                    </span>
-                  </div>
-                  <div className="flex justify-between">
-                    <span className="text-github-text-secondary">Popularity Score:</span>
-                    <span className="text-github-text font-medium" data-testid="modal-popularity-score">
-                      {tool.popularityScore.toFixed(1)}/10
-                    </span>
-                  </div>
-                  {tool.pricing && (
-                    <div className="flex justify-between">
-                      <span className="text-github-text-secondary">Pricing:</span>
-                      <span className="text-github-text font-medium" data-testid="modal-pricing">
-                        {tool.pricing}
-                      </span>
-                    </div>
-                  )}
-                  <div className="flex justify-between">
-                    <span className="text-github-text-secondary">Languages:</span>
-                    <span className="text-github-text font-medium" data-testid="modal-languages">
-                      {tool.languages.join(", ") || "Not specified"}
-                    </span>
-                  </div>
-                </div>
-              </div>
-              
-              {tool.features.length > 0 && (
-                <div>
-                  <h4 className="text-md font-semibold text-github-text mb-2">Key Features</h4>
-                  <ul className="text-sm text-github-text-secondary space-y-1">
-                    {tool.features.map((feature, index) => (
-                      <li key={index} data-testid={`modal-feature-${index}`}>
-                        • {feature}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              )}
-
-              {tool.description && (
-                <div>
-                  <h4 className="text-md font-semibold text-github-text mb-2">Description</h4>
-                  <p className="text-sm text-github-text-secondary" data-testid="modal-description">
-                    {tool.description}
-                  </p>
-                </div>
-              )}
-            </div>
-            
-            {/* Technical Details */}
-            <div className="space-y-4">
-              <div>
-                <h3 className="text-lg font-semibold text-github-text mb-3">Technical Details</h3>
-                
-                {tool.frameworks.length > 0 && (
-                  <div className="mb-4">
-                    <h4 className="text-md font-semibold text-github-text mb-2">Frameworks</h4>
-                    <div className="flex flex-wrap gap-2">
-                      {tool.frameworks.map((framework, index) => (
-                        <Badge 
-                          key={index} 
-                          variant="secondary" 
-                          className="bg-github-dark text-github-text-secondary"
-                          data-testid={`modal-framework-${index}`}
-                        >
-                          {framework}
-                        </Badge>
-                      ))}
-                    </div>
-                  </div>
-                )}
-
-                {tool.integrations.length > 0 && (
-                  <div>
-                    <h4 className="text-md font-semibold text-github-text mb-2">Notable Integrations</h4>
-                    <div className="flex flex-wrap gap-2">
-                      {tool.integrations.map((integration, index) => (
-                        <Badge 
-                          key={index} 
-                          variant="outline" 
-                          className="border-github-border text-github-text-secondary"
-                          data-testid={`modal-integration-${index}`}
-                        >
-                          {integration}
-                        </Badge>
-                      ))}
-                    </div>
-                  </div>
-                )}
-              </div>
-
-              {tool.notes && (
-                <div>
-                  <h4 className="text-md font-semibold text-github-text mb-2">Additional Notes</h4>
-                  <p className="text-sm text-github-text-secondary" data-testid="modal-notes">
-                    {tool.notes}
-                  </p>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-        
-        <div className="flex items-center justify-between p-6 border-t border-github-border bg-github-dark/50">
-          <div className="flex items-center space-x-4">
-            {tool.url && (
-              <Button
-                variant="link"
-                onClick={() => window.open(tool.url, '_blank')}
-                className="text-neon-orange hover:text-neon-orange-light text-sm p-0 h-auto"
-                data-testid="button-visit-website"
-              >
-                <ExternalLink className="w-4 h-4 mr-1" />
-                Visit Website
-              </Button>
-            )}
-            <Button
-              variant="link"
-              className="text-github-text-secondary hover:text-github-text text-sm p-0 h-auto"
-              data-testid="button-documentation"
-            >
-              <BookOpen className="w-4 h-4 mr-1" />
-              Documentation
-            </Button>
-          </div>
-          <div className="flex items-center space-x-2">
-            <Button
-              variant="secondary"
-              onClick={() => onEdit(tool)}
-              className="bg-github-border hover:bg-github-text-secondary text-github-text"
-              data-testid="button-edit-tool-modal"
-            >
-              <Edit className="w-4 h-4 mr-2" />
-              Edit Tool
-            </Button>
-            <Button
-              className="bg-neon-orange hover:bg-neon-orange-light text-white"
-              data-testid="button-add-to-stack"
-            >
-              <UserPlus className="w-4 h-4 mr-2" />
-              Add to Stack
-            </Button>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/client/src/components/tool-recommendations.tsx b/client/src/components/tool-recommendations.tsx
deleted file mode 100644
index 1d32b8f..0000000
--- a/client/src/components/tool-recommendations.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import { useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Loader2, TrendingUp, Zap, Shield, DollarSign } from "lucide-react";
-import { useQuery, useMutation } from "@tanstack/react-query";
-import { apiRequest } from "@/lib/queryClient";
-import type { Tool, ToolWithCategory } from "@shared/schema";
-
-interface ToolRecommendationsProps {
-  selectedToolIds: string[];
-  onToolSelect?: (tool: Tool) => void;
-  maxRecommendations?: number;
-}
-
-export function ToolRecommendations({ 
-  selectedToolIds, 
-  onToolSelect,
-  maxRecommendations = 5 
-}: ToolRecommendationsProps) {
-  const [category, setCategory] = useState<string | undefined>();
-
-  // Fetch recommendations
-  const { data: recommendations = [], isLoading, refetch } = useQuery<Tool[]>({
-    queryKey: ["/api/stack/recommendations", selectedToolIds, category],
-    queryFn: async () => {
-      if (selectedToolIds.length === 0) return [];
-      const response = await apiRequest("POST", "/api/stack/recommendations", {
-        toolIds: selectedToolIds,
-        category
-      });
-      return response.json();
-    },
-    enabled: selectedToolIds.length > 0
-  });
-
-  // Fetch all tools to get category info
-  const { data: allTools = [] } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools"]
-  });
-
-  const getToolWithCategory = (tool: Tool): ToolWithCategory | undefined => {
-    return allTools.find(t => t.id === tool.id);
-  };
-
-  const getRecommendationReason = (tool: Tool): string => {
-    const toolWithCategory = getToolWithCategory(tool);
-    if (!toolWithCategory) return "Compatible with your stack";
-
-    // Generate reason based on tool characteristics
-    if (toolWithCategory.popularityScore >= 8) {
-      return "Popular choice in the community";
-    }
-    if (toolWithCategory.maturityScore >= 8) {
-      return "Mature and stable solution";
-    }
-    if (toolWithCategory.integrations.length > 5) {
-      return "Extensive integration options";
-    }
-    if (toolWithCategory.pricing?.toLowerCase().includes("free")) {
-      return "Free tier available";
-    }
-    return "Works well with your selected tools";
-  };
-
-  const getRecommendationIcon = (tool: Tool) => {
-    const toolWithCategory = getToolWithCategory(tool);
-    if (!toolWithCategory) return <Zap className="h-4 w-4" />;
-
-    if (toolWithCategory.popularityScore >= 8) {
-      return <TrendingUp className="h-4 w-4 text-blue-400" />;
-    }
-    if (toolWithCategory.maturityScore >= 8) {
-      return <Shield className="h-4 w-4 text-green-400" />;
-    }
-    if (toolWithCategory.pricing?.toLowerCase().includes("free")) {
-      return <DollarSign className="h-4 w-4 text-yellow-400" />;
-    }
-    return <Zap className="h-4 w-4 text-neon-orange" />;
-  };
-
-  if (selectedToolIds.length === 0) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardContent className="p-6">
-          <p className="text-sm text-github-text-secondary text-center">
-            Select tools to see recommendations
-          </p>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  if (isLoading) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardContent className="p-6 flex items-center justify-center">
-          <Loader2 className="h-6 w-6 animate-spin text-neon-orange" />
-          <span className="ml-2 text-github-text-secondary">Loading recommendations...</span>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card className="bg-github-surface border-github-border">
-      <CardHeader>
-        <CardTitle className="text-lg font-semibold text-github-text">
-          Recommended Tools
-        </CardTitle>
-        <p className="text-sm text-github-text-secondary">
-          Tools that work well with your current selection
-        </p>
-      </CardHeader>
-      <CardContent>
-        {recommendations.length === 0 ? (
-          <p className="text-sm text-github-text-secondary text-center py-4">
-            No recommendations available for this combination
-          </p>
-        ) : (
-          <div className="space-y-3">
-            {recommendations.slice(0, maxRecommendations).map((tool) => {
-              const toolWithCategory = getToolWithCategory(tool);
-              if (!toolWithCategory) return null;
-
-              return (
-                <div
-                  key={tool.id}
-                  className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border hover:border-neon-orange/50 transition-colors"
-                >
-                  <div className="flex items-center gap-3">
-                    {getRecommendationIcon(tool)}
-                    <div>
-                      <div className="flex items-center gap-2">
-                        <span className="font-medium text-github-text">
-                          {tool.name}
-                        </span>
-                        <Badge variant="secondary" className="text-xs">
-                          {toolWithCategory.category.name}
-                        </Badge>
-                      </div>
-                      <p className="text-xs text-github-text-secondary mt-1">
-                        {getRecommendationReason(tool)}
-                      </p>
-                    </div>
-                  </div>
-                  {onToolSelect && (
-                    <Button
-                      size="sm"
-                      variant="ghost"
-                      onClick={() => onToolSelect(tool)}
-                      className="text-neon-orange hover:text-neon-orange hover:bg-neon-orange/10"
-                    >
-                      Add
-                    </Button>
-                  )}
-                </div>
-              );
-            })}
-          </div>
-        )}
-
-        {/* Category Filter */}
-        {recommendations.length > 0 && (
-          <div className="mt-4 pt-4 border-t border-github-border">
-            <p className="text-xs text-github-text-secondary mb-2">Filter by category:</p>
-            <div className="flex flex-wrap gap-2">
-              <Button
-                size="sm"
-                variant={category === undefined ? "default" : "outline"}
-                onClick={() => {
-                  setCategory(undefined);
-                  refetch();
-                }}
-                className="text-xs"
-              >
-                All
-              </Button>
-              {["AI Coding Tools", "Frontend/Design", "Backend/Database", "DevOps/Deployment"].map((cat) => (
-                <Button
-                  key={cat}
-                  size="sm"
-                  variant={category === cat ? "default" : "outline"}
-                  onClick={() => {
-                    setCategory(cat);
-                    refetch();
-                  }}
-                  className="text-xs"
-                >
-                  {cat}
-                </Button>
-              ))}
-            </div>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/tools/tool-search.tsx b/client/src/components/tools/tool-search.tsx
deleted file mode 100644
index 4212547..0000000
--- a/client/src/components/tools/tool-search.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Slider } from "@/components/ui/slider";
-import { Switch } from "@/components/ui/switch";
-import { Badge } from "@/components/ui/badge";
-import { Card } from "@/components/ui/card";
-import { Search, Filter, X, SlidersHorizontal } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
-import { queryClient } from "@/lib/queryClient";
-
-interface SearchFilters {
-  query: string;
-  category: string;
-  minPopularity: number;
-  minMaturity: number;
-  hasFreeTier: boolean;
-}
-
-interface ToolSearchProps {
-  onSearch: (filters: SearchFilters) => void;
-  isLoading?: boolean;
-}
-
-export function ToolSearch({ onSearch, isLoading }: ToolSearchProps) {
-  const [showFilters, setShowFilters] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [filters, setFilters] = useState<SearchFilters>({
-    query: "",
-    category: "",
-    minPopularity: 0,
-    minMaturity: 0,
-    hasFreeTier: false,
-  });
-
-  // Fetch categories for filter dropdown
-  const { data: categoriesData } = useQuery({
-    queryKey: ["/api/v1/categories"],
-    staleTime: 5 * 60 * 1000,
-  });
-
-  // Debounced search
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setFilters(prev => ({ ...prev, query: searchQuery }));
-    }, 300);
-    return () => clearTimeout(timer);
-  }, [searchQuery]);
-
-  // Apply filters when they change
-  useEffect(() => {
-    onSearch(filters);
-  }, [filters, onSearch]);
-
-  const handleReset = () => {
-    setSearchQuery("");
-    setFilters({
-      query: "",
-      category: "",
-      minPopularity: 0,
-      minMaturity: 0,
-      hasFreeTier: false,
-    });
-    setShowFilters(false);
-  };
-
-  const activeFilterCount = [
-    filters.category,
-    filters.minPopularity > 0,
-    filters.minMaturity > 0,
-    filters.hasFreeTier,
-  ].filter(Boolean).length;
-
-  return (
-    <div className="space-y-4">
-      {/* Search Bar */}
-      <div className="flex gap-2">
-        <div className="relative flex-1">
-          <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-          <Input
-            type="search"
-            placeholder="Search tools by name, description, or features..."
-            value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
-            className="pl-10"
-            data-testid="search-tools-input"
-          />
-        </div>
-        <Button
-          variant="outline"
-          size="icon"
-          onClick={() => setShowFilters(!showFilters)}
-          data-testid="toggle-filters-button"
-        >
-          <SlidersHorizontal className="h-4 w-4" />
-          {activeFilterCount > 0 && (
-            <Badge className="absolute -top-1 -right-1 h-5 w-5 p-0 flex items-center justify-center">
-              {activeFilterCount}
-            </Badge>
-          )}
-        </Button>
-      </div>
-
-      {/* Filters Panel */}
-      {showFilters && (
-        <Card className="p-6 space-y-4 animate-in slide-in-from-top-2">
-          <div className="flex items-center justify-between">
-            <h3 className="text-lg font-semibold">Filters</h3>
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={handleReset}
-              data-testid="reset-filters-button"
-            >
-              <X className="h-4 w-4 mr-2" />
-              Reset All
-            </Button>
-          </div>
-
-          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
-            {/* Category Filter */}
-            <div className="space-y-2">
-              <Label htmlFor="category-filter">Category</Label>
-              <Select
-                value={filters.category}
-                onValueChange={(value) => setFilters(prev => ({ ...prev, category: value }))}
-              >
-                <SelectTrigger id="category-filter" data-testid="category-filter">
-                  <SelectValue placeholder="All Categories" />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="">All Categories</SelectItem>
-                  {categoriesData?.categories?.map((cat: any) => (
-                    <SelectItem key={cat.id} value={cat.name}>
-                      {cat.name} ({cat.toolCount})
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-
-            {/* Popularity Filter */}
-            <div className="space-y-2">
-              <Label htmlFor="popularity-filter">
-                Minimum Popularity: {filters.minPopularity}%
-              </Label>
-              <Slider
-                id="popularity-filter"
-                min={0}
-                max={100}
-                step={10}
-                value={[filters.minPopularity]}
-                onValueChange={([value]) => setFilters(prev => ({ ...prev, minPopularity: value }))}
-                className="mt-2"
-                data-testid="popularity-filter"
-              />
-            </div>
-
-            {/* Maturity Filter */}
-            <div className="space-y-2">
-              <Label htmlFor="maturity-filter">
-                Minimum Maturity: {filters.minMaturity}%
-              </Label>
-              <Slider
-                id="maturity-filter"
-                min={0}
-                max={100}
-                step={10}
-                value={[filters.minMaturity]}
-                onValueChange={([value]) => setFilters(prev => ({ ...prev, minMaturity: value }))}
-                className="mt-2"
-                data-testid="maturity-filter"
-              />
-            </div>
-
-            {/* Free Tier Filter */}
-            <div className="flex items-center space-x-2">
-              <Switch
-                id="free-tier-filter"
-                checked={filters.hasFreeTier}
-                onCheckedChange={(checked) => setFilters(prev => ({ ...prev, hasFreeTier: checked }))}
-                data-testid="free-tier-filter"
-              />
-              <Label htmlFor="free-tier-filter" className="cursor-pointer">
-                Has Free Tier
-              </Label>
-            </div>
-          </div>
-
-          {/* Active Filters Display */}
-          {activeFilterCount > 0 && (
-            <div className="flex flex-wrap gap-2 pt-2">
-              {filters.category && (
-                <Badge variant="secondary">
-                  Category: {filters.category}
-                  <button
-                    onClick={() => setFilters(prev => ({ ...prev, category: "" }))}
-                    className="ml-2 hover:text-destructive"
-                  >
-                    <X className="h-3 w-3" />
-                  </button>
-                </Badge>
-              )}
-              {filters.minPopularity > 0 && (
-                <Badge variant="secondary">
-                  Popularity ≥ {filters.minPopularity}%
-                  <button
-                    onClick={() => setFilters(prev => ({ ...prev, minPopularity: 0 }))}
-                    className="ml-2 hover:text-destructive"
-                  >
-                    <X className="h-3 w-3" />
-                  </button>
-                </Badge>
-              )}
-              {filters.minMaturity > 0 && (
-                <Badge variant="secondary">
-                  Maturity ≥ {filters.minMaturity}%
-                  <button
-                    onClick={() => setFilters(prev => ({ ...prev, minMaturity: 0 }))}
-                    className="ml-2 hover:text-destructive"
-                  >
-                    <X className="h-3 w-3" />
-                  </button>
-                </Badge>
-              )}
-              {filters.hasFreeTier && (
-                <Badge variant="secondary">
-                  Free Tier
-                  <button
-                    onClick={() => setFilters(prev => ({ ...prev, hasFreeTier: false }))}
-                    className="ml-2 hover:text-destructive"
-                  >
-                    <X className="h-3 w-3" />
-                  </button>
-                </Badge>
-              )}
-            </div>
-          )}
-        </Card>
-      )}
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/components/ui/accordion.tsx b/client/src/components/ui/accordion.tsx
deleted file mode 100644
index e6a723d..0000000
--- a/client/src/components/ui/accordion.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from "react"
-import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDown } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Accordion = AccordionPrimitive.Root
-
-const AccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn("border-b", className)}
-    {...props}
-  />
-))
-AccordionItem.displayName = "AccordionItem"
-
-const AccordionTrigger = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-))
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
-
-const AccordionContent = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
-    ref={ref}
-    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-    {...props}
-  >
-    <div className={cn("pb-4 pt-0", className)}>{children}</div>
-  </AccordionPrimitive.Content>
-))
-
-AccordionContent.displayName = AccordionPrimitive.Content.displayName
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/client/src/components/ui/alert-dialog.tsx b/client/src/components/ui/alert-dialog.tsx
deleted file mode 100644
index 8722561..0000000
--- a/client/src/components/ui/alert-dialog.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import * as React from "react"
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
-
-const AlertDialog = AlertDialogPrimitive.Root
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal
-
-const AlertDialogOverlay = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
-
-const AlertDialogContent = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <AlertDialogPortal>
-    <AlertDialogOverlay />
-    <AlertDialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      )}
-      {...props}
-    />
-  </AlertDialogPortal>
-))
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
-
-const AlertDialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogHeader.displayName = "AlertDialogHeader"
-
-const AlertDialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    )}
-    {...props}
-  />
-)
-AlertDialogFooter.displayName = "AlertDialogFooter"
-
-const AlertDialogTitle = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold", className)}
-    {...props}
-  />
-))
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
-
-const AlertDialogDescription = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-AlertDialogDescription.displayName =
-  AlertDialogPrimitive.Description.displayName
-
-const AlertDialogAction = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Action>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Action
-    ref={ref}
-    className={cn(buttonVariants(), className)}
-    {...props}
-  />
-))
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
-
-const AlertDialogCancel = React.forwardRef<
-  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
->(({ className, ...props }, ref) => (
-  <AlertDialogPrimitive.Cancel
-    ref={ref}
-    className={cn(
-      buttonVariants({ variant: "outline" }),
-      "mt-2 sm:mt-0",
-      className
-    )}
-    {...props}
-  />
-))
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
-
-export {
-  AlertDialog,
-  AlertDialogPortal,
-  AlertDialogOverlay,
-  AlertDialogTrigger,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogAction,
-  AlertDialogCancel,
-}
diff --git a/client/src/components/ui/alert.tsx b/client/src/components/ui/alert.tsx
deleted file mode 100644
index 41fa7e0..0000000
--- a/client/src/components/ui/alert.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const alertVariants = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive:
-          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-const Alert = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
->(({ className, variant, ...props }, ref) => (
-  <div
-    ref={ref}
-    role="alert"
-    className={cn(alertVariants({ variant }), className)}
-    {...props}
-  />
-))
-Alert.displayName = "Alert"
-
-const AlertTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h5
-    ref={ref}
-    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
-    {...props}
-  />
-))
-AlertTitle.displayName = "AlertTitle"
-
-const AlertDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm [&_p]:leading-relaxed", className)}
-    {...props}
-  />
-))
-AlertDescription.displayName = "AlertDescription"
-
-export { Alert, AlertTitle, AlertDescription }
diff --git a/client/src/components/ui/aspect-ratio.tsx b/client/src/components/ui/aspect-ratio.tsx
deleted file mode 100644
index c4abbf3..0000000
--- a/client/src/components/ui/aspect-ratio.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
-
-const AspectRatio = AspectRatioPrimitive.Root
-
-export { AspectRatio }
diff --git a/client/src/components/ui/avatar.tsx b/client/src/components/ui/avatar.tsx
deleted file mode 100644
index 51e507b..0000000
--- a/client/src/components/ui/avatar.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as AvatarPrimitive from "@radix-ui/react-avatar"
-
-import { cn } from "@/lib/utils"
-
-const Avatar = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    )}
-    {...props}
-  />
-))
-Avatar.displayName = AvatarPrimitive.Root.displayName
-
-const AvatarImage = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Image>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Image
-    ref={ref}
-    className={cn("aspect-square h-full w-full", className)}
-    {...props}
-  />
-))
-AvatarImage.displayName = AvatarPrimitive.Image.displayName
-
-const AvatarFallback = React.forwardRef<
-  React.ElementRef<typeof AvatarPrimitive.Fallback>,
-  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
->(({ className, ...props }, ref) => (
-  <AvatarPrimitive.Fallback
-    ref={ref}
-    className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    )}
-    {...props}
-  />
-))
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
-
-export { Avatar, AvatarImage, AvatarFallback }
diff --git a/client/src/components/ui/badge.tsx b/client/src/components/ui/badge.tsx
deleted file mode 100644
index f000e3e..0000000
--- a/client/src/components/ui/badge.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
-}
-
-export { Badge, badgeVariants }
diff --git a/client/src/components/ui/breadcrumb.tsx b/client/src/components/ui/breadcrumb.tsx
deleted file mode 100644
index 60e6c96..0000000
--- a/client/src/components/ui/breadcrumb.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { ChevronRight, MoreHorizontal } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Breadcrumb = React.forwardRef<
-  HTMLElement,
-  React.ComponentPropsWithoutRef<"nav"> & {
-    separator?: React.ReactNode
-  }
->(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
-Breadcrumb.displayName = "Breadcrumb"
-
-const BreadcrumbList = React.forwardRef<
-  HTMLOListElement,
-  React.ComponentPropsWithoutRef<"ol">
->(({ className, ...props }, ref) => (
-  <ol
-    ref={ref}
-    className={cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      className
-    )}
-    {...props}
-  />
-))
-BreadcrumbList.displayName = "BreadcrumbList"
-
-const BreadcrumbItem = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentPropsWithoutRef<"li">
->(({ className, ...props }, ref) => (
-  <li
-    ref={ref}
-    className={cn("inline-flex items-center gap-1.5", className)}
-    {...props}
-  />
-))
-BreadcrumbItem.displayName = "BreadcrumbItem"
-
-const BreadcrumbLink = React.forwardRef<
-  HTMLAnchorElement,
-  React.ComponentPropsWithoutRef<"a"> & {
-    asChild?: boolean
-  }
->(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a"
-
-  return (
-    <Comp
-      ref={ref}
-      className={cn("transition-colors hover:text-foreground", className)}
-      {...props}
-    />
-  )
-})
-BreadcrumbLink.displayName = "BreadcrumbLink"
-
-const BreadcrumbPage = React.forwardRef<
-  HTMLSpanElement,
-  React.ComponentPropsWithoutRef<"span">
->(({ className, ...props }, ref) => (
-  <span
-    ref={ref}
-    role="link"
-    aria-disabled="true"
-    aria-current="page"
-    className={cn("font-normal text-foreground", className)}
-    {...props}
-  />
-))
-BreadcrumbPage.displayName = "BreadcrumbPage"
-
-const BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<"li">) => (
-  <li
-    role="presentation"
-    aria-hidden="true"
-    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
-    {...props}
-  >
-    {children ?? <ChevronRight />}
-  </li>
-)
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
-
-const BreadcrumbEllipsis = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    role="presentation"
-    aria-hidden="true"
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
-    {...props}
-  >
-    <MoreHorizontal className="h-4 w-4" />
-    <span className="sr-only">More</span>
-  </span>
-)
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-}
diff --git a/client/src/components/ui/button.tsx b/client/src/components/ui/button.tsx
deleted file mode 100644
index 36496a2..0000000
--- a/client/src/components/ui/button.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
-
-export { Button, buttonVariants }
diff --git a/client/src/components/ui/calendar.tsx b/client/src/components/ui/calendar.tsx
deleted file mode 100644
index 2174f71..0000000
--- a/client/src/components/ui/calendar.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight } from "lucide-react"
-import { DayPicker } from "react-day-picker"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
-
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}: CalendarProps) {
-  return (
-    <DayPicker
-      showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
-      classNames={{
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell:
-          "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_end: "day-range-end",
-        day_selected:
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside:
-          "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle:
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames,
-      }}
-      components={{
-        IconLeft: ({ className, ...props }) => (
-          <ChevronLeft className={cn("h-4 w-4", className)} {...props} />
-        ),
-        IconRight: ({ className, ...props }) => (
-          <ChevronRight className={cn("h-4 w-4", className)} {...props} />
-        ),
-      }}
-      {...props}
-    />
-  )
-}
-Calendar.displayName = "Calendar"
-
-export { Calendar }
diff --git a/client/src/components/ui/card.tsx b/client/src/components/ui/card.tsx
deleted file mode 100644
index f62edea..0000000
--- a/client/src/components/ui/card.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    )}
-    {...props}
-  />
-))
-Card.displayName = "Card"
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-))
-CardHeader.displayName = "CardHeader"
-
-const CardTitle = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
-CardTitle.displayName = "CardTitle"
-
-const CardDescription = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-CardDescription.displayName = "CardDescription"
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-))
-CardContent.displayName = "CardContent"
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-))
-CardFooter.displayName = "CardFooter"
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/client/src/components/ui/carousel.tsx b/client/src/components/ui/carousel.tsx
deleted file mode 100644
index 9c2b9bf..0000000
--- a/client/src/components/ui/carousel.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-import * as React from "react"
-import useEmblaCarousel, {
-  type UseEmblaCarouselType,
-} from "embla-carousel-react"
-import { ArrowLeft, ArrowRight } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-type CarouselApi = UseEmblaCarouselType[1]
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
-type CarouselOptions = UseCarouselParameters[0]
-type CarouselPlugin = UseCarouselParameters[1]
-
-type CarouselProps = {
-  opts?: CarouselOptions
-  plugins?: CarouselPlugin
-  orientation?: "horizontal" | "vertical"
-  setApi?: (api: CarouselApi) => void
-}
-
-type CarouselContextProps = {
-  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
-  api: ReturnType<typeof useEmblaCarousel>[1]
-  scrollPrev: () => void
-  scrollNext: () => void
-  canScrollPrev: boolean
-  canScrollNext: boolean
-} & CarouselProps
-
-const CarouselContext = React.createContext<CarouselContextProps | null>(null)
-
-function useCarousel() {
-  const context = React.useContext(CarouselContext)
-
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />")
-  }
-
-  return context
-}
-
-const Carousel = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement> & CarouselProps
->(
-  (
-    {
-      orientation = "horizontal",
-      opts,
-      setApi,
-      plugins,
-      className,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
-      },
-      plugins
-    )
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
-    const [canScrollNext, setCanScrollNext] = React.useState(false)
-
-    const onSelect = React.useCallback((api: CarouselApi) => {
-      if (!api) {
-        return
-      }
-
-      setCanScrollPrev(api.canScrollPrev())
-      setCanScrollNext(api.canScrollNext())
-    }, [])
-
-    const scrollPrev = React.useCallback(() => {
-      api?.scrollPrev()
-    }, [api])
-
-    const scrollNext = React.useCallback(() => {
-      api?.scrollNext()
-    }, [api])
-
-    const handleKeyDown = React.useCallback(
-      (event: React.KeyboardEvent<HTMLDivElement>) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault()
-          scrollPrev()
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault()
-          scrollNext()
-        }
-      },
-      [scrollPrev, scrollNext]
-    )
-
-    React.useEffect(() => {
-      if (!api || !setApi) {
-        return
-      }
-
-      setApi(api)
-    }, [api, setApi])
-
-    React.useEffect(() => {
-      if (!api) {
-        return
-      }
-
-      onSelect(api)
-      api.on("reInit", onSelect)
-      api.on("select", onSelect)
-
-      return () => {
-        api?.off("select", onSelect)
-      }
-    }, [api, onSelect])
-
-    return (
-      <CarouselContext.Provider
-        value={{
-          carouselRef,
-          api: api,
-          opts,
-          orientation:
-            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext,
-        }}
-      >
-        <div
-          ref={ref}
-          onKeyDownCapture={handleKeyDown}
-          className={cn("relative", className)}
-          role="region"
-          aria-roledescription="carousel"
-          {...props}
-        >
-          {children}
-        </div>
-      </CarouselContext.Provider>
-    )
-  }
-)
-Carousel.displayName = "Carousel"
-
-const CarouselContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel()
-
-  return (
-    <div ref={carouselRef} className="overflow-hidden">
-      <div
-        ref={ref}
-        className={cn(
-          "flex",
-          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-          className
-        )}
-        {...props}
-      />
-    </div>
-  )
-})
-CarouselContent.displayName = "CarouselContent"
-
-const CarouselItem = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel()
-
-  return (
-    <div
-      ref={ref}
-      role="group"
-      aria-roledescription="slide"
-      className={cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-CarouselItem.displayName = "CarouselItem"
-
-const CarouselPrevious = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<typeof Button>
->(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
-
-  return (
-    <Button
-      ref={ref}
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal"
-          ? "-left-12 top-1/2 -translate-y-1/2"
-          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollPrev}
-      onClick={scrollPrev}
-      {...props}
-    >
-      <ArrowLeft className="h-4 w-4" />
-      <span className="sr-only">Previous slide</span>
-    </Button>
-  )
-})
-CarouselPrevious.displayName = "CarouselPrevious"
-
-const CarouselNext = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<typeof Button>
->(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel()
-
-  return (
-    <Button
-      ref={ref}
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal"
-          ? "-right-12 top-1/2 -translate-y-1/2"
-          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollNext}
-      onClick={scrollNext}
-      {...props}
-    >
-      <ArrowRight className="h-4 w-4" />
-      <span className="sr-only">Next slide</span>
-    </Button>
-  )
-})
-CarouselNext.displayName = "CarouselNext"
-
-export {
-  type CarouselApi,
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselPrevious,
-  CarouselNext,
-}
diff --git a/client/src/components/ui/chart.tsx b/client/src/components/ui/chart.tsx
deleted file mode 100644
index 39fba6d..0000000
--- a/client/src/components/ui/chart.tsx
+++ /dev/null
@@ -1,365 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as RechartsPrimitive from "recharts"
-
-import { cn } from "@/lib/utils"
-
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const
-
-export type ChartConfig = {
-  [k in string]: {
-    label?: React.ReactNode
-    icon?: React.ComponentType
-  } & (
-    | { color?: string; theme?: never }
-    | { color?: never; theme: Record<keyof typeof THEMES, string> }
-  )
-}
-
-type ChartContextProps = {
-  config: ChartConfig
-}
-
-const ChartContext = React.createContext<ChartContextProps | null>(null)
-
-function useChart() {
-  const context = React.useContext(ChartContext)
-
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />")
-  }
-
-  return context
-}
-
-const ChartContainer = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    config: ChartConfig
-    children: React.ComponentProps<
-      typeof RechartsPrimitive.ResponsiveContainer
-    >["children"]
-  }
->(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React.useId()
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
-
-  return (
-    <ChartContext.Provider value={{ config }}>
-      <div
-        data-chart={chartId}
-        ref={ref}
-        className={cn(
-          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-          className
-        )}
-        {...props}
-      >
-        <ChartStyle id={chartId} config={config} />
-        <RechartsPrimitive.ResponsiveContainer>
-          {children}
-        </RechartsPrimitive.ResponsiveContainer>
-      </div>
-    </ChartContext.Provider>
-  )
-})
-ChartContainer.displayName = "Chart"
-
-const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([, config]) => config.theme || config.color
-  )
-
-  if (!colorConfig.length) {
-    return null
-  }
-
-  return (
-    <style
-      dangerouslySetInnerHTML={{
-        __html: Object.entries(THEMES)
-          .map(
-            ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-  .map(([key, itemConfig]) => {
-    const color =
-      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-      itemConfig.color
-    return color ? `  --color-${key}: ${color};` : null
-  })
-  .join("\n")}
-}
-`
-          )
-          .join("\n"),
-      }}
-    />
-  )
-}
-
-const ChartTooltip = RechartsPrimitive.Tooltip
-
-const ChartTooltipContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-    React.ComponentProps<"div"> & {
-      hideLabel?: boolean
-      hideIndicator?: boolean
-      indicator?: "line" | "dot" | "dashed"
-      nameKey?: string
-      labelKey?: string
-    }
->(
-  (
-    {
-      active,
-      payload,
-      className,
-      indicator = "dot",
-      hideLabel = false,
-      hideIndicator = false,
-      label,
-      labelFormatter,
-      labelClassName,
-      formatter,
-      color,
-      nameKey,
-      labelKey,
-    },
-    ref
-  ) => {
-    const { config } = useChart()
-
-    const tooltipLabel = React.useMemo(() => {
-      if (hideLabel || !payload?.length) {
-        return null
-      }
-
-      const [item] = payload
-      const key = `${labelKey || item?.dataKey || item?.name || "value"}`
-      const itemConfig = getPayloadConfigFromPayload(config, item, key)
-      const value =
-        !labelKey && typeof label === "string"
-          ? config[label as keyof typeof config]?.label || label
-          : itemConfig?.label
-
-      if (labelFormatter) {
-        return (
-          <div className={cn("font-medium", labelClassName)}>
-            {labelFormatter(value, payload)}
-          </div>
-        )
-      }
-
-      if (!value) {
-        return null
-      }
-
-      return <div className={cn("font-medium", labelClassName)}>{value}</div>
-    }, [
-      label,
-      labelFormatter,
-      payload,
-      hideLabel,
-      labelClassName,
-      config,
-      labelKey,
-    ])
-
-    if (!active || !payload?.length) {
-      return null
-    }
-
-    const nestLabel = payload.length === 1 && indicator !== "dot"
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          className
-        )}
-      >
-        {!nestLabel ? tooltipLabel : null}
-        <div className="grid gap-1.5">
-          {payload.map((item, index) => {
-            const key = `${nameKey || item.name || item.dataKey || "value"}`
-            const itemConfig = getPayloadConfigFromPayload(config, item, key)
-            const indicatorColor = color || item.payload.fill || item.color
-
-            return (
-              <div
-                key={item.dataKey}
-                className={cn(
-                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-                  indicator === "dot" && "items-center"
-                )}
-              >
-                {formatter && item?.value !== undefined && item.name ? (
-                  formatter(item.value, item.name, item, index, item.payload)
-                ) : (
-                  <>
-                    {itemConfig?.icon ? (
-                      <itemConfig.icon />
-                    ) : (
-                      !hideIndicator && (
-                        <div
-                          className={cn(
-                            "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
-                            {
-                              "h-2.5 w-2.5": indicator === "dot",
-                              "w-1": indicator === "line",
-                              "w-0 border-[1.5px] border-dashed bg-transparent":
-                                indicator === "dashed",
-                              "my-0.5": nestLabel && indicator === "dashed",
-                            }
-                          )}
-                          style={
-                            {
-                              "--color-bg": indicatorColor,
-                              "--color-border": indicatorColor,
-                            } as React.CSSProperties
-                          }
-                        />
-                      )
-                    )}
-                    <div
-                      className={cn(
-                        "flex flex-1 justify-between leading-none",
-                        nestLabel ? "items-end" : "items-center"
-                      )}
-                    >
-                      <div className="grid gap-1.5">
-                        {nestLabel ? tooltipLabel : null}
-                        <span className="text-muted-foreground">
-                          {itemConfig?.label || item.name}
-                        </span>
-                      </div>
-                      {item.value && (
-                        <span className="font-mono font-medium tabular-nums text-foreground">
-                          {item.value.toLocaleString()}
-                        </span>
-                      )}
-                    </div>
-                  </>
-                )}
-              </div>
-            )
-          })}
-        </div>
-      </div>
-    )
-  }
-)
-ChartTooltipContent.displayName = "ChartTooltip"
-
-const ChartLegend = RechartsPrimitive.Legend
-
-const ChartLegendContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> &
-    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-      hideIcon?: boolean
-      nameKey?: string
-    }
->(
-  (
-    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
-    ref
-  ) => {
-    const { config } = useChart()
-
-    if (!payload?.length) {
-      return null
-    }
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "flex items-center justify-center gap-4",
-          verticalAlign === "top" ? "pb-3" : "pt-3",
-          className
-        )}
-      >
-        {payload.map((item) => {
-          const key = `${nameKey || item.dataKey || "value"}`
-          const itemConfig = getPayloadConfigFromPayload(config, item, key)
-
-          return (
-            <div
-              key={item.value}
-              className={cn(
-                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-              )}
-            >
-              {itemConfig?.icon && !hideIcon ? (
-                <itemConfig.icon />
-              ) : (
-                <div
-                  className="h-2 w-2 shrink-0 rounded-[2px]"
-                  style={{
-                    backgroundColor: item.color,
-                  }}
-                />
-              )}
-              {itemConfig?.label}
-            </div>
-          )
-        })}
-      </div>
-    )
-  }
-)
-ChartLegendContent.displayName = "ChartLegend"
-
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(
-  config: ChartConfig,
-  payload: unknown,
-  key: string
-) {
-  if (typeof payload !== "object" || payload === null) {
-    return undefined
-  }
-
-  const payloadPayload =
-    "payload" in payload &&
-    typeof payload.payload === "object" &&
-    payload.payload !== null
-      ? payload.payload
-      : undefined
-
-  let configLabelKey: string = key
-
-  if (
-    key in payload &&
-    typeof payload[key as keyof typeof payload] === "string"
-  ) {
-    configLabelKey = payload[key as keyof typeof payload] as string
-  } else if (
-    payloadPayload &&
-    key in payloadPayload &&
-    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
-  ) {
-    configLabelKey = payloadPayload[
-      key as keyof typeof payloadPayload
-    ] as string
-  }
-
-  return configLabelKey in config
-    ? config[configLabelKey]
-    : config[key as keyof typeof config]
-}
-
-export {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-}
diff --git a/client/src/components/ui/checkbox.tsx b/client/src/components/ui/checkbox.tsx
deleted file mode 100644
index ddbdd01..0000000
--- a/client/src/components/ui/checkbox.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import * as React from "react"
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
-import { Check } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof CheckboxPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <CheckboxPrimitive.Root
-    ref={ref}
-    className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className
-    )}
-    {...props}
-  >
-    <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
-    >
-      <Check className="h-4 w-4" />
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>
-))
-Checkbox.displayName = CheckboxPrimitive.Root.displayName
-
-export { Checkbox }
diff --git a/client/src/components/ui/collapsible.tsx b/client/src/components/ui/collapsible.tsx
deleted file mode 100644
index 9fa4894..0000000
--- a/client/src/components/ui/collapsible.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client"
-
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
-
-const Collapsible = CollapsiblePrimitive.Root
-
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
-
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/client/src/components/ui/command.tsx b/client/src/components/ui/command.tsx
deleted file mode 100644
index f0e4e3f..0000000
--- a/client/src/components/ui/command.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import * as React from "react"
-import { type DialogProps } from "@radix-ui/react-dialog"
-import { Command as CommandPrimitive } from "cmdk"
-import { Search } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Dialog, DialogContent } from "@/components/ui/dialog"
-
-const Command = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-Command.displayName = CommandPrimitive.displayName
-
-const CommandDialog = ({ children, ...props }: DialogProps) => {
-  return (
-    <Dialog {...props}>
-      <DialogContent className="overflow-hidden p-0 shadow-lg">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
->(({ className, ...props }, ref) => (
-  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
-    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  </div>
-))
-
-CommandInput.displayName = CommandPrimitive.Input.displayName
-
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-))
-
-CommandList.displayName = CommandPrimitive.List.displayName
-
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-))
-
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName
-
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-
-CommandGroup.displayName = CommandPrimitive.Group.displayName
-
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 h-px bg-border", className)}
-    {...props}
-  />
-))
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName
-
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    )}
-    {...props}
-  />
-))
-
-CommandItem.displayName = CommandPrimitive.Item.displayName
-
-const CommandShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-CommandShortcut.displayName = "CommandShortcut"
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-}
diff --git a/client/src/components/ui/context-menu.tsx b/client/src/components/ui/context-menu.tsx
deleted file mode 100644
index aa3ef77..0000000
--- a/client/src/components/ui/context-menu.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import * as React from "react"
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const ContextMenu = ContextMenuPrimitive.Root
-
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger
-
-const ContextMenuGroup = ContextMenuPrimitive.Group
-
-const ContextMenuPortal = ContextMenuPrimitive.Portal
-
-const ContextMenuSub = ContextMenuPrimitive.Sub
-
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
-
-const ContextMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <ContextMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </ContextMenuPrimitive.SubTrigger>
-))
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
-
-const ContextMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
-
-const ContextMenuContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Portal>
-    <ContextMenuPrimitive.Content
-      ref={ref}
-      className={cn(
-        "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
-        className
-      )}
-      {...props}
-    />
-  </ContextMenuPrimitive.Portal>
-))
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
-
-const ContextMenuItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
-
-const ContextMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <ContextMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.CheckboxItem>
-))
-ContextMenuCheckboxItem.displayName =
-  ContextMenuPrimitive.CheckboxItem.displayName
-
-const ContextMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <ContextMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.RadioItem>
-))
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
-
-const ContextMenuLabel = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold text-foreground",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
-
-const ContextMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-border", className)}
-    {...props}
-  />
-))
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
-
-const ContextMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-ContextMenuShortcut.displayName = "ContextMenuShortcut"
-
-export {
-  ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
-}
diff --git a/client/src/components/ui/dialog.tsx b/client/src/components/ui/dialog.tsx
deleted file mode 100644
index f38593b..0000000
--- a/client/src/components/ui/dialog.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { X } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Dialog = DialogPrimitive.Root
-
-const DialogTrigger = DialogPrimitive.Trigger
-
-const DialogPortal = DialogPrimitive.Portal
-
-const DialogClose = DialogPrimitive.Close
-
-const DialogOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Overlay
-    ref={ref}
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-  />
-))
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
-
-const DialogContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-        <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
-      </DialogPrimitive.Close>
-    </DialogPrimitive.Content>
-  </DialogPortal>
-))
-DialogContent.displayName = DialogPrimitive.Content.displayName
-
-const DialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    )}
-    {...props}
-  />
-)
-DialogHeader.displayName = "DialogHeader"
-
-const DialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    )}
-    {...props}
-  />
-)
-DialogFooter.displayName = "DialogFooter"
-
-const DialogTitle = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
-DialogTitle.displayName = DialogPrimitive.Title.displayName
-
-const DialogDescription = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-DialogDescription.displayName = DialogPrimitive.Description.displayName
-
-export {
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogClose,
-  DialogTrigger,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-}
diff --git a/client/src/components/ui/drawer.tsx b/client/src/components/ui/drawer.tsx
deleted file mode 100644
index 6a0ef53..0000000
--- a/client/src/components/ui/drawer.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { Drawer as DrawerPrimitive } from "vaul"
-
-import { cn } from "@/lib/utils"
-
-const Drawer = ({
-  shouldScaleBackground = true,
-  ...props
-}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
-  <DrawerPrimitive.Root
-    shouldScaleBackground={shouldScaleBackground}
-    {...props}
-  />
-)
-Drawer.displayName = "Drawer"
-
-const DrawerTrigger = DrawerPrimitive.Trigger
-
-const DrawerPortal = DrawerPrimitive.Portal
-
-const DrawerClose = DrawerPrimitive.Close
-
-const DrawerOverlay = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Overlay
-    ref={ref}
-    className={cn("fixed inset-0 z-50 bg-black/80", className)}
-    {...props}
-  />
-))
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
-
-const DrawerContent = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <DrawerPortal>
-    <DrawerOverlay />
-    <DrawerPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        className
-      )}
-      {...props}
-    >
-      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
-      {children}
-    </DrawerPrimitive.Content>
-  </DrawerPortal>
-))
-DrawerContent.displayName = "DrawerContent"
-
-const DrawerHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
-    {...props}
-  />
-)
-DrawerHeader.displayName = "DrawerHeader"
-
-const DrawerFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-    {...props}
-  />
-)
-DrawerFooter.displayName = "DrawerFooter"
-
-const DrawerTitle = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName
-
-const DrawerDescription = React.forwardRef<
-  React.ElementRef<typeof DrawerPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName
-
-export {
-  Drawer,
-  DrawerPortal,
-  DrawerOverlay,
-  DrawerTrigger,
-  DrawerClose,
-  DrawerContent,
-  DrawerHeader,
-  DrawerFooter,
-  DrawerTitle,
-  DrawerDescription,
-}
diff --git a/client/src/components/ui/dropdown-menu.tsx b/client/src/components/ui/dropdown-menu.tsx
deleted file mode 100644
index fc790a8..0000000
--- a/client/src/components/ui/dropdown-menu.tsx
+++ /dev/null
@@ -1,198 +0,0 @@
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const DropdownMenu = DropdownMenuPrimitive.Root
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
-
-const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto" />
-  </DropdownMenuPrimitive.SubTrigger>
-))
-DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
-
-const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
-
-const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
-
-const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
-
-const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-))
-DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
-
-const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
-
-const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
-
-const DropdownMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-}
diff --git a/client/src/components/ui/form.tsx b/client/src/components/ui/form.tsx
deleted file mode 100644
index 4f02ae6..0000000
--- a/client/src/components/ui/form.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { Slot } from "@radix-ui/react-slot"
-import {
-  Controller,
-  FormProvider,
-  useFormContext,
-  type ControllerProps,
-  type FieldPath,
-  type FieldValues,
-} from "react-hook-form"
-
-import { cn } from "@/lib/utils"
-import { Label } from "@/components/ui/label"
-
-const Form = FormProvider
-
-type FormFieldContextValue<
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
-> = {
-  name: TName
-}
-
-const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
-)
-
-const FormField = <
-  TFieldValues extends FieldValues = FieldValues,
-  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
->({
-  ...props
-}: ControllerProps<TFieldValues, TName>) => {
-  return (
-    <FormFieldContext.Provider value={{ name: props.name }}>
-      <Controller {...props} />
-    </FormFieldContext.Provider>
-  )
-}
-
-const useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext)
-  const itemContext = React.useContext(FormItemContext)
-  const { getFieldState, formState } = useFormContext()
-
-  const fieldState = getFieldState(fieldContext.name, formState)
-
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>")
-  }
-
-  const { id } = itemContext
-
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState,
-  }
-}
-
-type FormItemContextValue = {
-  id: string
-}
-
-const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
-)
-
-const FormItem = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const id = React.useId()
-
-  return (
-    <FormItemContext.Provider value={{ id }}>
-      <div ref={ref} className={cn("space-y-2", className)} {...props} />
-    </FormItemContext.Provider>
-  )
-})
-FormItem.displayName = "FormItem"
-
-const FormLabel = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
->(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField()
-
-  return (
-    <Label
-      ref={ref}
-      className={cn(error && "text-destructive", className)}
-      htmlFor={formItemId}
-      {...props}
-    />
-  )
-})
-FormLabel.displayName = "FormLabel"
-
-const FormControl = React.forwardRef<
-  React.ElementRef<typeof Slot>,
-  React.ComponentPropsWithoutRef<typeof Slot>
->(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-
-  return (
-    <Slot
-      ref={ref}
-      id={formItemId}
-      aria-describedby={
-        !error
-          ? `${formDescriptionId}`
-          : `${formDescriptionId} ${formMessageId}`
-      }
-      aria-invalid={!!error}
-      {...props}
-    />
-  )
-})
-FormControl.displayName = "FormControl"
-
-const FormDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField()
-
-  return (
-    <p
-      ref={ref}
-      id={formDescriptionId}
-      className={cn("text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  )
-})
-FormDescription.displayName = "FormDescription"
-
-const FormMessage = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField()
-  const body = error ? String(error?.message ?? "") : children
-
-  if (!body) {
-    return null
-  }
-
-  return (
-    <p
-      ref={ref}
-      id={formMessageId}
-      className={cn("text-sm font-medium text-destructive", className)}
-      {...props}
-    >
-      {body}
-    </p>
-  )
-})
-FormMessage.displayName = "FormMessage"
-
-export {
-  useFormField,
-  Form,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormDescription,
-  FormMessage,
-  FormField,
-}
diff --git a/client/src/components/ui/hover-card.tsx b/client/src/components/ui/hover-card.tsx
deleted file mode 100644
index 74efa6b..0000000
--- a/client/src/components/ui/hover-card.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
-
-import { cn } from "@/lib/utils"
-
-const HoverCard = HoverCardPrimitive.Root
-
-const HoverCardTrigger = HoverCardPrimitive.Trigger
-
-const HoverCardContent = React.forwardRef<
-  React.ElementRef<typeof HoverCardPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <HoverCardPrimitive.Content
-    ref={ref}
-    align={align}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
-))
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
-
-export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/client/src/components/ui/input-otp.tsx b/client/src/components/ui/input-otp.tsx
deleted file mode 100644
index ebf5c28..0000000
--- a/client/src/components/ui/input-otp.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import * as React from "react"
-import { OTPInput, OTPInputContext } from "input-otp"
-import { Dot } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const InputOTP = React.forwardRef<
-  React.ElementRef<typeof OTPInput>,
-  React.ComponentPropsWithoutRef<typeof OTPInput>
->(({ className, containerClassName, ...props }, ref) => (
-  <OTPInput
-    ref={ref}
-    containerClassName={cn(
-      "flex items-center gap-2 has-[:disabled]:opacity-50",
-      containerClassName
-    )}
-    className={cn("disabled:cursor-not-allowed", className)}
-    {...props}
-  />
-))
-InputOTP.displayName = "InputOTP"
-
-const InputOTPGroup = React.forwardRef<
-  React.ElementRef<"div">,
-  React.ComponentPropsWithoutRef<"div">
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("flex items-center", className)} {...props} />
-))
-InputOTPGroup.displayName = "InputOTPGroup"
-
-const InputOTPSlot = React.forwardRef<
-  React.ElementRef<"div">,
-  React.ComponentPropsWithoutRef<"div"> & { index: number }
->(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React.useContext(OTPInputContext)
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
-
-  return (
-    <div
-      ref={ref}
-      className={cn(
-        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        isActive && "z-10 ring-2 ring-ring ring-offset-background",
-        className
-      )}
-      {...props}
-    >
-      {char}
-      {hasFakeCaret && (
-        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
-          <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
-        </div>
-      )}
-    </div>
-  )
-})
-InputOTPSlot.displayName = "InputOTPSlot"
-
-const InputOTPSeparator = React.forwardRef<
-  React.ElementRef<"div">,
-  React.ComponentPropsWithoutRef<"div">
->(({ ...props }, ref) => (
-  <div ref={ref} role="separator" {...props}>
-    <Dot />
-  </div>
-))
-InputOTPSeparator.displayName = "InputOTPSeparator"
-
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/client/src/components/ui/input.tsx b/client/src/components/ui/input.tsx
deleted file mode 100644
index 68551b9..0000000
--- a/client/src/components/ui/input.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        )}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Input.displayName = "Input"
-
-export { Input }
diff --git a/client/src/components/ui/label.tsx b/client/src/components/ui/label.tsx
deleted file mode 100644
index 683faa7..0000000
--- a/client/src/components/ui/label.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-)
-
-const Label = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
->(({ className, ...props }, ref) => (
-  <LabelPrimitive.Root
-    ref={ref}
-    className={cn(labelVariants(), className)}
-    {...props}
-  />
-))
-Label.displayName = LabelPrimitive.Root.displayName
-
-export { Label }
diff --git a/client/src/components/ui/menubar.tsx b/client/src/components/ui/menubar.tsx
deleted file mode 100644
index 7b3a71b..0000000
--- a/client/src/components/ui/menubar.tsx
+++ /dev/null
@@ -1,256 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as MenubarPrimitive from "@radix-ui/react-menubar"
-import { Check, ChevronRight, Circle } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-function MenubarMenu({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
-  return <MenubarPrimitive.Menu {...props} />
-}
-
-function MenubarGroup({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
-  return <MenubarPrimitive.Group {...props} />
-}
-
-function MenubarPortal({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
-  return <MenubarPrimitive.Portal {...props} />
-}
-
-function MenubarRadioGroup({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
-  return <MenubarPrimitive.RadioGroup {...props} />
-}
-
-function MenubarSub({
-  ...props
-}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
-  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
-}
-
-const Menubar = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <MenubarPrimitive.Root
-    ref={ref}
-    className={cn(
-      "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
-      className
-    )}
-    {...props}
-  />
-))
-Menubar.displayName = MenubarPrimitive.Root.displayName
-
-const MenubarTrigger = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <MenubarPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
-
-const MenubarSubTrigger = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <MenubarPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </MenubarPrimitive.SubTrigger>
-))
-MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName
-
-const MenubarSubContent = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <MenubarPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
-))
-MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName
-
-const MenubarContent = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>
->(
-  (
-    { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
-    ref
-  ) => (
-    <MenubarPrimitive.Portal>
-      <MenubarPrimitive.Content
-        ref={ref}
-        align={align}
-        alignOffset={alignOffset}
-        sideOffset={sideOffset}
-        className={cn(
-          "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-menubar-content-transform-origin]",
-          className
-        )}
-        {...props}
-      />
-    </MenubarPrimitive.Portal>
-  )
-)
-MenubarContent.displayName = MenubarPrimitive.Content.displayName
-
-const MenubarItem = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <MenubarPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-MenubarItem.displayName = MenubarPrimitive.Item.displayName
-
-const MenubarCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <MenubarPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <MenubarPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </MenubarPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </MenubarPrimitive.CheckboxItem>
-))
-MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName
-
-const MenubarRadioItem = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <MenubarPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <MenubarPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </MenubarPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </MenubarPrimitive.RadioItem>
-))
-MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName
-
-const MenubarLabel = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <MenubarPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-MenubarLabel.displayName = MenubarPrimitive.Label.displayName
-
-const MenubarSeparator = React.forwardRef<
-  React.ElementRef<typeof MenubarPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <MenubarPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName
-
-const MenubarShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-MenubarShortcut.displayname = "MenubarShortcut"
-
-export {
-  Menubar,
-  MenubarMenu,
-  MenubarTrigger,
-  MenubarContent,
-  MenubarItem,
-  MenubarSeparator,
-  MenubarLabel,
-  MenubarCheckboxItem,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarPortal,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarGroup,
-  MenubarSub,
-  MenubarShortcut,
-}
diff --git a/client/src/components/ui/navigation-menu.tsx b/client/src/components/ui/navigation-menu.tsx
deleted file mode 100644
index 411f519..0000000
--- a/client/src/components/ui/navigation-menu.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import * as React from "react"
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
-import { cva } from "class-variance-authority"
-import { ChevronDown } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const NavigationMenu = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <NavigationMenuViewport />
-  </NavigationMenuPrimitive.Root>
-))
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
-
-const NavigationMenuList = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.List
-    ref={ref}
-    className={cn(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
-      className
-    )}
-    {...props}
-  />
-))
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item
-
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
-)
-
-const NavigationMenuTrigger = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Trigger
-    ref={ref}
-    className={cn(navigationMenuTriggerStyle(), "group", className)}
-    {...props}
-  >
-    {children}{" "}
-    <ChevronDown
-      className="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuPrimitive.Trigger>
-))
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
-
-const NavigationMenuContent = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Content
-    ref={ref}
-    className={cn(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      className
-    )}
-    {...props}
-  />
-))
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link
-
-const NavigationMenuViewport = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
->(({ className, ...props }, ref) => (
-  <div className={cn("absolute left-0 top-full flex justify-center")}>
-    <NavigationMenuPrimitive.Viewport
-      className={cn(
-        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  </div>
-))
-NavigationMenuViewport.displayName =
-  NavigationMenuPrimitive.Viewport.displayName
-
-const NavigationMenuIndicator = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Indicator
-    ref={ref}
-    className={cn(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      className
-    )}
-    {...props}
-  >
-    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuPrimitive.Indicator>
-))
-NavigationMenuIndicator.displayName =
-  NavigationMenuPrimitive.Indicator.displayName
-
-export {
-  navigationMenuTriggerStyle,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-}
diff --git a/client/src/components/ui/pagination.tsx b/client/src/components/ui/pagination.tsx
deleted file mode 100644
index ea40d19..0000000
--- a/client/src/components/ui/pagination.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { ButtonProps, buttonVariants } from "@/components/ui/button"
-
-const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
-  <nav
-    role="navigation"
-    aria-label="pagination"
-    className={cn("mx-auto flex w-full justify-center", className)}
-    {...props}
-  />
-)
-Pagination.displayName = "Pagination"
-
-const PaginationContent = React.forwardRef<
-  HTMLUListElement,
-  React.ComponentProps<"ul">
->(({ className, ...props }, ref) => (
-  <ul
-    ref={ref}
-    className={cn("flex flex-row items-center gap-1", className)}
-    {...props}
-  />
-))
-PaginationContent.displayName = "PaginationContent"
-
-const PaginationItem = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentProps<"li">
->(({ className, ...props }, ref) => (
-  <li ref={ref} className={cn("", className)} {...props} />
-))
-PaginationItem.displayName = "PaginationItem"
-
-type PaginationLinkProps = {
-  isActive?: boolean
-} & Pick<ButtonProps, "size"> &
-  React.ComponentProps<"a">
-
-const PaginationLink = ({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}: PaginationLinkProps) => (
-  <a
-    aria-current={isActive ? "page" : undefined}
-    className={cn(
-      buttonVariants({
-        variant: isActive ? "outline" : "ghost",
-        size,
-      }),
-      className
-    )}
-    {...props}
-  />
-)
-PaginationLink.displayName = "PaginationLink"
-
-const PaginationPrevious = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to previous page"
-    size="default"
-    className={cn("gap-1 pl-2.5", className)}
-    {...props}
-  >
-    <ChevronLeft className="h-4 w-4" />
-    <span>Previous</span>
-  </PaginationLink>
-)
-PaginationPrevious.displayName = "PaginationPrevious"
-
-const PaginationNext = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to next page"
-    size="default"
-    className={cn("gap-1 pr-2.5", className)}
-    {...props}
-  >
-    <span>Next</span>
-    <ChevronRight className="h-4 w-4" />
-  </PaginationLink>
-)
-PaginationNext.displayName = "PaginationNext"
-
-const PaginationEllipsis = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    aria-hidden
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
-    {...props}
-  >
-    <MoreHorizontal className="h-4 w-4" />
-    <span className="sr-only">More pages</span>
-  </span>
-)
-PaginationEllipsis.displayName = "PaginationEllipsis"
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
-}
diff --git a/client/src/components/ui/popover.tsx b/client/src/components/ui/popover.tsx
deleted file mode 100644
index 821a32f..0000000
--- a/client/src/components/ui/popover.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
-
-import { cn } from "@/lib/utils"
-
-const Popover = PopoverPrimitive.Root
-
-const PopoverTrigger = PopoverPrimitive.Trigger
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content
-      ref={ref}
-      align={align}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
-        className
-      )}
-      {...props}
-    />
-  </PopoverPrimitive.Portal>
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
-
-export { Popover, PopoverTrigger, PopoverContent }
diff --git a/client/src/components/ui/progress.tsx b/client/src/components/ui/progress.tsx
deleted file mode 100644
index 5c87ea4..0000000
--- a/client/src/components/ui/progress.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
-
-import { cn } from "@/lib/utils"
-
-const Progress = React.forwardRef<
-  React.ElementRef<typeof ProgressPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
->(({ className, value, ...props }, ref) => (
-  <ProgressPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
-    )}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-primary transition-all"
-      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-    />
-  </ProgressPrimitive.Root>
-))
-Progress.displayName = ProgressPrimitive.Root.displayName
-
-export { Progress }
diff --git a/client/src/components/ui/radio-group.tsx b/client/src/components/ui/radio-group.tsx
deleted file mode 100644
index 43b43b4..0000000
--- a/client/src/components/ui/radio-group.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import * as React from "react"
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
-import { Circle } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const RadioGroup = React.forwardRef<
-  React.ElementRef<typeof RadioGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
->(({ className, ...props }, ref) => {
-  return (
-    <RadioGroupPrimitive.Root
-      className={cn("grid gap-2", className)}
-      {...props}
-      ref={ref}
-    />
-  )
-})
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
-
-const RadioGroupItem = React.forwardRef<
-  React.ElementRef<typeof RadioGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
->(({ className, ...props }, ref) => {
-  return (
-    <RadioGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
-        <Circle className="h-2.5 w-2.5 fill-current text-current" />
-      </RadioGroupPrimitive.Indicator>
-    </RadioGroupPrimitive.Item>
-  )
-})
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
-
-export { RadioGroup, RadioGroupItem }
diff --git a/client/src/components/ui/resizable.tsx b/client/src/components/ui/resizable.tsx
deleted file mode 100644
index f4bc558..0000000
--- a/client/src/components/ui/resizable.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client"
-
-import { GripVertical } from "lucide-react"
-import * as ResizablePrimitive from "react-resizable-panels"
-
-import { cn } from "@/lib/utils"
-
-const ResizablePanelGroup = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
-  <ResizablePrimitive.PanelGroup
-    className={cn(
-      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-      className
-    )}
-    {...props}
-  />
-)
-
-const ResizablePanel = ResizablePrimitive.Panel
-
-const ResizableHandle = ({
-  withHandle,
-  className,
-  ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean
-}) => (
-  <ResizablePrimitive.PanelResizeHandle
-    className={cn(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      className
-    )}
-    {...props}
-  >
-    {withHandle && (
-      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
-        <GripVertical className="h-2.5 w-2.5" />
-      </div>
-    )}
-  </ResizablePrimitive.PanelResizeHandle>
-)
-
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/client/src/components/ui/scroll-area.tsx b/client/src/components/ui/scroll-area.tsx
deleted file mode 100644
index cf253cf..0000000
--- a/client/src/components/ui/scroll-area.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
-
-import { cn } from "@/lib/utils"
-
-const ScrollArea = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <ScrollAreaPrimitive.Root
-    ref={ref}
-    className={cn("relative overflow-hidden", className)}
-    {...props}
-  >
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
-      {children}
-    </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
-    <ScrollAreaPrimitive.Corner />
-  </ScrollAreaPrimitive.Root>
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
-
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = "vertical", ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
-    ref={ref}
-    orientation={orientation}
-    className={cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    )}
-    {...props}
-  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
-))
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
-
-export { ScrollArea, ScrollBar }
diff --git a/client/src/components/ui/select.tsx b/client/src/components/ui/select.tsx
deleted file mode 100644
index a45647c..0000000
--- a/client/src/components/ui/select.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { Check, ChevronDown, ChevronUp } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Select = SelectPrimitive.Root
-
-const SelectGroup = SelectPrimitive.Group
-
-const SelectValue = SelectPrimitive.Value
-
-const SelectTrigger = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown className="h-4 w-4 opacity-50" />
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>
-))
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
-
-const SelectScrollUpButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    )}
-    {...props}
-  >
-    <ChevronUp className="h-4 w-4" />
-  </SelectPrimitive.ScrollUpButton>
-))
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
-
-const SelectScrollDownButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollDownButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    )}
-    {...props}
-  >
-    <ChevronDown className="h-4 w-4" />
-  </SelectPrimitive.ScrollDownButton>
-))
-SelectScrollDownButton.displayName =
-  SelectPrimitive.ScrollDownButton.displayName
-
-const SelectContent = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
->(({ className, children, position = "popper", ...props }, ref) => (
-  <SelectPrimitive.Portal>
-    <SelectPrimitive.Content
-      ref={ref}
-      className={cn(
-        "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-        position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      )}
-      position={position}
-      {...props}
-    >
-      <SelectScrollUpButton />
-      <SelectPrimitive.Viewport
-        className={cn(
-          "p-1",
-          position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        )}
-      >
-        {children}
-      </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
-    </SelectPrimitive.Content>
-  </SelectPrimitive.Portal>
-))
-SelectContent.displayName = SelectPrimitive.Content.displayName
-
-const SelectLabel = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Label
-    ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
-    {...props}
-  />
-))
-SelectLabel.displayName = SelectPrimitive.Label.displayName
-
-const SelectItem = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </SelectPrimitive.ItemIndicator>
-    </span>
-
-    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-  </SelectPrimitive.Item>
-))
-SelectItem.displayName = SelectPrimitive.Item.displayName
-
-const SelectSeparator = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName
-
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
-}
diff --git a/client/src/components/ui/separator.tsx b/client/src/components/ui/separator.tsx
deleted file mode 100644
index 6d7f122..0000000
--- a/client/src/components/ui/separator.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
-
-import { cn } from "@/lib/utils"
-
-const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
->(
-  (
-    { className, orientation = "horizontal", decorative = true, ...props },
-    ref
-  ) => (
-    <SeparatorPrimitive.Root
-      ref={ref}
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      )}
-      {...props}
-    />
-  )
-)
-Separator.displayName = SeparatorPrimitive.Root.displayName
-
-export { Separator }
diff --git a/client/src/components/ui/sheet.tsx b/client/src/components/ui/sheet.tsx
deleted file mode 100644
index a37f17b..0000000
--- a/client/src/components/ui/sheet.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { cva, type VariantProps } from "class-variance-authority"
-import { X } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const Sheet = SheetPrimitive.Root
-
-const SheetTrigger = SheetPrimitive.Trigger
-
-const SheetClose = SheetPrimitive.Close
-
-const SheetPortal = SheetPrimitive.Portal
-
-const SheetOverlay = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
-
-const sheetVariants = cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom:
-          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right:
-          "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-      },
-    },
-    defaultVariants: {
-      side: "right",
-    },
-  }
-)
-
-interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
-
-const SheetContent = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Content>,
-  SheetContentProps
->(({ side = "right", className, children, ...props }, ref) => (
-  <SheetPortal>
-    <SheetOverlay />
-    <SheetPrimitive.Content
-      ref={ref}
-      className={cn(sheetVariants({ side }), className)}
-      {...props}
-    >
-      {children}
-      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
-        <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
-      </SheetPrimitive.Close>
-    </SheetPrimitive.Content>
-  </SheetPortal>
-))
-SheetContent.displayName = SheetPrimitive.Content.displayName
-
-const SheetHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    )}
-    {...props}
-  />
-)
-SheetHeader.displayName = "SheetHeader"
-
-const SheetFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    )}
-    {...props}
-  />
-)
-SheetFooter.displayName = "SheetFooter"
-
-const SheetTitle = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold text-foreground", className)}
-    {...props}
-  />
-))
-SheetTitle.displayName = SheetPrimitive.Title.displayName
-
-const SheetDescription = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-SheetDescription.displayName = SheetPrimitive.Description.displayName
-
-export {
-  Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-}
diff --git a/client/src/components/ui/sidebar.tsx b/client/src/components/ui/sidebar.tsx
deleted file mode 100644
index d17b4a3..0000000
--- a/client/src/components/ui/sidebar.tsx
+++ /dev/null
@@ -1,771 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { VariantProps, cva } from "class-variance-authority"
-import { PanelLeft } from "lucide-react"
-
-import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Separator } from "@/components/ui/separator"
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet"
-import { Skeleton } from "@/components/ui/skeleton"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-
-const SIDEBAR_COOKIE_NAME = "sidebar_state"
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
-const SIDEBAR_WIDTH = "16rem"
-const SIDEBAR_WIDTH_MOBILE = "18rem"
-const SIDEBAR_WIDTH_ICON = "3rem"
-const SIDEBAR_KEYBOARD_SHORTCUT = "b"
-
-type SidebarContextProps = {
-  state: "expanded" | "collapsed"
-  open: boolean
-  setOpen: (open: boolean) => void
-  openMobile: boolean
-  setOpenMobile: (open: boolean) => void
-  isMobile: boolean
-  toggleSidebar: () => void
-}
-
-const SidebarContext = React.createContext<SidebarContextProps | null>(null)
-
-function useSidebar() {
-  const context = React.useContext(SidebarContext)
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.")
-  }
-
-  return context
-}
-
-const SidebarProvider = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    defaultOpen?: boolean
-    open?: boolean
-    onOpenChange?: (open: boolean) => void
-  }
->(
-  (
-    {
-      defaultOpen = true,
-      open: openProp,
-      onOpenChange: setOpenProp,
-      className,
-      style,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const isMobile = useIsMobile()
-    const [openMobile, setOpenMobile] = React.useState(false)
-
-    // This is the internal state of the sidebar.
-    // We use openProp and setOpenProp for control from outside the component.
-    const [_open, _setOpen] = React.useState(defaultOpen)
-    const open = openProp ?? _open
-    const setOpen = React.useCallback(
-      (value: boolean | ((value: boolean) => boolean)) => {
-        const openState = typeof value === "function" ? value(open) : value
-        if (setOpenProp) {
-          setOpenProp(openState)
-        } else {
-          _setOpen(openState)
-        }
-
-        // This sets the cookie to keep the sidebar state.
-        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
-      },
-      [setOpenProp, open]
-    )
-
-    // Helper to toggle the sidebar.
-    const toggleSidebar = React.useCallback(() => {
-      return isMobile
-        ? setOpenMobile((open) => !open)
-        : setOpen((open) => !open)
-    }, [isMobile, setOpen, setOpenMobile])
-
-    // Adds a keyboard shortcut to toggle the sidebar.
-    React.useEffect(() => {
-      const handleKeyDown = (event: KeyboardEvent) => {
-        if (
-          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-          (event.metaKey || event.ctrlKey)
-        ) {
-          event.preventDefault()
-          toggleSidebar()
-        }
-      }
-
-      window.addEventListener("keydown", handleKeyDown)
-      return () => window.removeEventListener("keydown", handleKeyDown)
-    }, [toggleSidebar])
-
-    // We add a state so that we can do data-state="expanded" or "collapsed".
-    // This makes it easier to style the sidebar with Tailwind classes.
-    const state = open ? "expanded" : "collapsed"
-
-    const contextValue = React.useMemo<SidebarContextProps>(
-      () => ({
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar,
-      }),
-      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-    )
-
-    return (
-      <SidebarContext.Provider value={contextValue}>
-        <TooltipProvider delayDuration={0}>
-          <div
-            style={
-              {
-                "--sidebar-width": SIDEBAR_WIDTH,
-                "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-                ...style,
-              } as React.CSSProperties
-            }
-            className={cn(
-              "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
-              className
-            )}
-            ref={ref}
-            {...props}
-          >
-            {children}
-          </div>
-        </TooltipProvider>
-      </SidebarContext.Provider>
-    )
-  }
-)
-SidebarProvider.displayName = "SidebarProvider"
-
-const Sidebar = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    side?: "left" | "right"
-    variant?: "sidebar" | "floating" | "inset"
-    collapsible?: "offcanvas" | "icon" | "none"
-  }
->(
-  (
-    {
-      side = "left",
-      variant = "sidebar",
-      collapsible = "offcanvas",
-      className,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
-
-    if (collapsible === "none") {
-      return (
-        <div
-          className={cn(
-            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
-            className
-          )}
-          ref={ref}
-          {...props}
-        >
-          {children}
-        </div>
-      )
-    }
-
-    if (isMobile) {
-      return (
-        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
-          <SheetContent
-            data-sidebar="sidebar"
-            data-mobile="true"
-            className="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
-            style={
-              {
-                "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
-              } as React.CSSProperties
-            }
-            side={side}
-          >
-            <SheetHeader className="sr-only">
-              <SheetTitle>Sidebar</SheetTitle>
-              <SheetDescription>Displays the mobile sidebar.</SheetDescription>
-            </SheetHeader>
-            <div className="flex h-full w-full flex-col">{children}</div>
-          </SheetContent>
-        </Sheet>
-      )
-    }
-
-    return (
-      <div
-        ref={ref}
-        className="group peer hidden text-sidebar-foreground md:block"
-        data-state={state}
-        data-collapsible={state === "collapsed" ? collapsible : ""}
-        data-variant={variant}
-        data-side={side}
-      >
-        {/* This is what handles the sidebar gap on desktop */}
-        <div
-          className={cn(
-            "relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
-            "group-data-[collapsible=offcanvas]:w-0",
-            "group-data-[side=right]:rotate-180",
-            variant === "floating" || variant === "inset"
-              ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
-              : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
-          )}
-        />
-        <div
-          className={cn(
-            "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
-            side === "left"
-              ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
-              : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-            // Adjust the padding for floating and inset variants.
-            variant === "floating" || variant === "inset"
-              ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
-              : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
-            className
-          )}
-          {...props}
-        >
-          <div
-            data-sidebar="sidebar"
-            className="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
-          >
-            {children}
-          </div>
-        </div>
-      </div>
-    )
-  }
-)
-Sidebar.displayName = "Sidebar"
-
-const SidebarTrigger = React.forwardRef<
-  React.ElementRef<typeof Button>,
-  React.ComponentProps<typeof Button>
->(({ className, onClick, ...props }, ref) => {
-  const { toggleSidebar } = useSidebar()
-
-  return (
-    <Button
-      ref={ref}
-      data-sidebar="trigger"
-      variant="ghost"
-      size="icon"
-      className={cn("h-7 w-7", className)}
-      onClick={(event) => {
-        onClick?.(event)
-        toggleSidebar()
-      }}
-      {...props}
-    >
-      <PanelLeft />
-      <span className="sr-only">Toggle Sidebar</span>
-    </Button>
-  )
-})
-SidebarTrigger.displayName = "SidebarTrigger"
-
-const SidebarRail = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<"button">
->(({ className, ...props }, ref) => {
-  const { toggleSidebar } = useSidebar()
-
-  return (
-    <button
-      ref={ref}
-      data-sidebar="rail"
-      aria-label="Toggle Sidebar"
-      tabIndex={-1}
-      onClick={toggleSidebar}
-      title="Toggle Sidebar"
-      className={cn(
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarRail.displayName = "SidebarRail"
-
-const SidebarInset = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"main">
->(({ className, ...props }, ref) => {
-  return (
-    <main
-      ref={ref}
-      className={cn(
-        "relative flex w-full flex-1 flex-col bg-background",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarInset.displayName = "SidebarInset"
-
-const SidebarInput = React.forwardRef<
-  React.ElementRef<typeof Input>,
-  React.ComponentProps<typeof Input>
->(({ className, ...props }, ref) => {
-  return (
-    <Input
-      ref={ref}
-      data-sidebar="input"
-      className={cn(
-        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarInput.displayName = "SidebarInput"
-
-const SidebarHeader = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => {
-  return (
-    <div
-      ref={ref}
-      data-sidebar="header"
-      className={cn("flex flex-col gap-2 p-2", className)}
-      {...props}
-    />
-  )
-})
-SidebarHeader.displayName = "SidebarHeader"
-
-const SidebarFooter = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => {
-  return (
-    <div
-      ref={ref}
-      data-sidebar="footer"
-      className={cn("flex flex-col gap-2 p-2", className)}
-      {...props}
-    />
-  )
-})
-SidebarFooter.displayName = "SidebarFooter"
-
-const SidebarSeparator = React.forwardRef<
-  React.ElementRef<typeof Separator>,
-  React.ComponentProps<typeof Separator>
->(({ className, ...props }, ref) => {
-  return (
-    <Separator
-      ref={ref}
-      data-sidebar="separator"
-      className={cn("mx-2 w-auto bg-sidebar-border", className)}
-      {...props}
-    />
-  )
-})
-SidebarSeparator.displayName = "SidebarSeparator"
-
-const SidebarContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => {
-  return (
-    <div
-      ref={ref}
-      data-sidebar="content"
-      className={cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarContent.displayName = "SidebarContent"
-
-const SidebarGroup = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => {
-  return (
-    <div
-      ref={ref}
-      data-sidebar="group"
-      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
-      {...props}
-    />
-  )
-})
-SidebarGroup.displayName = "SidebarGroup"
-
-const SidebarGroupLabel = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & { asChild?: boolean }
->(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "div"
-
-  return (
-    <Comp
-      ref={ref}
-      data-sidebar="group-label"
-      className={cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarGroupLabel.displayName = "SidebarGroupLabel"
-
-const SidebarGroupAction = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<"button"> & { asChild?: boolean }
->(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "button"
-
-  return (
-    <Comp
-      ref={ref}
-      data-sidebar="group-action"
-      className={cn(
-        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarGroupAction.displayName = "SidebarGroupAction"
-
-const SidebarGroupContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    data-sidebar="group-content"
-    className={cn("w-full text-sm", className)}
-    {...props}
-  />
-))
-SidebarGroupContent.displayName = "SidebarGroupContent"
-
-const SidebarMenu = React.forwardRef<
-  HTMLUListElement,
-  React.ComponentProps<"ul">
->(({ className, ...props }, ref) => (
-  <ul
-    ref={ref}
-    data-sidebar="menu"
-    className={cn("flex w-full min-w-0 flex-col gap-1", className)}
-    {...props}
-  />
-))
-SidebarMenu.displayName = "SidebarMenu"
-
-const SidebarMenuItem = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentProps<"li">
->(({ className, ...props }, ref) => (
-  <li
-    ref={ref}
-    data-sidebar="menu-item"
-    className={cn("group/menu-item relative", className)}
-    {...props}
-  />
-))
-SidebarMenuItem.displayName = "SidebarMenuItem"
-
-const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline:
-          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-const SidebarMenuButton = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<"button"> & {
-    asChild?: boolean
-    isActive?: boolean
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>
-  } & VariantProps<typeof sidebarMenuButtonVariants>
->(
-  (
-    {
-      asChild = false,
-      isActive = false,
-      variant = "default",
-      size = "default",
-      tooltip,
-      className,
-      ...props
-    },
-    ref
-  ) => {
-    const Comp = asChild ? Slot : "button"
-    const { isMobile, state } = useSidebar()
-
-    const button = (
-      <Comp
-        ref={ref}
-        data-sidebar="menu-button"
-        data-size={size}
-        data-active={isActive}
-        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
-        {...props}
-      />
-    )
-
-    if (!tooltip) {
-      return button
-    }
-
-    if (typeof tooltip === "string") {
-      tooltip = {
-        children: tooltip,
-      }
-    }
-
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>{button}</TooltipTrigger>
-        <TooltipContent
-          side="right"
-          align="center"
-          hidden={state !== "collapsed" || isMobile}
-          {...tooltip}
-        />
-      </Tooltip>
-    )
-  }
-)
-SidebarMenuButton.displayName = "SidebarMenuButton"
-
-const SidebarMenuAction = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<"button"> & {
-    asChild?: boolean
-    showOnHover?: boolean
-  }
->(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "button"
-
-  return (
-    <Comp
-      ref={ref}
-      data-sidebar="menu-action"
-      className={cn(
-        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
-        showOnHover &&
-          "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarMenuAction.displayName = "SidebarMenuAction"
-
-const SidebarMenuBadge = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div">
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    data-sidebar="menu-badge"
-    className={cn(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
-      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=default]/menu-button:top-1.5",
-      "peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[collapsible=icon]:hidden",
-      className
-    )}
-    {...props}
-  />
-))
-SidebarMenuBadge.displayName = "SidebarMenuBadge"
-
-const SidebarMenuSkeleton = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    showIcon?: boolean
-  }
->(({ className, showIcon = false, ...props }, ref) => {
-  // Random width between 50 to 90%.
-  const width = React.useMemo(() => {
-    return `${Math.floor(Math.random() * 40) + 50}%`
-  }, [])
-
-  return (
-    <div
-      ref={ref}
-      data-sidebar="menu-skeleton"
-      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
-      {...props}
-    >
-      {showIcon && (
-        <Skeleton
-          className="size-4 rounded-md"
-          data-sidebar="menu-skeleton-icon"
-        />
-      )}
-      <Skeleton
-        className="h-4 max-w-[--skeleton-width] flex-1"
-        data-sidebar="menu-skeleton-text"
-        style={
-          {
-            "--skeleton-width": width,
-          } as React.CSSProperties
-        }
-      />
-    </div>
-  )
-})
-SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton"
-
-const SidebarMenuSub = React.forwardRef<
-  HTMLUListElement,
-  React.ComponentProps<"ul">
->(({ className, ...props }, ref) => (
-  <ul
-    ref={ref}
-    data-sidebar="menu-sub"
-    className={cn(
-      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
-      "group-data-[collapsible=icon]:hidden",
-      className
-    )}
-    {...props}
-  />
-))
-SidebarMenuSub.displayName = "SidebarMenuSub"
-
-const SidebarMenuSubItem = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentProps<"li">
->(({ ...props }, ref) => <li ref={ref} {...props} />)
-SidebarMenuSubItem.displayName = "SidebarMenuSubItem"
-
-const SidebarMenuSubButton = React.forwardRef<
-  HTMLAnchorElement,
-  React.ComponentProps<"a"> & {
-    asChild?: boolean
-    size?: "sm" | "md"
-    isActive?: boolean
-  }
->(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a"
-
-  return (
-    <Comp
-      ref={ref}
-      data-sidebar="menu-sub-button"
-      data-size={size}
-      data-active={isActive}
-      className={cn(
-        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
-        size === "sm" && "text-xs",
-        size === "md" && "text-sm",
-        "group-data-[collapsible=icon]:hidden",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-SidebarMenuSubButton.displayName = "SidebarMenuSubButton"
-
-export {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupAction,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarInput,
-  SidebarInset,
-  SidebarMenu,
-  SidebarMenuAction,
-  SidebarMenuBadge,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSkeleton,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-  SidebarProvider,
-  SidebarRail,
-  SidebarSeparator,
-  SidebarTrigger,
-  useSidebar,
-}
diff --git a/client/src/components/ui/skeleton.tsx b/client/src/components/ui/skeleton.tsx
deleted file mode 100644
index 01b8b6d..0000000
--- a/client/src/components/ui/skeleton.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { cn } from "@/lib/utils"
-
-function Skeleton({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
-      {...props}
-    />
-  )
-}
-
-export { Skeleton }
diff --git a/client/src/components/ui/slider.tsx b/client/src/components/ui/slider.tsx
deleted file mode 100644
index e161dae..0000000
--- a/client/src/components/ui/slider.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as React from "react"
-import * as SliderPrimitive from "@radix-ui/react-slider"
-
-import { cn } from "@/lib/utils"
-
-const Slider = React.forwardRef<
-  React.ElementRef<typeof SliderPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <SliderPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    )}
-    {...props}
-  >
-    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
-      <SliderPrimitive.Range className="absolute h-full bg-primary" />
-    </SliderPrimitive.Track>
-    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
-  </SliderPrimitive.Root>
-))
-Slider.displayName = SliderPrimitive.Root.displayName
-
-export { Slider }
diff --git a/client/src/components/ui/switch.tsx b/client/src/components/ui/switch.tsx
deleted file mode 100644
index aa58baa..0000000
--- a/client/src/components/ui/switch.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import * as React from "react"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-
-import { cn } from "@/lib/utils"
-
-const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-      )}
-    />
-  </SwitchPrimitives.Root>
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
-
-export { Switch }
diff --git a/client/src/components/ui/table.tsx b/client/src/components/ui/table.tsx
deleted file mode 100644
index 7f3502f..0000000
--- a/client/src/components/ui/table.tsx
+++ /dev/null
@@ -1,117 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-))
-Table.displayName = "Table"
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-))
-TableHeader.displayName = "TableHeader"
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-))
-TableBody.displayName = "TableBody"
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
-    )}
-    {...props}
-  />
-))
-TableFooter.displayName = "TableFooter"
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    )}
-    {...props}
-  />
-))
-TableRow.displayName = "TableRow"
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    )}
-    {...props}
-  />
-))
-TableHead.displayName = "TableHead"
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-))
-TableCell.displayName = "TableCell"
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("mt-4 text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-TableCaption.displayName = "TableCaption"
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-}
diff --git a/client/src/components/ui/tabs.tsx b/client/src/components/ui/tabs.tsx
deleted file mode 100644
index f57fffd..0000000
--- a/client/src/components/ui/tabs.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
-
-import { cn } from "@/lib/utils"
-
-const Tabs = TabsPrimitive.Root
-
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-TabsList.displayName = TabsPrimitive.List.displayName
-
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      className
-    )}
-    {...props}
-  />
-))
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
-
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    )}
-    {...props}
-  />
-))
-TabsContent.displayName = TabsPrimitive.Content.displayName
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/client/src/components/ui/textarea.tsx b/client/src/components/ui/textarea.tsx
deleted file mode 100644
index 4d858bb..0000000
--- a/client/src/components/ui/textarea.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-const Textarea = React.forwardRef<
-  HTMLTextAreaElement,
-  React.ComponentProps<"textarea">
->(({ className, ...props }, ref) => {
-  return (
-    <textarea
-      className={cn(
-        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  )
-})
-Textarea.displayName = "Textarea"
-
-export { Textarea }
diff --git a/client/src/components/ui/theme-provider.tsx b/client/src/components/ui/theme-provider.tsx
deleted file mode 100644
index 74c81c4..0000000
--- a/client/src/components/ui/theme-provider.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { createContext, useContext, useEffect, useState } from "react";
-
-type Theme = "dark" | "light" | "system";
-
-type ThemeProviderProps = {
-  children: React.ReactNode;
-  defaultTheme?: Theme;
-  storageKey?: string;
-};
-
-type ThemeProviderState = {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-};
-
-const initialState: ThemeProviderState = {
-  theme: "system",
-  setTheme: () => null,
-};
-
-const ThemeProviderContext = createContext<ThemeProviderState>(initialState);
-
-export function ThemeProvider({
-  children,
-  defaultTheme = "dark",
-  storageKey = "vite-ui-theme",
-  ...props
-}: ThemeProviderProps) {
-  const [theme, setTheme] = useState<Theme>(
-    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme
-  );
-
-  useEffect(() => {
-    const root = window.document.documentElement;
-
-    root.classList.remove("light", "dark");
-
-    if (theme === "system") {
-      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")
-        .matches
-        ? "dark"
-        : "light";
-
-      root.classList.add(systemTheme);
-      return;
-    }
-
-    root.classList.add(theme);
-  }, [theme]);
-
-  const value = {
-    theme,
-    setTheme: (theme: Theme) => {
-      localStorage.setItem(storageKey, theme);
-      setTheme(theme);
-    },
-  };
-
-  return (
-    <ThemeProviderContext.Provider {...props} value={value}>
-      {children}
-    </ThemeProviderContext.Provider>
-  );
-}
-
-export const useTheme = () => {
-  const context = useContext(ThemeProviderContext);
-
-  if (context === undefined)
-    throw new Error("useTheme must be used within a ThemeProvider");
-
-  return context;
-};
diff --git a/client/src/components/ui/toast.tsx b/client/src/components/ui/toast.tsx
deleted file mode 100644
index a822477..0000000
--- a/client/src/components/ui/toast.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import * as React from "react"
-import * as ToastPrimitives from "@radix-ui/react-toast"
-import { cva, type VariantProps } from "class-variance-authority"
-import { X } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-
-const ToastProvider = ToastPrimitives.Provider
-
-const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    )}
-    {...props}
-  />
-))
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName
-
-const toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-background text-foreground",
-        destructive:
-          "destructive group border-destructive bg-destructive text-destructive-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-const Toast = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-    VariantProps<typeof toastVariants>
->(({ className, variant, ...props }, ref) => {
-  return (
-    <ToastPrimitives.Root
-      ref={ref}
-      className={cn(toastVariants({ variant }), className)}
-      {...props}
-    />
-  )
-})
-Toast.displayName = ToastPrimitives.Root.displayName
-
-const ToastAction = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      className
-    )}
-    {...props}
-  />
-))
-ToastAction.displayName = ToastPrimitives.Action.displayName
-
-const ToastClose = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      className
-    )}
-    toast-close=""
-    {...props}
-  >
-    <X className="h-4 w-4" />
-  </ToastPrimitives.Close>
-))
-ToastClose.displayName = ToastPrimitives.Close.displayName
-
-const ToastTitle = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title
-    ref={ref}
-    className={cn("text-sm font-semibold", className)}
-    {...props}
-  />
-))
-ToastTitle.displayName = ToastPrimitives.Title.displayName
-
-const ToastDescription = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description
-    ref={ref}
-    className={cn("text-sm opacity-90", className)}
-    {...props}
-  />
-))
-ToastDescription.displayName = ToastPrimitives.Description.displayName
-
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
-
-type ToastActionElement = React.ReactElement<typeof ToastAction>
-
-export {
-  type ToastProps,
-  type ToastActionElement,
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastTitle,
-  ToastDescription,
-  ToastClose,
-  ToastAction,
-}
diff --git a/client/src/components/ui/toaster.tsx b/client/src/components/ui/toaster.tsx
deleted file mode 100644
index 6c67edf..0000000
--- a/client/src/components/ui/toaster.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { useToast } from "@/hooks/use-toast"
-import {
-  Toast,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-} from "@/components/ui/toast"
-
-export function Toaster() {
-  const { toasts } = useToast()
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        )
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  )
-}
diff --git a/client/src/components/ui/toggle-group.tsx b/client/src/components/ui/toggle-group.tsx
deleted file mode 100644
index 1c876bb..0000000
--- a/client/src/components/ui/toggle-group.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
-import { type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { toggleVariants } from "@/components/ui/toggle"
-
-const ToggleGroupContext = React.createContext<
-  VariantProps<typeof toggleVariants>
->({
-  size: "default",
-  variant: "default",
-})
-
-const ToggleGroup = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, children, ...props }, ref) => (
-  <ToggleGroupPrimitive.Root
-    ref={ref}
-    className={cn("flex items-center justify-center gap-1", className)}
-    {...props}
-  >
-    <ToggleGroupContext.Provider value={{ variant, size }}>
-      {children}
-    </ToggleGroupContext.Provider>
-  </ToggleGroupPrimitive.Root>
-))
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
-
-const ToggleGroupItem = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
-    VariantProps<typeof toggleVariants>
->(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext)
-
-  return (
-    <ToggleGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-        }),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </ToggleGroupPrimitive.Item>
-  )
-})
-
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
-
-export { ToggleGroup, ToggleGroupItem }
diff --git a/client/src/components/ui/toggle.tsx b/client/src/components/ui/toggle.tsx
deleted file mode 100644
index 0da5cb8..0000000
--- a/client/src/components/ui/toggle.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const toggleVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline:
-          "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
-      },
-      size: {
-        default: "h-10 px-3 min-w-10",
-        sm: "h-9 px-2.5 min-w-9",
-        lg: "h-11 px-5 min-w-11",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
-    VariantProps<typeof toggleVariants>
->(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root
-    ref={ref}
-    className={cn(toggleVariants({ variant, size, className }))}
-    {...props}
-  />
-))
-
-Toggle.displayName = TogglePrimitive.Root.displayName
-
-export { Toggle, toggleVariants }
diff --git a/client/src/components/ui/tooltip.tsx b/client/src/components/ui/tooltip.tsx
deleted file mode 100644
index e1ae87b..0000000
--- a/client/src/components/ui/tooltip.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-
-import { cn } from "@/lib/utils"
-
-const TooltipProvider = TooltipPrimitive.Provider
-
-const Tooltip = TooltipPrimitive.Root
-
-const TooltipTrigger = TooltipPrimitive.Trigger
-
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/client/src/hooks/use-mobile.tsx b/client/src/hooks/use-mobile.tsx
deleted file mode 100644
index 2b0fe1d..0000000
--- a/client/src/hooks/use-mobile.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import * as React from "react"
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener("change", onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener("change", onChange)
-  }, [])
-
-  return !!isMobile
-}
diff --git a/client/src/hooks/use-paginated-tools.ts b/client/src/hooks/use-paginated-tools.ts
deleted file mode 100644
index 19def61..0000000
--- a/client/src/hooks/use-paginated-tools.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useState, useEffect } from "react";
-import { useQuery } from "@tanstack/react-query";
-import type { ToolWithCategory } from "@shared/schema";
-
-interface PaginatedToolsResult {
-  tools: ToolWithCategory[];
-  currentPage: number;
-  totalPages: number;
-  totalCount: number;
-  isLoading: boolean;
-  error: Error | null;
-  goToPage: (page: number) => void;
-  nextPage: () => void;
-  previousPage: () => void;
-}
-
-interface PaginatedResponse {
-  tools: ToolWithCategory[];
-  pagination: {
-    page: number;
-    limit: number;
-    totalCount: number;
-    totalPages: number;
-    hasNext: boolean;
-    hasPrevious: boolean;
-  };
-}
-
-export function usePaginatedTools(limit: number = 20): PaginatedToolsResult {
-  const [currentPage, setCurrentPage] = useState(1);
-  
-  const { data, isLoading, error } = useQuery<PaginatedResponse>({
-    queryKey: ["/api/tools/paginated", currentPage, limit],
-    queryFn: async () => {
-      const response = await fetch(`/api/tools/paginated?page=${currentPage}&limit=${limit}`);
-      if (!response.ok) throw new Error("Failed to fetch tools");
-      return response.json();
-    },
-    staleTime: 5 * 60 * 1000, // Cache for 5 minutes
-    gcTime: 10 * 60 * 1000, // Keep in cache for 10 minutes
-  });
-  
-  const goToPage = (page: number) => {
-    if (page >= 1 && page <= (data?.pagination.totalPages || 1)) {
-      setCurrentPage(page);
-    }
-  };
-  
-  const nextPage = () => {
-    if (data?.pagination.hasNext) {
-      setCurrentPage(prev => prev + 1);
-    }
-  };
-  
-  const previousPage = () => {
-    if (data?.pagination.hasPrevious) {
-      setCurrentPage(prev => prev - 1);
-    }
-  };
-  
-  return {
-    tools: data?.tools || [],
-    currentPage,
-    totalPages: data?.pagination.totalPages || 0,
-    totalCount: data?.pagination.totalCount || 0,
-    isLoading,
-    error: error as Error | null,
-    goToPage,
-    nextPage,
-    previousPage,
-  };
-}
\ No newline at end of file
diff --git a/client/src/hooks/use-toast.ts b/client/src/hooks/use-toast.ts
deleted file mode 100644
index 2c14125..0000000
--- a/client/src/hooks/use-toast.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-import * as React from "react"
-
-import type {
-  ToastActionElement,
-  ToastProps,
-} from "@/components/ui/toast"
-
-const TOAST_LIMIT = 1
-const TOAST_REMOVE_DELAY = 1000000
-
-type ToasterToast = ToastProps & {
-  id: string
-  title?: React.ReactNode
-  description?: React.ReactNode
-  action?: ToastActionElement
-}
-
-const actionTypes = {
-  ADD_TOAST: "ADD_TOAST",
-  UPDATE_TOAST: "UPDATE_TOAST",
-  DISMISS_TOAST: "DISMISS_TOAST",
-  REMOVE_TOAST: "REMOVE_TOAST",
-} as const
-
-let count = 0
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER
-  return count.toString()
-}
-
-type ActionType = typeof actionTypes
-
-type Action =
-  | {
-      type: ActionType["ADD_TOAST"]
-      toast: ToasterToast
-    }
-  | {
-      type: ActionType["UPDATE_TOAST"]
-      toast: Partial<ToasterToast>
-    }
-  | {
-      type: ActionType["DISMISS_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
-  | {
-      type: ActionType["REMOVE_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
-
-interface State {
-  toasts: ToasterToast[]
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId)
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId: toastId,
-    })
-  }, TOAST_REMOVE_DELAY)
-
-  toastTimeouts.set(toastId, timeout)
-}
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      }
-
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      }
-
-    case "DISMISS_TOAST": {
-      const { toastId } = action
-
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId)
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id)
-        })
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      }
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        }
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      }
-  }
-}
-
-const listeners: Array<(state: State) => void> = []
-
-let memoryState: State = { toasts: [] }
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action)
-  listeners.forEach((listener) => {
-    listener(memoryState)
-  })
-}
-
-type Toast = Omit<ToasterToast, "id">
-
-function toast({ ...props }: Toast) {
-  const id = genId()
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: "UPDATE_TOAST",
-      toast: { ...props, id },
-    })
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
-
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss()
-      },
-    },
-  })
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  }
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState)
-
-  React.useEffect(() => {
-    listeners.push(setState)
-    return () => {
-      const index = listeners.indexOf(setState)
-      if (index > -1) {
-        listeners.splice(index, 1)
-      }
-    }
-  }, [state])
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-  }
-}
-
-export { useToast, toast }
diff --git a/client/src/index.css b/client/src/index.css
deleted file mode 100644
index 51fbbd3..0000000
--- a/client/src/index.css
+++ /dev/null
@@ -1,324 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --background: hsl(0 0% 100%);
-  --foreground: hsl(210 25% 7.8431%);
-  --card: hsl(180 6.6667% 97.0588%);
-  --card-foreground: hsl(210 25% 7.8431%);
-  --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(210 25% 7.8431%);
-  --primary: hsl(16 100% 50%);
-  --primary-foreground: hsl(0 0% 100%);
-  --secondary: hsl(210 25% 7.8431%);
-  --secondary-foreground: hsl(0 0% 100%);
-  --muted: hsl(240 1.9608% 90%);
-  --muted-foreground: hsl(210 25% 7.8431%);
-  --accent: hsl(211.5789 51.3514% 92.7451%);
-  --accent-foreground: hsl(16 100% 50%);
-  --destructive: hsl(356.3033 90.5579% 54.3137%);
-  --destructive-foreground: hsl(0 0% 100%);
-  --border: hsl(201.4286 30.4348% 90.9804%);
-  --input: hsl(200 23.0769% 97.4510%);
-  --ring: hsl(16 100% 50%);
-  --chart-1: hsl(16 100% 50%);
-  --chart-2: hsl(159.7826 100% 36.0784%);
-  --chart-3: hsl(42.0290 92.8251% 56.2745%);
-  --chart-4: hsl(147.1429 78.5047% 41.9608%);
-  --chart-5: hsl(341.4894 75.2000% 50.9804%);
-  --sidebar: hsl(180 6.6667% 97.0588%);
-  --sidebar-foreground: hsl(210 25% 7.8431%);
-  --sidebar-primary: hsl(16 100% 50%);
-  --sidebar-primary-foreground: hsl(0 0% 100%);
-  --sidebar-accent: hsl(211.5789 51.3514% 92.7451%);
-  --sidebar-accent-foreground: hsl(16 100% 50%);
-  --sidebar-border: hsl(205.0000 25.0000% 90.5882%);
-  --sidebar-ring: hsl(16 100% 50%);
-  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-serif: Georgia, serif;
-  --font-mono: Menlo, monospace;
-  --radius: 0.5rem;
-  
-  /* Neon orange color scheme */
-  --neon-orange: hsl(16 100% 50%);
-  --neon-orange-light: hsl(22 100% 58%);
-  --github-dark: hsl(220 13% 7%);
-  --github-surface: hsl(220 13% 11%);
-  --github-border: hsl(215 14% 19%);
-  --github-text: hsl(213 31% 91%);
-  --github-text-secondary: hsl(217 11% 57%);
-  --success: hsl(120 100% 25%);
-  --warning: hsl(25 95% 53%);
-  --info: hsl(217 91% 60%);
-}
-
-.dark {
-  --background: hsl(220 13% 7%);
-  --foreground: hsl(213 31% 91%);
-  --card: hsl(220 13% 11%);
-  --card-foreground: hsl(213 31% 91%);
-  --popover: hsl(220 13% 7%);
-  --popover-foreground: hsl(213 31% 91%);
-  --primary: hsl(16 100% 50%);
-  --primary-foreground: hsl(0 0% 100%);
-  --secondary: hsl(213 31% 91%);
-  --secondary-foreground: hsl(220 13% 7%);
-  --muted: hsl(217 33% 17%);
-  --muted-foreground: hsl(217 11% 57%);
-  --accent: hsl(217 91% 60% / 0.1);
-  --accent-foreground: hsl(16 100% 50%);
-  --destructive: hsl(0 63% 31%);
-  --destructive-foreground: hsl(0 0% 100%);
-  --border: hsl(215 14% 19%);
-  --input: hsl(217 33% 17%);
-  --ring: hsl(16 100% 50%);
-  --chart-1: hsl(16 100% 50%);
-  --chart-2: hsl(159.7826 100% 36.0784%);
-  --chart-3: hsl(42.0290 92.8251% 56.2745%);
-  --chart-4: hsl(147.1429 78.5047% 41.9608%);
-  --chart-5: hsl(341.4894 75.2000% 50.9804%);
-  --sidebar: hsl(220 13% 11%);
-  --sidebar-foreground: hsl(213 31% 91%);
-  --sidebar-primary: hsl(16 100% 50%);
-  --sidebar-primary-foreground: hsl(0 0% 100%);
-  --sidebar-accent: hsl(217 91% 60% / 0.1);
-  --sidebar-accent-foreground: hsl(16 100% 50%);
-  --sidebar-border: hsl(215 14% 19%);
-  --sidebar-ring: hsl(16 100% 50%);
-  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  --font-serif: Georgia, serif;
-  --font-mono: Menlo, monospace;
-  --radius: 0.5rem;
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-
-  body {
-    @apply font-sans antialiased bg-background text-foreground;
-  }
-}
-
-@layer components {
-  /* Mobile responsive utilities */
-  @media (max-width: 1024px) {
-    .sidebar-container {
-      transform: translateX(-100%);
-      transition: transform 0.3s ease-in-out;
-    }
-    
-    .sidebar-container.open {
-      transform: translateX(0);
-    }
-    
-    .sidebar-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.5);
-      z-index: 40;
-      display: none;
-    }
-    
-    .sidebar-overlay.visible {
-      display: block;
-    }
-  }
-
-
-  .glow-orange {
-    box-shadow: 0 0 20px rgba(255, 69, 0, 0.3);
-  }
-  
-  .compatibility-high {
-    background: linear-gradient(135deg, hsl(120 100% 25%) 0%, hsl(142 76% 36%) 100%);
-  }
-  
-  .compatibility-medium {
-    background: linear-gradient(135deg, hsl(25 95% 53%) 0%, hsl(45 93% 47%) 100%);
-  }
-  
-  .compatibility-low {
-    background: linear-gradient(135deg, hsl(0 84% 60%) 0%, hsl(0 72% 51%) 100%);
-  }
-  
-  .compatibility-none {
-    background: linear-gradient(135deg, hsl(217 11% 57%) 0%, hsl(215 14% 34%) 100%);
-  }
-  
-  .matrix-cell {
-    transition: all 0.2s ease;
-  }
-  
-  .matrix-cell:hover {
-    transform: scale(1.05);
-    z-index: 10;
-  }
-  
-  .tool-card {
-    backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 69, 0, 0.2);
-  }
-  
-  .search-glow:focus {
-    box-shadow: 0 0 0 2px rgba(255, 69, 0, 0.4);
-  }
-
-  .category-tab.active {
-    background: linear-gradient(135deg, hsl(16 100% 50%) 0%, hsl(22 100% 58%) 100%);
-  }
-
-  .loading-shimmer {
-    background: linear-gradient(90deg, transparent, rgba(255, 69, 0, 0.1), transparent);
-    animation: shimmer 1.5s infinite;
-  }
-
-  @keyframes shimmer {
-    0% { transform: translateX(-100%); }
-    100% { transform: translateX(100%); }
-  }
-  
-  /* Enhanced animations and visual improvements */
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-      transform: translateY(10px);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-  
-  @keyframes slideInLeft {
-    from {
-      opacity: 0;
-      transform: translateX(-20px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-  
-  /* Card hover effects */
-  .card-hover {
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-  
-  /* Mobile touch-friendly sizes */
-  @media (max-width: 640px) {
-    button, [role="button"] {
-      min-height: 44px;
-      min-width: 44px;
-    }
-    
-    input, textarea, select {
-      font-size: 16px; /* Prevents zoom on iOS */
-    }
-  }
-  
-  .card-hover:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
-  }
-  
-  /* Smooth transitions for all interactive elements */
-  button, a, input, textarea, select {
-    transition: all 0.2s ease;
-  }
-  
-  /* Glow effect for important CTAs */
-  .cta-glow {
-    position: relative;
-    overflow: hidden;
-  }
-  
-  .cta-glow::before {
-    content: '';
-    position: absolute;
-    top: -2px;
-    left: -2px;
-    right: -2px;
-    bottom: -2px;
-    background: linear-gradient(45deg, var(--neon-orange), transparent, var(--neon-orange));
-    background-size: 200% 200%;
-    animation: gradient-shift 3s ease infinite;
-    border-radius: inherit;
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    z-index: -1;
-  }
-  
-  .cta-glow:hover::before {
-    opacity: 0.3;
-  }
-  
-  @keyframes gradient-shift {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
-  }
-  
-  /* Loading skeleton animation */
-  .skeleton {
-    background: linear-gradient(90deg, var(--github-surface) 25%, var(--github-border) 50%, var(--github-surface) 75%);
-    background-size: 200% 100%;
-    animation: loading 1.5s infinite;
-  }
-  
-  @keyframes loading {
-    0% { background-position: 200% 0; }
-    100% { background-position: -200% 0; }
-  }
-  
-  /* Smooth scrollbar styling */
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-  
-  ::-webkit-scrollbar-track {
-    background: var(--github-dark);
-  }
-  
-  ::-webkit-scrollbar-thumb {
-    background: var(--github-border);
-    border-radius: 4px;
-  }
-  
-  ::-webkit-scrollbar-thumb:hover {
-    background: var(--github-text-secondary);
-  }
-  
-  /* Focus visible improvements */
-  *:focus-visible {
-    outline: 2px solid var(--neon-orange);
-    outline-offset: 2px;
-  }
-  
-  /* Fade animations on mount */
-  main > * {
-    animation: fadeIn 0.3s ease-out;
-  }
-  
-  /* Sidebar animation */
-  aside {
-    animation: slideInLeft 0.3s ease-out;
-  }
-  
-  /* Reduce motion for accessibility */
-  @media (prefers-reduced-motion: reduce) {
-    *, *::before, *::after {
-      animation-duration: 0.01ms !important;
-      animation-iteration-count: 1 !important;
-      transition-duration: 0.01ms !important;
-    }
-  }
-}
diff --git a/client/src/lib/error-handler.ts b/client/src/lib/error-handler.ts
deleted file mode 100644
index da1cdc6..0000000
--- a/client/src/lib/error-handler.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { toast } from "@/hooks/use-toast";
-
-export interface AppError {
-  message: string;
-  code?: string;
-  statusCode?: number;
-  details?: any;
-  timestamp: Date;
-}
-
-export class ErrorLogger {
-  private static errors: AppError[] = [];
-  private static maxErrors = 100;
-
-  static log(error: AppError) {
-    this.errors.unshift(error);
-    if (this.errors.length > this.maxErrors) {
-      this.errors.pop();
-    }
-    
-    // Log to console in development
-    if (process.env.NODE_ENV === 'development') {
-      console.error('[Error Logger]', error);
-    }
-  }
-
-  static getErrors(): AppError[] {
-    return [...this.errors];
-  }
-
-  static clearErrors() {
-    this.errors = [];
-  }
-}
-
-export function handleApiError(error: any, context?: string) {
-  const appError: AppError = {
-    message: error.message || 'An unexpected error occurred',
-    code: error.code,
-    statusCode: error.statusCode || error.status,
-    details: error.details || error.response?.data,
-    timestamp: new Date()
-  };
-
-  ErrorLogger.log(appError);
-
-  // Show user-friendly error messages
-  let userMessage = appError.message;
-  
-  if (appError.statusCode === 404) {
-    userMessage = context ? `${context} not found` : 'Resource not found';
-  } else if (appError.statusCode === 403) {
-    userMessage = 'You don\'t have permission to perform this action';
-  } else if (appError.statusCode === 401) {
-    userMessage = 'Your session has expired. Please log in again';
-  } else if (appError.statusCode === 500) {
-    userMessage = 'Server error. Please try again later';
-  } else if (appError.statusCode === 429) {
-    userMessage = 'Too many requests. Please slow down';
-  } else if (error.code === 'NETWORK_ERROR') {
-    userMessage = 'Network error. Please check your connection';
-  }
-
-  toast({
-    title: 'Error',
-    description: userMessage,
-    variant: 'destructive',
-  });
-
-  return appError;
-}
-
-export function retryWithBackoff<T>(
-  fn: () => Promise<T>,
-  maxRetries: number = 3,
-  baseDelay: number = 1000
-): Promise<T> {
-  return new Promise((resolve, reject) => {
-    let retries = 0;
-
-    const attempt = async () => {
-      try {
-        const result = await fn();
-        resolve(result);
-      } catch (error) {
-        retries++;
-        
-        if (retries >= maxRetries) {
-          reject(error);
-          return;
-        }
-
-        const delay = baseDelay * Math.pow(2, retries - 1);
-        console.log(`Retrying after ${delay}ms... (attempt ${retries}/${maxRetries})`);
-        
-        setTimeout(attempt, delay);
-      }
-    };
-
-    attempt();
-  });
-}
-
-// Global error boundary handler
-export function setupGlobalErrorHandlers() {
-  // Handle unhandled promise rejections
-  window.addEventListener('unhandledrejection', (event) => {
-    console.error('Unhandled promise rejection:', event.reason);
-    handleApiError({
-      message: 'An unexpected error occurred',
-      details: event.reason
-    });
-    event.preventDefault();
-  });
-
-  // Handle general errors
-  window.addEventListener('error', (event) => {
-    console.error('Global error:', event.error);
-    ErrorLogger.log({
-      message: event.message,
-      details: {
-        filename: event.filename,
-        lineno: event.lineno,
-        colno: event.colno,
-        error: event.error
-      },
-      timestamp: new Date()
-    });
-  });
-}
-
-// React Query error handler
-export function queryErrorHandler(error: any) {
-  // Only show error if it's not a cancelled query
-  if (error?.message !== 'Query was cancelled') {
-    handleApiError(error, 'Data fetch');
-  }
-}
-
-// Mutation error handler with retry
-export async function mutationWithRetry<T>(
-  mutationFn: () => Promise<T>,
-  options?: {
-    maxRetries?: number;
-    context?: string;
-  }
-): Promise<T> {
-  try {
-    return await retryWithBackoff(mutationFn, options?.maxRetries);
-  } catch (error) {
-    handleApiError(error, options?.context);
-    throw error;
-  }
-}
\ No newline at end of file
diff --git a/client/src/lib/queryClient.ts b/client/src/lib/queryClient.ts
deleted file mode 100644
index f315a14..0000000
--- a/client/src/lib/queryClient.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { QueryClient, QueryFunction } from "@tanstack/react-query";
-
-async function throwIfResNotOk(res: Response) {
-  if (!res.ok) {
-    const text = (await res.text()) || res.statusText;
-    throw new Error(`${res.status}: ${text}`);
-  }
-}
-
-export async function apiRequest(
-  method: string,
-  url: string,
-  data?: unknown | undefined,
-): Promise<Response> {
-  const res = await fetch(url, {
-    method,
-    headers: data ? { "Content-Type": "application/json" } : {},
-    body: data ? JSON.stringify(data) : undefined,
-    credentials: "include",
-  });
-
-  await throwIfResNotOk(res);
-  return res;
-}
-
-type UnauthorizedBehavior = "returnNull" | "throw";
-export const getQueryFn: <T>(options: {
-  on401: UnauthorizedBehavior;
-}) => QueryFunction<T> =
-  ({ on401: unauthorizedBehavior }) =>
-  async ({ queryKey }) => {
-    const res = await fetch(queryKey.join("/") as string, {
-      credentials: "include",
-    });
-
-    if (unauthorizedBehavior === "returnNull" && res.status === 401) {
-      return null;
-    }
-
-    await throwIfResNotOk(res);
-    return await res.json();
-  };
-
-export const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      queryFn: getQueryFn({ on401: "throw" }),
-      refetchInterval: false,
-      refetchOnWindowFocus: false,
-      staleTime: Infinity,
-      retry: false,
-    },
-    mutations: {
-      retry: false,
-    },
-  },
-});
diff --git a/client/src/lib/seed-data.ts b/client/src/lib/seed-data.ts
deleted file mode 100644
index 9193771..0000000
--- a/client/src/lib/seed-data.ts
+++ /dev/null
@@ -1,589 +0,0 @@
-import type { InsertToolCategory, InsertTool, InsertCompatibility } from "@shared/schema";
-
-// Tool Categories based on the PDF classification
-export const seedCategories: InsertToolCategory[] = [
-  {
-    name: "AI Coding Tools",
-    description: "AI-powered development assistants and code generation platforms",
-    color: "#FF4500"
-  },
-  {
-    name: "Frontend/Design",
-    description: "Frontend frameworks, design tools, and UI libraries",
-    color: "#1F6FEB"
-  },
-  {
-    name: "Backend/Database", 
-    description: "Backend services, databases, and server infrastructure",
-    color: "#238636"
-  },
-  {
-    name: "Payment Platforms",
-    description: "Payment processing and financial service integrations",
-    color: "#FB8500"
-  },
-  {
-    name: "DevOps/Deployment",
-    description: "Development operations, deployment, and hosting platforms",
-    color: "#8B5CF6"
-  }
-];
-
-// Comprehensive tool data extracted from the PDF
-export const seedTools: Omit<InsertTool, "categoryId">[] = [
-  // AI Coding Tools
-  {
-    name: "Lovable",
-    description: "AI-powered platform that enables users of any skill level to create full-stack web applications through natural language. Simply describe what you want, and Lovable generates a working app for you.",
-    url: "https://lovable.dev",
-    frameworks: ["React", "TypeScript", "Tailwind CSS", "Vite"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "Prompt-based app builder with end-to-end generation",
-      "Authentication, database (Postgres via Supabase), file storage",
-      "Real-time analytics out-of-the-box",
-      "Library of templates for dashboards, e-commerce",
-      "Collaborative web IDE for debugging and editing",
-      "Code export capability"
-    ],
-    integrations: ["Supabase", "GitHub", "OpenAI", "Anthropic", "Stripe", "Resend", "Clerk", "Three.js", "D3.js", "Highcharts", "p5.js", "Twilio", "n8n", "Make"],
-    maturityScore: 8.3,
-    popularityScore: 8.9,
-    pricing: "Free tier (5 AI messages/day), Pro at $25/mo, Enterprise custom pricing",
-    notes: "Great for rapid prototyping – one founder built 30 apps in 30 days. Handles both frontend and backend generation with real-time GitHub syncing."
-  },
-  {
-    name: "Bolt (StackBlitz)",
-    description: "AI-powered full-stack web development agent by StackBlitz that turns text prompts into working web applications in your browser via WebContainers.",
-    url: "https://bolt.new",
-    frameworks: ["Next.js", "React", "Tailwind CSS", "Astro", "Svelte", "Vue", "Remix", "Vite"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "Chat-based code generation with image upload support",
-      "WebContainers (Node.js in-browser) runtime",
-      "Diff view feature showing code changes",
-      "Manual code editing in online IDE",
-      "NPM package installation support",
-      "Built-in error detection and AI fixes",
-      "One-click Netlify deployment"
-    ],
-    integrations: ["Netlify", "GitHub", "VS Code", "Anthropic Claude", "OpenAI GPT-4", "Supabase", "MongoDB"],
-    maturityScore: 8.0,
-    popularityScore: 8.5,
-    pricing: "Free tier (~100K tokens/day), Pro at $20/mo, Enterprise up to $100+/mo",
-    notes: "In-browser dev environment with very fast iteration speed. Unique AI fix capability when apps throw errors."
-  },
-  {
-    name: "Vercel v0",
-    description: "Vercel's generative UI/tooling platform that builds full-stack web applications from natural language prompts, optimized for Next.js and Vercel infrastructure.",
-    url: "https://v0.dev",
-    frameworks: ["Next.js", "React", "Tailwind CSS"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "Text-to-UI generation with real-time preview",
-      "Multi-step prompts for iterative refinement",
-      "Figma design and image mockup integration",
-      "One-click Vercel deployment",
-      "shadcn/ui component library integration",
-      "Serverless functions support"
-    ],
-    integrations: ["Vercel", "Figma", "Supabase", "NextAuth", "Prisma", "AI SDK"],
-    maturityScore: 7.5,
-    popularityScore: 8.0,
-    pricing: "Free tier, Premium at $20/mo, Ultra at $50/mo",
-    notes: "Built by Vercel with best practices for Next.js. Supports UI sketches and images as input for layout generation."
-  },
-  {
-    name: "Tempo Labs",
-    description: "Visual AI IDE that helps teams collaboratively build web applications with AI assistance, bridging designers, product managers, and developers through visual editing.",
-    url: "https://tempo.new",
-    frameworks: ["React", "Next.js"],
-    languages: ["JavaScript", "TypeScript", "Python", "SQL"],
-    features: [
-      "Product Requirement to app generation",
-      "Visual Editor with drag-and-drop UI elements",
-      "AI Chat Discuss Mode for logic implementation",
-      "Full-stack generation (frontend, backend, CI/CD)",
-      "Team collaboration with real-time syncing",
-      "One-click deployment capability"
-    ],
-    integrations: ["Supabase", "GitHub", "Google Maps API", "Figma", "Vercel", "AWS"],
-    maturityScore: 7.0,
-    popularityScore: 7.5,
-    pricing: "Free tier during beta, Pro plan ~$30/mo expected, Enterprise tier planned",
-    notes: "Visual + AI hybrid approach with fine-grained control. Y Combinator backed with focus on complete app generation including test data."
-  },
-  {
-    name: "Base44",
-    description: "No-code AI app builder that turns text descriptions into fully functional web applications with built-in database, authentication, and hosting infrastructure.",
-    url: "https://base44.com",
-    frameworks: ["Next.js", "React", "Tailwind CSS"],
-    languages: ["JavaScript", "TypeScript", "SQL"],
-    features: [
-      "Full-stack text-to-app generation",
-      "Built-in SQL database and auth system",
-      "Live code editor with AI Builder Chat",
-      "Inline diff viewing for AI changes",
-      "Built-in hosting & deployment",
-      "Add-on library for AI features (chatbots, text completion)"
-    ],
-    integrations: ["Stripe", "Twilio", "SendGrid", "OpenAI", "Anthropic"],
-    maturityScore: 8.0,
-    popularityScore: 8.2,
-    pricing: "Free: 25 AI messages/month, Starter $20/mo, Builder $50/mo, Pro $100/mo, Elite $200/mo",
-    notes: "Complete solution with everything built-in. Provides more out-of-the-box than competitors with internal database and auth."
-  },
-  {
-    name: "Softgen",
-    description: "AI-powered platform for rapidly building web apps without coding, with educational focus providing pseudocode translations for learning purposes.",
-    url: "https://softgen.ai",
-    frameworks: ["Next.js", "React"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "AI code generation with preview environment",
-      "Iterative workflow with feedback integration",
-      "Pseudocode translation for educational purposes",
-      "Integrated user auth and database",
-      "One-click deployment capability"
-    ],
-    integrations: ["Google Maps API", "Stripe", "Twilio", "SendGrid", "OpenAI", "Vercel"],
-    maturityScore: 7.0,
-    popularityScore: 7.0,
-    pricing: "Free trial, Personal ~$20-30/mo, Business higher tiers",
-    notes: "Emphasizes education by providing pseudocode explanations. Great for learning while building applications."
-  },
-  {
-    name: "WebSparks",
-    description: "AI-powered platform that enables developers, designers, and non-coders to create production-grade websites from prompts or sketches with multimodal input support.",
-    url: "https://websparks.ai", 
-    frameworks: ["React", "Next.js", "Angular", "Vue"],
-    languages: ["JavaScript", "TypeScript", "HTML", "CSS", "Python"],
-    features: [
-      "Multimodal input (text, images, wireframes)",
-      "Conversational AI agent for real-time editing",
-      "Full-stack generation with database connectivity",
-      "Component library integration",
-      "Instant deployment with SEO optimization"
-    ],
-    integrations: ["Vercel", "Mailchimp", "Stripe", "Shopify", "Codeium", "B12.io"],
-    maturityScore: 7.8,
-    popularityScore: 7.2,
-    pricing: "Free hosting tier, Pro plans starting ~$25/mo",
-    notes: "Versatile input methods including sketch-to-code. Production-ready output with clean, deployable code."
-  },
-  {
-    name: "ChatGPT",
-    description: "Advanced AI language model by OpenAI with unified reasoning system, multimodal capabilities, and extensive code generation abilities across all major programming languages.",
-    url: "https://chat.openai.com",
-    frameworks: ["All major frameworks"],
-    languages: ["Python", "JavaScript", "TypeScript", "Java", "C++", "Go", "Rust", "PHP", "Ruby", "Swift", "Kotlin"],
-    features: [
-      "Advanced code generation & debugging",
-      "Multimodal capabilities (text, voice, images)",
-      "Web search and real-time data access",
-      "Data analysis & charting capabilities",
-      "Code review and optimization",
-      "Architecture planning and documentation"
-    ],
-    integrations: ["VS Code", "GitHub Copilot", "Cursor", "OpenAI API", "Custom GPTs"],
-    maturityScore: 9.5,
-    popularityScore: 9.8,
-    pricing: "Free tier, Plus $20/mo, Team $25/user/mo, Enterprise custom",
-    notes: "Most mature and popular AI coding assistant with extensive integration ecosystem and proven reliability."
-  },
-  {
-    name: "GitHub Copilot",
-    description: "AI pair programmer powered by OpenAI Codex that provides real-time code suggestions and completions directly in your IDE with deep GitHub integration.",
-    url: "https://github.com/features/copilot",
-    frameworks: ["All major frameworks"],
-    languages: ["Python", "JavaScript", "TypeScript", "Java", "C++", "Go", "C#", "Ruby", "PHP"],
-    features: [
-      "Real-time code completion",
-      "Context-aware suggestions",
-      "Code explanation and documentation",
-      "Test generation",
-      "Bug fix suggestions",
-      "Refactoring assistance"
-    ],
-    integrations: ["VS Code", "Visual Studio", "JetBrains IDEs", "Neovim", "GitHub", "ChatGPT"],
-    maturityScore: 9.2,
-    popularityScore: 9.3,
-    pricing: "Individual $10/mo, Business $19/user/mo, Enterprise $39/user/mo",
-    notes: "Industry standard for AI-assisted coding with excellent IDE integration and proven enterprise adoption."
-  },
-  {
-    name: "Claude",
-    description: "Advanced AI assistant by Anthropic with strong reasoning capabilities, large context windows, and excellent code generation with safety focus.",
-    url: "https://claude.ai",
-    frameworks: ["All major frameworks"],
-    languages: ["Python", "JavaScript", "TypeScript", "Java", "C++", "Go", "Rust", "Swift"],
-    features: [
-      "Large context window (200K+ tokens)",
-      "Advanced reasoning and analysis", 
-      "Code generation and debugging",
-      "Document analysis and processing",
-      "Mathematical problem solving",
-      "Safe and responsible AI responses"
-    ],
-    integrations: ["Bolt", "Lovable", "Anthropic API", "Various IDEs"],
-    maturityScore: 8.8,
-    popularityScore: 8.5,
-    pricing: "Free tier, Pro $20/mo, Team $25/user/mo, Enterprise custom",
-    notes: "Strong alternative to ChatGPT with focus on safety and reasoning. Popular choice for AI app builders."
-  },
-  {
-    name: "Cursor",
-    description: "AI-powered code editor built on VS Code with native AI integration, offering seamless AI assistance directly in the development environment.",
-    url: "https://cursor.sh",
-    frameworks: ["All VS Code supported frameworks"],
-    languages: ["All major programming languages"],
-    features: [
-      "Native AI integration in code editor",
-      "Context-aware code generation",
-      "Codebase-wide understanding",
-      "AI-powered debugging",
-      "Natural language to code translation",
-      "VS Code compatibility and extensions"
-    ],
-    integrations: ["ChatGPT", "Claude", "GitHub", "VS Code extensions"],
-    maturityScore: 8.1,
-    popularityScore: 8.7,
-    pricing: "Free tier, Pro $20/mo, Business $40/user/mo",
-    notes: "Popular among developers for native AI integration. Combines familiar VS Code experience with powerful AI capabilities."
-  },
-
-  // Frontend/Design Tools
-  {
-    name: "React",
-    description: "A JavaScript library for building user interfaces with component-based architecture, virtual DOM, and extensive ecosystem support.",
-    url: "https://react.dev",
-    frameworks: ["Next.js", "Vite", "Create React App", "Remix"],
-    languages: ["JavaScript", "TypeScript", "JSX"],
-    features: [
-      "Component-based architecture",
-      "Virtual DOM for performance",
-      "React Hooks for state management",
-      "Server Components support",
-      "Concurrent rendering",
-      "Extensive dev tools"
-    ],
-    integrations: ["Next.js", "Vite", "Webpack", "Babel", "TypeScript", "Redux", "Zustand"],
-    maturityScore: 9.5,
-    popularityScore: 9.8,
-    pricing: "Free (Open Source)",
-    notes: "Most popular frontend library with massive ecosystem and community support. Industry standard for modern web development."
-  },
-  {
-    name: "Next.js",
-    description: "React framework with server-side rendering, static site generation, and full-stack capabilities for production-ready web applications.",
-    url: "https://nextjs.org",
-    frameworks: ["React"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "Server-side rendering (SSR)",
-      "Static site generation (SSG)",
-      "API Routes for backend logic",
-      "App Router with layouts",
-      "Server Components",
-      "Built-in optimization"
-    ],
-    integrations: ["Vercel", "React", "Tailwind CSS", "Prisma", "Supabase", "Auth0"],
-    maturityScore: 9.2,
-    popularityScore: 9.5,
-    pricing: "Free (Open Source)",
-    notes: "Production-ready React framework with excellent developer experience and deployment optimization."
-  },
-  {
-    name: "Tailwind CSS",
-    description: "Utility-first CSS framework for rapidly building custom designs with low-level utility classes and responsive design capabilities.",
-    url: "https://tailwindcss.com",
-    frameworks: ["Works with all frameworks"],
-    languages: ["CSS", "HTML", "JavaScript"],
-    features: [
-      "Utility-first approach",
-      "Responsive design utilities",
-      "Dark mode support",
-      "Component-friendly",
-      "Customizable design system",
-      "Purge unused CSS"
-    ],
-    integrations: ["React", "Vue", "Angular", "Svelte", "Next.js", "Vite"],
-    maturityScore: 9.0,
-    popularityScore: 9.2,
-    pricing: "Free (Open Source), Tailwind UI $149-$999",
-    notes: "Extremely popular utility-first CSS framework. Excellent integration with modern frameworks and AI code generators."
-  },
-  {
-    name: "Vite",
-    description: "Next-generation build tool that provides fast development server and optimized production builds with excellent hot module replacement.",
-    url: "https://vitejs.dev",
-    frameworks: ["React", "Vue", "Svelte", "Vanilla"],
-    languages: ["JavaScript", "TypeScript"],
-    features: [
-      "Lightning-fast HMR",
-      "Native ES modules",
-      "Optimized build with Rollup",
-      "Plugin ecosystem",
-      "TypeScript support",
-      "CSS preprocessor support"
-    ],
-    integrations: ["React", "Vue", "Svelte", "TypeScript", "Tailwind CSS"],
-    maturityScore: 8.7,
-    popularityScore: 8.9,
-    pricing: "Free (Open Source)",
-    notes: "Modern build tool favored by new projects for its speed and developer experience. Used by Lovable and other AI platforms."
-  },
-
-  // Backend/Database Tools
-  {
-    name: "Supabase",
-    description: "Open source Firebase alternative with PostgreSQL database, authentication, real-time subscriptions, storage, and edge functions.",
-    url: "https://supabase.com",
-    frameworks: ["PostgreSQL", "PostgREST", "GoTrue"],
-    languages: ["SQL", "JavaScript", "TypeScript", "Python", "Dart"],
-    features: [
-      "PostgreSQL database with real-time",
-      "Built-in authentication and authorization",
-      "Row Level Security (RLS)",
-      "Auto-generated APIs",
-      "File storage with CDN",
-      "Edge Functions (Deno runtime)"
-    ],
-    integrations: ["Lovable", "Next.js", "React", "Flutter", "Vercel v0", "Bolt"],
-    maturityScore: 8.5,
-    popularityScore: 8.7,
-    pricing: "Free tier, Pro $25/project/mo, Team $599/mo, Enterprise custom",
-    notes: "Popular choice for full-stack applications with excellent integration with modern frameworks and AI platforms."
-  },
-  {
-    name: "Firebase",
-    description: "Google's Backend-as-a-Service platform with NoSQL database, authentication, hosting, cloud functions, and mobile development tools.",
-    url: "https://firebase.google.com",
-    frameworks: ["Firestore", "Cloud Functions"],
-    languages: ["JavaScript", "TypeScript", "Java", "Swift", "Dart"],
-    features: [
-      "NoSQL Firestore database",
-      "Firebase Authentication",
-      "Real-time database sync",
-      "Cloud Functions serverless",
-      "Firebase Hosting",
-      "Analytics and monitoring"
-    ],
-    integrations: ["React", "Angular", "Flutter", "Unity", "iOS", "Android"],
-    maturityScore: 9.1,
-    popularityScore: 8.8,
-    pricing: "Free Spark plan, Blaze pay-as-you-go",
-    notes: "Mature Google platform with excellent mobile support and real-time capabilities."
-  },
-  {
-    name: "Prisma",
-    description: "Modern database toolkit with type-safe client, schema management, and migrations for SQL databases with excellent TypeScript integration.",
-    url: "https://prisma.io",
-    frameworks: ["PostgreSQL", "MySQL", "SQLite", "MongoDB"],
-    languages: ["TypeScript", "JavaScript"],
-    features: [
-      "Type-safe database client",
-      "Database schema management",
-      "Auto-generated migrations",
-      "Prisma Studio database GUI",
-      "Connection pooling",
-      "Real-time subscriptions"
-    ],
-    integrations: ["Next.js", "NestJS", "GraphQL", "PostgreSQL", "MySQL", "PlanetScale"],
-    maturityScore: 8.3,
-    popularityScore: 8.1,
-    pricing: "Free for developers, Prisma Cloud paid plans",
-    notes: "Popular ORM choice for TypeScript projects with excellent developer experience and type safety."
-  },
-
-  // Payment Platforms
-  {
-    name: "Stripe",
-    description: "Complete payments platform with APIs for online and in-person payments, subscriptions, marketplace payments, and financial services.",
-    url: "https://stripe.com",
-    frameworks: ["REST APIs", "SDKs"],
-    languages: ["JavaScript", "Python", "Ruby", "PHP", "Java", "Go"],
-    features: [
-      "Online payment processing",
-      "Subscription management",
-      "Marketplace payments",
-      "Financial services APIs",
-      "Fraud prevention",
-      "Global payment methods"
-    ],
-    integrations: ["Lovable", "Base44", "WebSparks", "React", "Next.js", "Shopify"],
-    maturityScore: 9.3,
-    popularityScore: 9.1,
-    pricing: "2.9% + 30¢ per transaction, volume discounts available",
-    notes: "Industry-leading payment platform with excellent developer experience and global reach."
-  },
-  {
-    name: "PayPal",
-    description: "Global digital payments platform offering online payments, merchant services, and buyer protection with worldwide acceptance.",
-    url: "https://paypal.com",
-    frameworks: ["REST APIs", "SDK"],
-    languages: ["JavaScript", "Python", "Java", "PHP", "C#"],
-    features: [
-      "Global payment acceptance",
-      "Buyer and seller protection",
-      "Express Checkout",
-      "Subscription billing",
-      "Mobile payments",
-      "Multi-currency support"
-    ],
-    integrations: ["E-commerce platforms", "WordPress", "Shopify", "WooCommerce"],
-    maturityScore: 9.0,
-    popularityScore: 8.5,
-    pricing: "2.9% + fixed fee per transaction",
-    notes: "Established global payment solution with strong consumer trust and merchant adoption."
-  },
-
-  // DevOps/Deployment
-  {
-    name: "Vercel",
-    description: "Frontend cloud platform optimized for React and Next.js with instant deployments, serverless functions, and global CDN.",
-    url: "https://vercel.com",
-    frameworks: ["Next.js", "React", "Vue", "Svelte"],
-    languages: ["JavaScript", "TypeScript", "Go", "Python"],
-    features: [
-      "Instant deployments from Git",
-      "Serverless Functions",
-      "Edge Functions worldwide",
-      "Automatic HTTPS and CDN",
-      "Preview deployments",
-      "Web Analytics"
-    ],
-    integrations: ["GitHub", "GitLab", "Bitbucket", "Next.js", "v0", "Bolt"],
-    maturityScore: 8.8,
-    popularityScore: 8.6,
-    pricing: "Free Hobby plan, Pro $20/user/mo, Team $40/user/mo",
-    notes: "Leading platform for frontend deployments with excellent Next.js integration and developer experience."
-  },
-  {
-    name: "Netlify",
-    description: "Web development platform for building, deploying and scaling modern web applications with JAMstack architecture focus.",
-    url: "https://netlify.com",
-    frameworks: ["Static sites", "JAMstack"],
-    languages: ["JavaScript", "HTML", "CSS"],
-    features: [
-      "Continuous deployment from Git",
-      "Serverless Functions",
-      "Form handling",
-      "Identity management",
-      "Split testing",
-      "Edge computing"
-    ],
-    integrations: ["GitHub", "GitLab", "Bolt", "Gatsby", "Hugo", "Jekyll"],
-    maturityScore: 8.5,
-    popularityScore: 8.2,
-    pricing: "Free Starter, Pro $19/user/mo, Team $99/team/mo",
-    notes: "Popular for static sites and JAMstack applications with strong Git integration and build optimization."
-  }
-];
-
-// Compatibility mappings based on real-world integrations from the PDF
-export const seedCompatibilities: Omit<InsertCompatibility, "toolOneId" | "toolTwoId">[] = [
-  // AI Tool Integrations
-  { compatibilityScore: 95, notes: "Both OpenAI-based with excellent integration capabilities", verifiedIntegration: 1 },
-  { compatibilityScore: 75, notes: "Different models but good interoperability for code generation", verifiedIntegration: 1 },
-  { compatibilityScore: 90, notes: "Native ChatGPT integration in Cursor IDE", verifiedIntegration: 1 },
-  { compatibilityScore: 85, notes: "Uses OpenAI/Anthropic APIs for code generation", verifiedIntegration: 1 },
-  { compatibilityScore: 70, notes: "Integrates well with Copilot suggestions", verifiedIntegration: 1 },
-  { compatibilityScore: 90, notes: "Native Anthropic integration in Lovable platform", verifiedIntegration: 1 },
-  { compatibilityScore: 75, notes: "Good IDE integration with AI assistance", verifiedIntegration: 1 },
-
-  // Frontend Framework Compatibility
-  { compatibilityScore: 98, notes: "Lovable outputs React code natively with TypeScript", verifiedIntegration: 1 },
-  { compatibilityScore: 72, notes: "Uses Vite instead of Next.js, but React compatible", verifiedIntegration: 1 },
-  { compatibilityScore: 95, notes: "Native Tailwind CSS support in Lovable", verifiedIntegration: 1 },
-  { compatibilityScore: 92, notes: "Bolt generates React/Next.js code excellently", verifiedIntegration: 1 },
-  { compatibilityScore: 95, notes: "Excellent Next.js support and optimization", verifiedIntegration: 1 },
-  { compatibilityScore: 88, notes: "Good Tailwind generation and styling", verifiedIntegration: 1 },
-  { compatibilityScore: 98, notes: "v0 is built specifically for React applications", verifiedIntegration: 1 },
-  { compatibilityScore: 98, notes: "Optimized for Next.js deployment on Vercel", verifiedIntegration: 1 },
-  { compatibilityScore: 93, notes: "Excellent Tailwind integration and generation", verifiedIntegration: 1 },
-
-  // Backend Integration Scores
-  { compatibilityScore: 95, notes: "Built-in Supabase integration in Lovable", verifiedIntegration: 1 },
-  { compatibilityScore: 55, notes: "Limited Firebase support, prefers Supabase", verifiedIntegration: 0 },
-  { compatibilityScore: 80, notes: "Can integrate Supabase via prompts and templates", verifiedIntegration: 1 },
-  { compatibilityScore: 65, notes: "Basic Firebase integration available", verifiedIntegration: 1 },
-  { compatibilityScore: 85, notes: "Good Supabase integration via prompts", verifiedIntegration: 1 },
-  { compatibilityScore: 70, notes: "Standard Firebase integration capabilities", verifiedIntegration: 1 },
-
-  // React ecosystem compatibility
-  { compatibilityScore: 98, notes: "Next.js is built on React with full compatibility", verifiedIntegration: 1 },
-  { compatibilityScore: 95, notes: "React works excellently with Tailwind utilities", verifiedIntegration: 1 },
-  { compatibilityScore: 92, notes: "Vite provides excellent React development experience", verifiedIntegration: 1 },
-  { compatibilityScore: 90, notes: "Next.js has built-in Tailwind CSS support", verifiedIntegration: 1 },
-  { compatibilityScore: 88, notes: "Vite supports Tailwind with minimal configuration", verifiedIntegration: 1 },
-
-  // Payment platform integrations
-  { compatibilityScore: 90, notes: "Stripe integration available in Lovable extensions", verifiedIntegration: 1 },
-  { compatibilityScore: 85, notes: "Stripe integration via prompts in Base44", verifiedIntegration: 1 },
-  { compatibilityScore: 80, notes: "WebSparks can add Stripe payments via AI instructions", verifiedIntegration: 1 },
-  { compatibilityScore: 75, notes: "Standard PayPal integration across platforms", verifiedIntegration: 1 },
-
-  // Deployment platform compatibility
-  { compatibilityScore: 95, notes: "Bolt offers built-in Netlify deployment", verifiedIntegration: 1 },
-  { compatibilityScore: 98, notes: "v0 provides seamless Vercel deployment", verifiedIntegration: 1 },
-  { compatibilityScore: 85, notes: "Tempo Labs supports Vercel deployment", verifiedIntegration: 1 },
-  { compatibilityScore: 80, notes: "WebSparks likely integrates with Vercel", verifiedIntegration: 1 },
-
-  // Database compatibility scores
-  { compatibilityScore: 92, notes: "Supabase works excellently with React applications", verifiedIntegration: 1 },
-  { compatibilityScore: 88, notes: "Firebase has strong React integration", verifiedIntegration: 1 },
-  { compatibilityScore: 95, notes: "Supabase and Next.js are commonly used together", verifiedIntegration: 1 },
-  { compatibilityScore: 85, notes: "Firebase and Next.js integration is well-supported", verifiedIntegration: 1 },
-  { compatibilityScore: 90, notes: "Prisma works well with Supabase PostgreSQL", verifiedIntegration: 1 },
-
-  // Cross-category high compatibility
-  { compatibilityScore: 87, notes: "Strong compatibility across modern web stack", verifiedIntegration: 1 },
-  { compatibilityScore: 83, notes: "Good integration for full-stack applications", verifiedIntegration: 1 },
-  { compatibilityScore: 79, notes: "Decent compatibility with some configuration needed", verifiedIntegration: 1 },
-  { compatibilityScore: 91, notes: "Excellent compatibility for production applications", verifiedIntegration: 1 },
-];
-
-// Helper function to get category ID by name
-export const getCategoryIdByName = (categories: any[], name: string): string => {
-  const category = categories.find(cat => cat.name === name);
-  return category?.id || '';
-};
-
-// Helper function to create tools with proper category references
-export const createToolsWithCategories = (categories: any[]) => {
-  const categoryMap: Record<string, string> = {
-    "AI Coding Tools": getCategoryIdByName(categories, "AI Coding Tools"),
-    "Frontend/Design": getCategoryIdByName(categories, "Frontend/Design"), 
-    "Backend/Database": getCategoryIdByName(categories, "Backend/Database"),
-    "Payment Platforms": getCategoryIdByName(categories, "Payment Platforms"),
-    "DevOps/Deployment": getCategoryIdByName(categories, "DevOps/Deployment")
-  };
-
-  const toolCategories = [
-    // AI Coding Tools
-    "AI Coding Tools", "AI Coding Tools", "AI Coding Tools", "AI Coding Tools", "AI Coding Tools",
-    "AI Coding Tools", "AI Coding Tools", "AI Coding Tools", "AI Coding Tools", "AI Coding Tools", "AI Coding Tools",
-    // Frontend/Design Tools  
-    "Frontend/Design", "Frontend/Design", "Frontend/Design", "Frontend/Design",
-    // Backend/Database Tools
-    "Backend/Database", "Backend/Database", "Backend/Database",
-    // Payment Platforms
-    "Payment Platforms", "Payment Platforms",
-    // DevOps/Deployment
-    "DevOps/Deployment", "DevOps/Deployment"
-  ];
-
-  return seedTools.map((tool, index) => ({
-    ...tool,
-    categoryId: categoryMap[toolCategories[index]]
-  }));
-};
-
-export default {
-  seedCategories,
-  seedTools,
-  seedCompatibilities,
-  getCategoryIdByName,
-  createToolsWithCategories
-};
diff --git a/client/src/lib/utils.ts b/client/src/lib/utils.ts
deleted file mode 100644
index bd0c391..0000000
--- a/client/src/lib/utils.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
diff --git a/client/src/main.tsx b/client/src/main.tsx
deleted file mode 100644
index 696e0d2..0000000
--- a/client/src/main.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createRoot } from "react-dom/client";
-import App from "./App";
-import "./index.css";
-
-createRoot(document.getElementById("root")!).render(<App />);
diff --git a/client/src/pages/analytics.tsx b/client/src/pages/analytics.tsx
deleted file mode 100644
index c615976..0000000
--- a/client/src/pages/analytics.tsx
+++ /dev/null
@@ -1,437 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { 
-  BarChart3, 
-  TrendingUp, 
-  Users, 
-  Package, 
-  GitBranch,
-  Zap,
-  DollarSign,
-  Shield,
-  ArrowUp,
-  ArrowDown,
-  Minus
-} from "lucide-react";
-import type { ToolWithCategory, CompatibilityMatrix } from "@shared/schema";
-
-export default function AnalyticsPage() {
-  // Fetch all tools
-  const { data: tools = [], isLoading: toolsLoading } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools"]
-  });
-
-  // Fetch compatibility matrix
-  const { data: compatibilityMatrix = [], isLoading: matrixLoading } = useQuery<CompatibilityMatrix[]>({
-    queryKey: ["/api/compatibility-matrix"]
-  });
-
-  // Calculate analytics data
-  const calculateAnalytics = () => {
-    if (tools.length === 0) return null;
-
-    // Category distribution
-    const categoryDistribution = tools.reduce((acc, tool) => {
-      const category = tool.category.name;
-      acc[category] = (acc[category] || 0) + 1;
-      return acc;
-    }, {} as Record<string, number>);
-
-    // Popularity leaders
-    const popularityLeaders = [...tools]
-      .sort((a, b) => b.popularityScore - a.popularityScore)
-      .slice(0, 10);
-
-    // Maturity leaders
-    const maturityLeaders = [...tools]
-      .sort((a, b) => b.maturityScore - a.maturityScore)
-      .slice(0, 10);
-
-    // Integration champions (tools with most integrations)
-    const integrationChampions = [...tools]
-      .sort((a, b) => b.integrations.length - a.integrations.length)
-      .slice(0, 10);
-
-    // Free tier availability
-    const freeTierCount = tools.filter(t => t.pricing?.toLowerCase().includes('free')).length;
-    const freeTierPercentage = Math.round((freeTierCount / tools.length) * 100);
-
-    // Compatibility insights
-    const compatibilityScores = compatibilityMatrix.map(c => c.compatibilityScore);
-    const avgCompatibility = compatibilityScores.length > 0
-      ? Math.round(compatibilityScores.reduce((a, b) => a + b, 0) / compatibilityScores.length)
-      : 0;
-    
-    const highCompatPairs = compatibilityMatrix
-      .filter(c => c.compatibilityScore >= 80)
-      .sort((a, b) => b.compatibilityScore - a.compatibilityScore)
-      .slice(0, 10);
-
-    const lowCompatPairs = compatibilityMatrix
-      .filter(c => c.compatibilityScore < 50)
-      .sort((a, b) => a.compatibilityScore - b.compatibilityScore)
-      .slice(0, 10);
-
-    // Category compatibility heatmap
-    const categoryCompatibility: Record<string, Record<string, { score: number; count: number }>> = {};
-    compatibilityMatrix.forEach(item => {
-      const cat1 = item.toolOne.category.name;
-      const cat2 = item.toolTwo.category.name;
-      
-      if (!categoryCompatibility[cat1]) categoryCompatibility[cat1] = {};
-      if (!categoryCompatibility[cat1][cat2]) {
-        categoryCompatibility[cat1][cat2] = { score: 0, count: 0 };
-      }
-      
-      categoryCompatibility[cat1][cat2].score += item.compatibilityScore;
-      categoryCompatibility[cat1][cat2].count += 1;
-    });
-
-    // Calculate category averages
-    const categoryAverages: Array<{ categories: string[]; avgScore: number; count: number }> = [];
-    Object.entries(categoryCompatibility).forEach(([cat1, targets]) => {
-      Object.entries(targets).forEach(([cat2, data]) => {
-        categoryAverages.push({
-          categories: [cat1, cat2],
-          avgScore: Math.round(data.score / data.count),
-          count: data.count
-        });
-      });
-    });
-    categoryAverages.sort((a, b) => b.avgScore - a.avgScore);
-
-    return {
-      totalTools: tools.length,
-      categoryDistribution,
-      popularityLeaders,
-      maturityLeaders,
-      integrationChampions,
-      freeTierCount,
-      freeTierPercentage,
-      avgCompatibility,
-      highCompatPairs,
-      lowCompatPairs,
-      categoryAverages,
-      totalCompatibilities: compatibilityMatrix.length
-    };
-  };
-
-  const analytics = calculateAnalytics();
-
-  if (toolsLoading || matrixLoading) {
-    return (
-      <div className="flex items-center justify-center h-64">
-        <div className="text-center">
-          <BarChart3 className="h-12 w-12 text-neon-orange mx-auto mb-4 animate-pulse" />
-          <p className="text-github-text-secondary">Loading analytics...</p>
-        </div>
-      </div>
-    );
-  }
-
-  if (!analytics) {
-    return (
-      <div className="text-center py-12">
-        <p className="text-github-text-secondary">No data available for analytics</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      {/* Key Metrics Overview */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <div className="flex items-center justify-between">
-              <Package className="h-5 w-5 text-neon-orange" />
-              <Badge variant="secondary">Total</Badge>
-            </div>
-          </CardHeader>
-          <CardContent>
-            <div className="text-2xl font-bold text-github-text">{analytics.totalTools}</div>
-            <p className="text-xs text-github-text-secondary">Development Tools</p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <div className="flex items-center justify-between">
-              <GitBranch className="h-5 w-5 text-blue-400" />
-              <Badge variant="secondary">Matrix</Badge>
-            </div>
-          </CardHeader>
-          <CardContent>
-            <div className="text-2xl font-bold text-github-text">{analytics.totalCompatibilities}</div>
-            <p className="text-xs text-github-text-secondary">Compatibility Mappings</p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <div className="flex items-center justify-between">
-              <Zap className="h-5 w-5 text-yellow-400" />
-              <Badge variant="secondary">Average</Badge>
-            </div>
-          </CardHeader>
-          <CardContent>
-            <div className="text-2xl font-bold text-github-text">{analytics.avgCompatibility}%</div>
-            <p className="text-xs text-github-text-secondary">Compatibility Score</p>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader className="pb-2">
-            <div className="flex items-center justify-between">
-              <DollarSign className="h-5 w-5 text-green-400" />
-              <Badge variant="secondary">Free</Badge>
-            </div>
-          </CardHeader>
-          <CardContent>
-            <div className="text-2xl font-bold text-github-text">{analytics.freeTierPercentage}%</div>
-            <p className="text-xs text-github-text-secondary">Have Free Tier</p>
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* Detailed Analytics Tabs */}
-      <Tabs defaultValue="popularity" className="space-y-4">
-        <TabsList className="bg-github-dark border border-github-border">
-          <TabsTrigger value="popularity">Popularity</TabsTrigger>
-          <TabsTrigger value="maturity">Maturity</TabsTrigger>
-          <TabsTrigger value="integrations">Integrations</TabsTrigger>
-          <TabsTrigger value="compatibility">Compatibility</TabsTrigger>
-          <TabsTrigger value="categories">Categories</TabsTrigger>
-        </TabsList>
-
-        {/* Popularity Tab */}
-        <TabsContent value="popularity" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <TrendingUp className="h-5 w-5 text-blue-400" />
-                Most Popular Tools
-              </CardTitle>
-              <CardDescription>Top 10 tools by popularity score</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {analytics.popularityLeaders.map((tool, idx) => (
-                  <div key={tool.id} className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border">
-                    <div className="flex items-center gap-3">
-                      <div className="flex items-center justify-center w-8 h-8 rounded-full bg-neon-orange/20 text-neon-orange font-bold">
-                        {idx + 1}
-                      </div>
-                      <div>
-                        <div className="font-medium text-github-text">{tool.name}</div>
-                        <div className="text-xs text-github-text-secondary">{tool.category.name}</div>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <Progress value={tool.popularityScore * 10} className="w-20" />
-                      <span className="text-sm font-medium text-github-text">{tool.popularityScore.toFixed(1)}</span>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Maturity Tab */}
-        <TabsContent value="maturity" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Shield className="h-5 w-5 text-green-400" />
-                Most Mature Tools
-              </CardTitle>
-              <CardDescription>Top 10 tools by maturity score</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {analytics.maturityLeaders.map((tool, idx) => (
-                  <div key={tool.id} className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border">
-                    <div className="flex items-center gap-3">
-                      <div className="flex items-center justify-center w-8 h-8 rounded-full bg-green-900/30 text-green-400 font-bold">
-                        {idx + 1}
-                      </div>
-                      <div>
-                        <div className="font-medium text-github-text">{tool.name}</div>
-                        <div className="text-xs text-github-text-secondary">{tool.category.name}</div>
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <Progress value={tool.maturityScore * 10} className="w-20" />
-                      <span className="text-sm font-medium text-github-text">{tool.maturityScore.toFixed(1)}</span>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Integrations Tab */}
-        <TabsContent value="integrations" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <GitBranch className="h-5 w-5 text-purple-400" />
-                Integration Champions
-              </CardTitle>
-              <CardDescription>Tools with the most integration options</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {analytics.integrationChampions.map((tool, idx) => (
-                  <div key={tool.id} className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border">
-                    <div className="flex items-center gap-3">
-                      <div className="flex items-center justify-center w-8 h-8 rounded-full bg-purple-900/30 text-purple-400 font-bold">
-                        {idx + 1}
-                      </div>
-                      <div>
-                        <div className="font-medium text-github-text">{tool.name}</div>
-                        <div className="text-xs text-github-text-secondary">
-                          {tool.integrations.slice(0, 3).join(", ")}
-                          {tool.integrations.length > 3 && ` +${tool.integrations.length - 3} more`}
-                        </div>
-                      </div>
-                    </div>
-                    <Badge variant="secondary">
-                      {tool.integrations.length} integrations
-                    </Badge>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Compatibility Tab */}
-        <TabsContent value="compatibility" className="space-y-4">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {/* High Compatibility Pairs */}
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <ArrowUp className="h-5 w-5 text-green-400" />
-                  Best Compatibility
-                </CardTitle>
-                <CardDescription>Tool pairs with highest compatibility</CardDescription>
-              </CardHeader>
-              <CardContent>
-                <div className="space-y-2">
-                  {analytics.highCompatPairs.map((pair, idx) => (
-                    <div key={idx} className="flex items-center justify-between p-2 rounded bg-green-900/20 border border-green-800/30">
-                      <div className="text-sm">
-                        <span className="text-github-text">{pair.toolOne.name}</span>
-                        <span className="text-github-text-secondary mx-2">↔</span>
-                        <span className="text-github-text">{pair.toolTwo.name}</span>
-                      </div>
-                      <Badge className="bg-green-600/20 text-green-400 border-green-600/30">
-                        {pair.compatibilityScore}%
-                      </Badge>
-                    </div>
-                  ))}
-                </div>
-              </CardContent>
-            </Card>
-
-            {/* Low Compatibility Pairs */}
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <ArrowDown className="h-5 w-5 text-red-400" />
-                  Challenging Integrations
-                </CardTitle>
-                <CardDescription>Tool pairs that may need extra work</CardDescription>
-              </CardHeader>
-              <CardContent>
-                <div className="space-y-2">
-                  {analytics.lowCompatPairs.map((pair, idx) => (
-                    <div key={idx} className="flex items-center justify-between p-2 rounded bg-red-900/20 border border-red-800/30">
-                      <div className="text-sm">
-                        <span className="text-github-text">{pair.toolOne.name}</span>
-                        <span className="text-github-text-secondary mx-2">↔</span>
-                        <span className="text-github-text">{pair.toolTwo.name}</span>
-                      </div>
-                      <Badge className="bg-red-600/20 text-red-400 border-red-600/30">
-                        {pair.compatibilityScore}%
-                      </Badge>
-                    </div>
-                  ))}
-                </div>
-              </CardContent>
-            </Card>
-          </div>
-
-          {/* Category Compatibility Matrix */}
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle>Category Compatibility Insights</CardTitle>
-              <CardDescription>Average compatibility scores between tool categories</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {analytics.categoryAverages.slice(0, 10).map((item, idx) => (
-                  <div key={idx} className="flex items-center justify-between p-3 rounded-lg bg-github-dark border border-github-border">
-                    <div className="flex items-center gap-2">
-                      <span className="text-github-text font-medium">{item.categories[0]}</span>
-                      <span className="text-github-text-secondary">×</span>
-                      <span className="text-github-text font-medium">{item.categories[1]}</span>
-                    </div>
-                    <div className="flex items-center gap-3">
-                      <span className="text-xs text-github-text-secondary">{item.count} pairs</span>
-                      <Badge className={
-                        item.avgScore >= 80 ? "bg-green-600/20 text-green-400 border-green-600/30" :
-                        item.avgScore >= 60 ? "bg-yellow-600/20 text-yellow-400 border-yellow-600/30" :
-                        "bg-red-600/20 text-red-400 border-red-600/30"
-                      }>
-                        {item.avgScore}% avg
-                      </Badge>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        {/* Categories Tab */}
-        <TabsContent value="categories" className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle>Category Distribution</CardTitle>
-              <CardDescription>Number of tools in each category</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-4">
-                {Object.entries(analytics.categoryDistribution)
-                  .sort((a, b) => b[1] - a[1])
-                  .map(([category, count]) => {
-                    const percentage = Math.round((count / analytics.totalTools) * 100);
-                    return (
-                      <div key={category} className="space-y-2">
-                        <div className="flex items-center justify-between">
-                          <span className="text-sm font-medium text-github-text">{category}</span>
-                          <div className="flex items-center gap-2">
-                            <span className="text-sm text-github-text-secondary">{count} tools</span>
-                            <Badge variant="secondary">{percentage}%</Badge>
-                          </div>
-                        </div>
-                        <Progress value={percentage} className="h-2" />
-                      </div>
-                    );
-                  })}
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-      </Tabs>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/blueprint-builder.tsx b/client/src/pages/blueprint-builder.tsx
deleted file mode 100644
index d341cf7..0000000
--- a/client/src/pages/blueprint-builder.tsx
+++ /dev/null
@@ -1,437 +0,0 @@
-import React, { useState } from 'react';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Textarea } from '@/components/ui/textarea';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Badge } from '@/components/ui/badge';
-import { Alert, AlertDescription } from '@/components/ui/alert';
-import { Progress } from '@/components/ui/progress';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { Separator } from '@/components/ui/separator';
-import { useQuery, useMutation } from '@tanstack/react-query';
-import { queryClient } from '@/lib/queryClient';
-import type { Tool } from '@shared/schema';
-import { 
-  Sparkles, 
-  Clock, 
-  DollarSign, 
-  AlertCircle, 
-  CheckCircle2, 
-  Layers,
-  Code,
-  Cpu,
-  Zap,
-  GitBranch,
-  Package,
-  Shield
-} from 'lucide-react';
-
-interface Blueprint {
-  title: string;
-  techStack: string;
-  backendLogic: string[];
-  frontendLogic: string[];
-  recommendedWorkflow: {
-    name: string;
-    stages: string[];
-    reasoning: string;
-  };
-  recommendedTools: Array<{
-    tool: string;
-    category: string;
-    reason: string;
-    compatibilityScore?: number;
-  }>;
-  stackAnalysis: {
-    harmonyScore: number;
-    totalTools: number;
-    conflicts: string[];
-    warnings: string[];
-    integrationComplexity: 'low' | 'medium' | 'high';
-  };
-  alternativeStacks?: Array<{
-    name: string;
-    tools: string[];
-    harmonyScore: number;
-    tradeoffs: string;
-  }>;
-  estimatedTimeline?: {
-    development: string;
-    testing: string;
-    deployment: string;
-  };
-  costEstimate?: {
-    tooling: string;
-    infrastructure: string;
-    maintenance: string;
-  };
-}
-
-export default function BlueprintBuilder() {
-  const [idea, setIdea] = useState('');
-  const [preferredTools, setPreferredTools] = useState<string[]>([]);
-  const [avoidTools, setAvoidTools] = useState<string[]>([]);
-  const [timeline, setTimeline] = useState<'prototype' | 'mvp' | 'production'>('mvp');
-  const [budget, setBudget] = useState<'low' | 'medium' | 'high' | 'enterprise'>('medium');
-  const [blueprint, setBlueprint] = useState<Blueprint | null>(null);
-  const [isGenerating, setIsGenerating] = useState(false);
-
-  // Fetch available tools for selection
-  const { data: tools = [] } = useQuery<Tool[]>({
-    queryKey: ['/api/tools'],
-  });
-
-  // Generate blueprint mutation
-  const generateBlueprint = useMutation({
-    mutationFn: async () => {
-      const response = await fetch('/api/v1/blueprint', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          rawIdea: idea,
-          preferredTools,
-          avoidTools,
-          timeline,
-          budget
-        })
-      });
-      
-      if (!response.ok) {
-        throw new Error('Failed to generate blueprint');
-      }
-      
-      return response.json();
-    },
-    onSuccess: (data) => {
-      setBlueprint(data.blueprint);
-      setIsGenerating(false);
-    },
-    onError: () => {
-      setIsGenerating(false);
-    }
-  });
-
-  const handleGenerate = () => {
-    if (!idea.trim()) return;
-    setIsGenerating(true);
-    generateBlueprint.mutate();
-  };
-
-  const getComplexityColor = (complexity: string) => {
-    switch (complexity) {
-      case 'low': return 'text-green-500';
-      case 'medium': return 'text-yellow-500';
-      case 'high': return 'text-red-500';
-      default: return 'text-gray-500';
-    }
-  };
-
-  const getHarmonyColor = (score: number) => {
-    if (score >= 80) return 'bg-green-500';
-    if (score >= 60) return 'bg-yellow-500';
-    if (score >= 40) return 'bg-orange-500';
-    return 'bg-red-500';
-  };
-
-  return (
-    <div className="container mx-auto py-8">
-      <div className="mb-8">
-        <h1 className="text-4xl font-bold mb-2">Blueprint Builder</h1>
-        <p className="text-muted-foreground">
-          Generate intelligent project blueprints with compatibility-aware tech stack recommendations
-        </p>
-      </div>
-
-      <div className="grid gap-8 lg:grid-cols-2">
-        {/* Input Section */}
-        <Card>
-          <CardHeader>
-            <CardTitle>Project Configuration</CardTitle>
-            <CardDescription>
-              Describe your project and preferences to generate an optimized blueprint
-            </CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-6">
-            <div className="space-y-2">
-              <Label htmlFor="idea">Project Idea</Label>
-              <Textarea
-                id="idea"
-                placeholder="Describe your project idea... e.g., 'Build a real-time collaborative code editor with AI assistance'"
-                value={idea}
-                onChange={(e) => setIdea(e.target.value)}
-                className="min-h-[100px]"
-              />
-            </div>
-
-            <div className="space-y-2">
-              <Label htmlFor="preferred">Preferred Tools (Optional)</Label>
-              <Select
-                onValueChange={(value) => setPreferredTools([...preferredTools, value])}
-              >
-                <SelectTrigger>
-                  <SelectValue placeholder="Select preferred tools" />
-                </SelectTrigger>
-                <SelectContent>
-                  {tools.map((tool) => (
-                    <SelectItem key={tool.id} value={tool.name}>
-                      {tool.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-              <div className="flex flex-wrap gap-2 mt-2">
-                {preferredTools.map((tool) => (
-                  <Badge key={tool} variant="secondary">
-                    {tool}
-                    <button
-                      onClick={() => setPreferredTools(preferredTools.filter(t => t !== tool))}
-                      className="ml-2 text-xs"
-                    >
-                      ×
-                    </button>
-                  </Badge>
-                ))}
-              </div>
-            </div>
-
-            <div className="grid grid-cols-2 gap-4">
-              <div className="space-y-2">
-                <Label htmlFor="timeline">Timeline</Label>
-                <Select value={timeline} onValueChange={(v: any) => setTimeline(v)}>
-                  <SelectTrigger>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="prototype">Prototype (1-2 weeks)</SelectItem>
-                    <SelectItem value="mvp">MVP (1-3 months)</SelectItem>
-                    <SelectItem value="production">Production (3-6 months)</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-
-              <div className="space-y-2">
-                <Label htmlFor="budget">Budget</Label>
-                <Select value={budget} onValueChange={(v: any) => setBudget(v)}>
-                  <SelectTrigger>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="low">Low (&lt;$100/mo)</SelectItem>
-                    <SelectItem value="medium">Medium ($100-500/mo)</SelectItem>
-                    <SelectItem value="high">High ($500-2000/mo)</SelectItem>
-                    <SelectItem value="enterprise">Enterprise ($2000+/mo)</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-
-            <Button 
-              onClick={handleGenerate} 
-              disabled={!idea.trim() || isGenerating}
-              className="w-full"
-              size="lg"
-            >
-              {isGenerating ? (
-                <>
-                  <Sparkles className="mr-2 h-4 w-4 animate-spin" />
-                  Generating Blueprint...
-                </>
-              ) : (
-                <>
-                  <Sparkles className="mr-2 h-4 w-4" />
-                  Generate Blueprint
-                </>
-              )}
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Blueprint Output Section */}
-        {blueprint && (
-          <Card>
-            <CardHeader>
-              <CardTitle>{blueprint.title}</CardTitle>
-              <div className="flex items-center gap-4 mt-2">
-                <Badge variant="outline" className={getComplexityColor(blueprint.stackAnalysis.integrationComplexity)}>
-                  {blueprint.stackAnalysis.integrationComplexity} complexity
-                </Badge>
-                <div className="flex items-center gap-2">
-                  <span className="text-sm text-muted-foreground">Harmony:</span>
-                  <Progress 
-                    value={blueprint.stackAnalysis.harmonyScore} 
-                    className="w-20"
-                  />
-                  <span className="text-sm font-medium">{blueprint.stackAnalysis.harmonyScore}%</span>
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              <Tabs defaultValue="overview" className="w-full">
-                <TabsList className="grid w-full grid-cols-4">
-                  <TabsTrigger value="overview">Overview</TabsTrigger>
-                  <TabsTrigger value="stack">Tech Stack</TabsTrigger>
-                  <TabsTrigger value="timeline">Timeline</TabsTrigger>
-                  <TabsTrigger value="alternatives">Alternatives</TabsTrigger>
-                </TabsList>
-
-                <TabsContent value="overview" className="space-y-4">
-                  <div>
-                    <h4 className="font-medium mb-2 flex items-center gap-2">
-                      <Code className="h-4 w-4" />
-                      Frontend Logic
-                    </h4>
-                    <ul className="space-y-1 text-sm text-muted-foreground">
-                      {blueprint.frontendLogic.map((item, i) => (
-                        <li key={i} className="flex items-start gap-2">
-                          <CheckCircle2 className="h-3 w-3 mt-0.5 text-green-500" />
-                          {item}
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-
-                  <Separator />
-
-                  <div>
-                    <h4 className="font-medium mb-2 flex items-center gap-2">
-                      <Cpu className="h-4 w-4" />
-                      Backend Logic
-                    </h4>
-                    <ul className="space-y-1 text-sm text-muted-foreground">
-                      {blueprint.backendLogic.map((item, i) => (
-                        <li key={i} className="flex items-start gap-2">
-                          <CheckCircle2 className="h-3 w-3 mt-0.5 text-green-500" />
-                          {item}
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-                </TabsContent>
-
-                <TabsContent value="stack" className="space-y-4">
-                  <div>
-                    <h4 className="font-medium mb-3">Recommended Tools</h4>
-                    <div className="space-y-3">
-                      {blueprint.recommendedTools.map((tool, i) => (
-                        <div key={i} className="flex items-center justify-between p-3 rounded-lg border">
-                          <div>
-                            <div className="font-medium">{tool.tool}</div>
-                            <div className="text-xs text-muted-foreground">{tool.reason}</div>
-                          </div>
-                          <div className="flex items-center gap-2">
-                            <Badge variant="secondary">{tool.category}</Badge>
-                            {tool.compatibilityScore && (
-                              <Badge variant="outline">{tool.compatibilityScore}%</Badge>
-                            )}
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-
-                  {blueprint.stackAnalysis.warnings.length > 0 && (
-                    <Alert>
-                      <AlertCircle className="h-4 w-4" />
-                      <AlertDescription>
-                        {blueprint.stackAnalysis.warnings.join('. ')}
-                      </AlertDescription>
-                    </Alert>
-                  )}
-                </TabsContent>
-
-                <TabsContent value="timeline" className="space-y-4">
-                  {blueprint.estimatedTimeline && (
-                    <div className="space-y-4">
-                      <div className="grid grid-cols-3 gap-4">
-                        <Card>
-                          <CardHeader className="pb-3">
-                            <CardTitle className="text-sm">Development</CardTitle>
-                          </CardHeader>
-                          <CardContent>
-                            <div className="text-2xl font-bold">{blueprint.estimatedTimeline.development}</div>
-                          </CardContent>
-                        </Card>
-                        <Card>
-                          <CardHeader className="pb-3">
-                            <CardTitle className="text-sm">Testing</CardTitle>
-                          </CardHeader>
-                          <CardContent>
-                            <div className="text-2xl font-bold">{blueprint.estimatedTimeline.testing}</div>
-                          </CardContent>
-                        </Card>
-                        <Card>
-                          <CardHeader className="pb-3">
-                            <CardTitle className="text-sm">Deployment</CardTitle>
-                          </CardHeader>
-                          <CardContent>
-                            <div className="text-2xl font-bold">{blueprint.estimatedTimeline.deployment}</div>
-                          </CardContent>
-                        </Card>
-                      </div>
-                    </div>
-                  )}
-
-                  {blueprint.costEstimate && (
-                    <div>
-                      <h4 className="font-medium mb-3 flex items-center gap-2">
-                        <DollarSign className="h-4 w-4" />
-                        Cost Estimates
-                      </h4>
-                      <div className="space-y-2 text-sm">
-                        <div className="flex justify-between">
-                          <span className="text-muted-foreground">Tooling:</span>
-                          <span className="font-medium">{blueprint.costEstimate.tooling}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-muted-foreground">Infrastructure:</span>
-                          <span className="font-medium">{blueprint.costEstimate.infrastructure}</span>
-                        </div>
-                        <div className="flex justify-between">
-                          <span className="text-muted-foreground">Maintenance:</span>
-                          <span className="font-medium">{blueprint.costEstimate.maintenance}</span>
-                        </div>
-                      </div>
-                    </div>
-                  )}
-                </TabsContent>
-
-                <TabsContent value="alternatives" className="space-y-4">
-                  {blueprint.alternativeStacks && blueprint.alternativeStacks.length > 0 ? (
-                    blueprint.alternativeStacks.map((alt, i) => (
-                      <Card key={i}>
-                        <CardHeader className="pb-3">
-                          <div className="flex items-center justify-between">
-                            <CardTitle className="text-sm">{alt.name}</CardTitle>
-                            <Badge className={getHarmonyColor(alt.harmonyScore)}>
-                              {alt.harmonyScore}% harmony
-                            </Badge>
-                          </div>
-                        </CardHeader>
-                        <CardContent>
-                          <div className="space-y-2">
-                            <div className="flex flex-wrap gap-2">
-                              {alt.tools.map((tool) => (
-                                <Badge key={tool} variant="outline">{tool}</Badge>
-                              ))}
-                            </div>
-                            <p className="text-xs text-muted-foreground">{alt.tradeoffs}</p>
-                          </div>
-                        </CardContent>
-                      </Card>
-                    ))
-                  ) : (
-                    <p className="text-muted-foreground text-center py-4">
-                      No alternative stacks suggested - current selection is optimal
-                    </p>
-                  )}
-                </TabsContent>
-              </Tabs>
-            </CardContent>
-          </Card>
-        )}
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/compare-tools.tsx b/client/src/pages/compare-tools.tsx
deleted file mode 100644
index 81ce5f6..0000000
--- a/client/src/pages/compare-tools.tsx
+++ /dev/null
@@ -1,502 +0,0 @@
-import { useState, useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { Separator } from "@/components/ui/separator";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { X, Plus, CheckCircle2, XCircle, AlertCircle, ArrowRight } from "lucide-react";
-import { useQuery, useMutation } from "@tanstack/react-query";
-import { apiRequest } from "@/lib/queryClient";
-import type { ToolWithCategory, Compatibility } from "@shared/schema";
-
-interface CompareToolsPageProps {
-  searchQuery: string;
-}
-
-export default function CompareToolsPage({ searchQuery }: CompareToolsPageProps) {
-  const [selectedTools, setSelectedTools] = useState<ToolWithCategory[]>([]);
-  const [compatibilityScores, setCompatibilityScores] = useState<Map<string, number>>(new Map());
-
-  const { data: tools = [], isLoading } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools"],
-  });
-
-  // Fetch compatibility scores when tools are selected
-  const fetchCompatibilityScores = useMutation({
-    mutationFn: async (toolIds: string[]) => {
-      const response = await apiRequest("POST", "/api/stack/bulk-compatibility", { toolIds });
-      return response.json();
-    },
-    onSuccess: (data) => {
-      const scores = new Map<string, number>();
-      data.forEach((item: any) => {
-        const key = `${item.toolOneId}-${item.toolTwoId}`;
-        scores.set(key, item.score);
-      });
-      setCompatibilityScores(scores);
-    }
-  });
-
-  // Update compatibility scores when tools change
-  useEffect(() => {
-    if (selectedTools.length >= 2) {
-      const toolIds = selectedTools.map(t => t.id);
-      fetchCompatibilityScores.mutate(toolIds);
-    }
-  }, [selectedTools]);
-
-  const filteredTools = tools.filter((tool) => {
-    if (searchQuery && !tool.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
-        !tool.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
-      return false;
-    }
-    return true;
-  });
-
-  const availableTools = filteredTools.filter(
-    tool => !selectedTools.find(selected => selected.id === tool.id)
-  );
-
-  const addTool = (toolId: string) => {
-    const tool = tools.find(t => t.id === toolId);
-    if (tool && selectedTools.length < 4) {
-      setSelectedTools(prev => [...prev, tool]);
-    }
-  };
-
-  const removeTool = (toolId: string) => {
-    setSelectedTools(prev => prev.filter(tool => tool.id !== toolId));
-  };
-
-  const getCompatibilityScore = (tool1Id: string, tool2Id: string): number | null => {
-    const key1 = `${tool1Id}-${tool2Id}`;
-    const key2 = `${tool2Id}-${tool1Id}`;
-    return compatibilityScores.get(key1) ?? compatibilityScores.get(key2) ?? null;
-  };
-
-  const getCompatibilityColor = (score: number): string => {
-    if (score >= 80) return "text-green-400";
-    if (score >= 60) return "text-yellow-400";
-    if (score >= 40) return "text-orange-400";
-    return "text-red-400";
-  };
-
-  const getCompatibilityIcon = (score: number) => {
-    if (score >= 80) return <CheckCircle2 className="h-4 w-4 text-green-400" />;
-    if (score >= 60) return <AlertCircle className="h-4 w-4 text-yellow-400" />;
-    return <XCircle className="h-4 w-4 text-red-400" />;
-  };
-
-  const getComparisonMetrics = () => {
-    if (selectedTools.length === 0) return [];
-
-    return [
-      {
-        name: "Maturity Score",
-        key: "maturityScore",
-        format: (value: number) => `${value.toFixed(1)}/10`,
-      },
-      {
-        name: "Popularity Score", 
-        key: "popularityScore",
-        format: (value: number) => `${value.toFixed(1)}/10`,
-      },
-      {
-        name: "Frameworks Count",
-        key: "frameworks",
-        format: (value: string[]) => value.length.toString(),
-      },
-      {
-        name: "Languages Count",
-        key: "languages", 
-        format: (value: string[]) => value.length.toString(),
-      },
-      {
-        name: "Integrations Count",
-        key: "integrations",
-        format: (value: string[]) => value.length.toString(),
-      },
-    ];
-  };
-
-  const getCategoryColor = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "text-neon-orange";
-      case "frontend/design":
-        return "text-info";
-      case "backend/database":
-        return "text-success";
-      case "payment platforms":
-        return "text-warning";
-      default:
-        return "text-github-text-secondary";
-    }
-  };
-
-  const getCategoryIcon = (categoryName: string) => {
-    switch (categoryName.toLowerCase()) {
-      case "ai coding tools":
-        return "🤖";
-      case "frontend/design":
-        return "🎨";
-      case "backend/database":
-        return "🗄️";
-      case "payment platforms":
-        return "💳";
-      default:
-        return "🔧";
-    }
-  };
-
-  if (isLoading) {
-    return (
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="text-github-text">Loading Comparison Tools...</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="loading-shimmer h-64 rounded bg-github-border" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="text-lg font-semibold text-github-text" data-testid="compare-title">
-            Compare Tools
-          </CardTitle>
-          <p className="text-sm text-github-text-secondary mt-1">
-            Select up to 4 tools to compare their features, compatibility, and characteristics
-          </p>
-        </CardHeader>
-        <CardContent>
-          <div className="flex items-center space-x-4 mb-6">
-            <Select onValueChange={addTool} disabled={selectedTools.length >= 4}>
-              <SelectTrigger className="w-64 bg-github-dark border-github-border text-github-text" data-testid="select-add-tool">
-                <SelectValue placeholder="Add tool to compare" />
-              </SelectTrigger>
-              <SelectContent className="bg-github-dark border-github-border">
-                {availableTools.map((tool) => (
-                  <SelectItem key={tool.id} value={tool.id}>
-                    <div className="flex items-center space-x-2">
-                      <span>{getCategoryIcon((tool as any).categories?.[0]?.name || tool.category?.name || '')}</span>
-                      <span>{tool.name}</span>
-                      {(tool as any).categories && (tool as any).categories.length > 0 ? (
-                        (tool as any).categories.slice(0, 2).map((cat: any, index: number) => (
-                          <Badge key={index} variant="secondary" className="text-xs">
-                            {cat.name}
-                          </Badge>
-                        ))
-                      ) : (
-                        <Badge variant="secondary" className="text-xs">
-                          {tool.category?.name || 'Uncategorized'}
-                        </Badge>
-                      )}
-                    </div>
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            
-            {selectedTools.length >= 4 && (
-              <span className="text-sm text-github-text-secondary">
-                Maximum 4 tools can be compared
-              </span>
-            )}
-          </div>
-
-          {selectedTools.length === 0 ? (
-            <div className="text-center py-12">
-              <div className="text-github-text-secondary mb-4">
-                Select tools from the dropdown above to start comparing
-              </div>
-              <div className="text-sm text-github-text-secondary">
-                You can compare up to 4 tools side by side
-              </div>
-            </div>
-          ) : (
-            <div className="space-y-6">
-              {/* Selected Tools Overview */}
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-                {selectedTools.map((tool) => (
-                  <Card key={tool.id} className="bg-github-dark border-github-border relative">
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      onClick={() => removeTool(tool.id)}
-                      className="absolute top-2 right-2 h-8 w-8 p-0 text-github-text-secondary hover:text-github-text"
-                      data-testid={`button-remove-tool-${tool.id}`}
-                    >
-                      <X className="h-4 w-4" />
-                    </Button>
-                    <CardContent className="p-4">
-                      <div className="flex items-center space-x-2 mb-3">
-                        <div className="text-lg">{getCategoryIcon(tool.category.name)}</div>
-                        <div>
-                          <h3 className="font-medium text-github-text" data-testid={`compare-tool-name-${tool.id}`}>
-                            {tool.name}
-                          </h3>
-                          <div className="flex flex-wrap gap-1 mt-1">
-                            {(tool as any).categories && (tool as any).categories.length > 0 ? (
-                              (tool as any).categories.slice(0, 2).map((cat: any, index: number) => (
-                                <p key={index} className={`text-xs ${getCategoryColor(cat.name)}`}>
-                                  {cat.name}
-                                </p>
-                              ))
-                            ) : (
-                              <p className={`text-xs ${getCategoryColor(tool.category?.name || '')}`}>
-                                {tool.category?.name || 'Uncategorized'}
-                              </p>
-                            )}
-                          </div>
-                        </div>
-                      </div>
-                      <p className="text-sm text-github-text-secondary line-clamp-2" data-testid={`compare-tool-description-${tool.id}`}>
-                        {tool.description}
-                      </p>
-                    </CardContent>
-                  </Card>
-                ))}
-                
-                {/* Add more tools placeholder */}
-                {selectedTools.length < 4 && (
-                  <Card className="bg-github-dark border-github-border border-dashed">
-                    <CardContent className="p-4 flex items-center justify-center h-full">
-                      <div className="text-center">
-                        <Plus className="h-8 w-8 text-github-text-secondary mx-auto mb-2" />
-                        <p className="text-sm text-github-text-secondary">Add another tool</p>
-                      </div>
-                    </CardContent>
-                  </Card>
-                )}
-              </div>
-
-              {/* Detailed Comparison Table */}
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader>
-                  <CardTitle className="text-md font-semibold text-github-text">
-                    Detailed Comparison
-                  </CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <div className="overflow-x-auto">
-                    <table className="w-full" data-testid="comparison-table">
-                      <thead>
-                        <tr className="border-b border-github-border">
-                          <th className="text-left py-3 px-4 text-github-text-secondary">Metric</th>
-                          {selectedTools.map((tool) => (
-                            <th key={tool.id} className="text-left py-3 px-4 text-github-text min-w-48">
-                              {tool.name}
-                            </th>
-                          ))}
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {getComparisonMetrics().map((metric) => (
-                          <tr key={metric.name} className="border-b border-github-border/50">
-                            <td className="py-3 px-4 text-github-text-secondary font-medium">
-                              {metric.name}
-                            </td>
-                            {selectedTools.map((tool) => {
-                              const value = tool[metric.key as keyof ToolWithCategory] as any;
-                              return (
-                                <td key={tool.id} className="py-3 px-4 text-github-text" data-testid={`metric-${metric.key}-${tool.id}`}>
-                                  <div className="flex items-center space-x-2">
-                                    <span>{metric.format(value)}</span>
-                                    {(metric.key === "maturityScore" || metric.key === "popularityScore") && (
-                                      <Progress value={value * 10} className="w-16 h-2" />
-                                    )}
-                                  </div>
-                                </td>
-                              );
-                            })}
-                          </tr>
-                        ))}
-                        
-                        {/* Pricing Comparison */}
-                        <tr className="border-b border-github-border/50">
-                          <td className="py-3 px-4 text-github-text-secondary font-medium">Pricing</td>
-                          {selectedTools.map((tool) => (
-                            <td key={tool.id} className="py-3 px-4 text-github-text" data-testid={`pricing-${tool.id}`}>
-                              {tool.pricing || "Not specified"}
-                            </td>
-                          ))}
-                        </tr>
-
-                        {/* Frameworks */}
-                        <tr className="border-b border-github-border/50">
-                          <td className="py-3 px-4 text-github-text-secondary font-medium">Frameworks</td>
-                          {selectedTools.map((tool) => (
-                            <td key={tool.id} className="py-3 px-4" data-testid={`frameworks-${tool.id}`}>
-                              <div className="flex flex-wrap gap-1">
-                                {tool.frameworks.slice(0, 3).map((framework, index) => (
-                                  <Badge key={index} variant="secondary" className="text-xs">
-                                    {framework}
-                                  </Badge>
-                                ))}
-                                {tool.frameworks.length > 3 && (
-                                  <Badge variant="secondary" className="text-xs">
-                                    +{tool.frameworks.length - 3}
-                                  </Badge>
-                                )}
-                              </div>
-                            </td>
-                          ))}
-                        </tr>
-
-                        {/* Top Integrations */}
-                        <tr>
-                          <td className="py-3 px-4 text-github-text-secondary font-medium">Top Integrations</td>
-                          {selectedTools.map((tool) => (
-                            <td key={tool.id} className="py-3 px-4" data-testid={`integrations-${tool.id}`}>
-                              <div className="flex flex-wrap gap-1">
-                                {tool.integrations.slice(0, 3).map((integration, index) => (
-                                  <Badge key={index} variant="outline" className="text-xs border-github-border">
-                                    {integration}
-                                  </Badge>
-                                ))}
-                                {tool.integrations.length > 3 && (
-                                  <Badge variant="outline" className="text-xs border-github-border">
-                                    +{tool.integrations.length - 3}
-                                  </Badge>
-                                )}
-                              </div>
-                            </td>
-                          ))}
-                        </tr>
-                      </tbody>
-                    </table>
-                  </div>
-                </CardContent>
-              </Card>
-
-              {/* Compatibility Matrix */}
-              {selectedTools.length >= 2 && (
-                <Card className="bg-github-dark border-github-border">
-                  <CardHeader>
-                    <CardTitle className="text-md font-semibold text-github-text">
-                      Compatibility Analysis
-                    </CardTitle>
-                    <p className="text-sm text-github-text-secondary">
-                      How well these tools work together
-                    </p>
-                  </CardHeader>
-                  <CardContent>
-                    <div className="space-y-4">
-                      {selectedTools.map((tool1, idx1) => (
-                        selectedTools.slice(idx1 + 1).map((tool2) => {
-                          const score = getCompatibilityScore(tool1.id, tool2.id);
-                          if (score === null) return null;
-                          
-                          return (
-                            <div key={`${tool1.id}-${tool2.id}`} className="flex items-center justify-between p-4 rounded-lg bg-github-surface border border-github-border">
-                              <div className="flex items-center gap-4">
-                                <div className="flex items-center gap-2">
-                                  <div className="text-github-text font-medium">{tool1.name}</div>
-                                  <ArrowRight className="h-4 w-4 text-github-text-secondary" />
-                                  <div className="text-github-text font-medium">{tool2.name}</div>
-                                </div>
-                              </div>
-                              <div className="flex items-center gap-3">
-                                {getCompatibilityIcon(score)}
-                                <Badge 
-                                  className={`${score >= 80 ? 'bg-green-900/30 text-green-400 border-green-800' : 
-                                            score >= 60 ? 'bg-yellow-900/30 text-yellow-400 border-yellow-800' :
-                                            score >= 40 ? 'bg-orange-900/30 text-orange-400 border-orange-800' :
-                                            'bg-red-900/30 text-red-400 border-red-800'}`}
-                                >
-                                  {score}% compatible
-                                </Badge>
-                              </div>
-                            </div>
-                          );
-                        })
-                      ))}
-                      
-                      {fetchCompatibilityScores.isPending && (
-                        <div className="text-center py-4 text-github-text-secondary">
-                          Loading compatibility scores...
-                        </div>
-                      )}
-                    </div>
-
-                    {/* Compatibility Summary */}
-                    {selectedTools.length >= 2 && !fetchCompatibilityScores.isPending && (
-                      <div className="mt-6 p-4 rounded-lg bg-github-surface border border-github-border">
-                        <h4 className="text-sm font-medium text-github-text mb-3">Stack Compatibility Summary</h4>
-                        <div className="space-y-2">
-                          {(() => {
-                            const scores: number[] = [];
-                            selectedTools.forEach((tool1, idx1) => {
-                              selectedTools.slice(idx1 + 1).forEach((tool2) => {
-                                const score = getCompatibilityScore(tool1.id, tool2.id);
-                                if (score !== null) scores.push(score);
-                              });
-                            });
-                            const avgScore = scores.length > 0 ? Math.round(scores.reduce((a, b) => a + b, 0) / scores.length) : 0;
-                            const minScore = scores.length > 0 ? Math.min(...scores) : 0;
-                            const maxScore = scores.length > 0 ? Math.max(...scores) : 0;
-                            
-                            return (
-                              <>
-                                <div className="flex justify-between text-sm">
-                                  <span className="text-github-text-secondary">Average Compatibility:</span>
-                                  <span className={`font-medium ${getCompatibilityColor(avgScore)}`}>
-                                    {avgScore}%
-                                  </span>
-                                </div>
-                                <div className="flex justify-between text-sm">
-                                  <span className="text-github-text-secondary">Highest Compatibility:</span>
-                                  <span className={`font-medium ${getCompatibilityColor(maxScore)}`}>
-                                    {maxScore}%
-                                  </span>
-                                </div>
-                                <div className="flex justify-between text-sm">
-                                  <span className="text-github-text-secondary">Lowest Compatibility:</span>
-                                  <span className={`font-medium ${getCompatibilityColor(minScore)}`}>
-                                    {minScore}%
-                                  </span>
-                                </div>
-                                <Separator className="my-2" />
-                                <Alert className={avgScore >= 70 ? "border-green-800" : avgScore >= 50 ? "border-yellow-800" : "border-red-800"}>
-                                  <AlertDescription className="text-sm">
-                                    {avgScore >= 70 ? (
-                                      <>
-                                        <CheckCircle2 className="inline h-4 w-4 text-green-400 mr-2" />
-                                        <span className="text-github-text">This combination of tools works well together!</span>
-                                      </>
-                                    ) : avgScore >= 50 ? (
-                                      <>
-                                        <AlertCircle className="inline h-4 w-4 text-yellow-400 mr-2" />
-                                        <span className="text-github-text">This stack has moderate compatibility. Some integration work may be needed.</span>
-                                      </>
-                                    ) : (
-                                      <>
-                                        <XCircle className="inline h-4 w-4 text-red-400 mr-2" />
-                                        <span className="text-github-text">These tools may have compatibility challenges. Consider alternatives.</span>
-                                      </>
-                                    )}
-                                  </AlertDescription>
-                                </Alert>
-                              </>
-                            );
-                          })()}
-                        </div>
-                      </div>
-                    )}
-                  </CardContent>
-                </Card>
-              )}
-            </div>
-          )}
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/client/src/pages/compare.tsx b/client/src/pages/compare.tsx
deleted file mode 100644
index d4b4fef..0000000
--- a/client/src/pages/compare.tsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import { useState, useEffect } from "react";
-import { useLocation } from "wouter";
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Progress } from "@/components/ui/progress";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { 
-  GitCompare, 
-  Plus, 
-  X, 
-  Check, 
-  AlertCircle,
-  Sparkles,
-  Code,
-  DollarSign,
-  Users,
-  Shield,
-  Zap
-} from "lucide-react";
-import { queryClient } from "@/lib/queryClient";
-import { toast } from "@/hooks/use-toast";
-
-interface ComparisonData {
-  tools: any[];
-  harmonyScore: number;
-  validation: {
-    valid: boolean;
-    conflicts: string[];
-    warnings: string[];
-  };
-  compatibilityMatrix: any[];
-  summary: {
-    isValid: boolean;
-    totalTools: number;
-    conflictCount: number;
-    warningCount: number;
-    avgCompatibility: number;
-  };
-}
-
-export default function ComparePage() {
-  const [location] = useLocation();
-  const [selectedToolIds, setSelectedToolIds] = useState<string[]>([]);
-  const [comparisonData, setComparisonData] = useState<ComparisonData | null>(null);
-
-  // Get tool IDs from URL
-  useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const toolsParam = params.get('tools');
-    if (toolsParam) {
-      setSelectedToolIds(toolsParam.split(','));
-    }
-  }, [location]);
-
-  // Fetch all available tools
-  const { data: allTools = [] } = useQuery({
-    queryKey: ["/api/tools/quality"],
-  });
-
-  // Fetch comparison data when tools are selected
-  const { data: comparison, isLoading: isComparing } = useQuery({
-    queryKey: ["/api/v1/stack/analyze", selectedToolIds],
-    enabled: selectedToolIds.length >= 2,
-    queryFn: async () => {
-      const response = await fetch(`/api/v1/stack/analyze?tools=${selectedToolIds.join(',')}`);
-      if (!response.ok) throw new Error('Failed to analyze stack');
-      return response.json();
-    },
-  });
-
-  const handleAddTool = (toolId: string) => {
-    if (!selectedToolIds.includes(toolId) && selectedToolIds.length < 5) {
-      setSelectedToolIds([...selectedToolIds, toolId]);
-    }
-  };
-
-  const handleRemoveTool = (toolId: string) => {
-    setSelectedToolIds(selectedToolIds.filter(id => id !== toolId));
-  };
-
-  const selectedTools = selectedToolIds
-    .map(id => allTools.find((t: any) => t.id === id))
-    .filter(Boolean);
-
-  const getCompatibilityColor = (score: number) => {
-    if (score >= 80) return "text-green-500";
-    if (score >= 60) return "text-yellow-500";
-    if (score >= 40) return "text-orange-500";
-    return "text-red-500";
-  };
-
-  const getCompatibilityLabel = (score: number) => {
-    if (score >= 80) return "Excellent";
-    if (score >= 60) return "Good";
-    if (score >= 40) return "Fair";
-    return "Poor";
-  };
-
-  return (
-    <div className="container mx-auto p-6 space-y-6">
-      {/* Header */}
-      <Card>
-        <CardHeader>
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-3">
-              <GitCompare className="h-6 w-6 text-primary" />
-              <CardTitle className="text-2xl">Tool Comparison</CardTitle>
-            </div>
-            <Badge variant="secondary" className="text-lg px-3 py-1">
-              {selectedToolIds.length}/5 Tools
-            </Badge>
-          </div>
-        </CardHeader>
-      </Card>
-
-      {/* Tool Selection */}
-      <Card>
-        <CardHeader>
-          <CardTitle className="text-lg">Select Tools to Compare</CardTitle>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <div className="flex flex-wrap gap-2">
-            {selectedTools.map((tool: any) => (
-              <Badge key={tool.id} variant="secondary" className="px-3 py-2">
-                <span className="mr-2">{tool.name}</span>
-                <button
-                  onClick={() => handleRemoveTool(tool.id)}
-                  className="hover:text-destructive"
-                  data-testid={`remove-tool-${tool.id}`}
-                >
-                  <X className="h-3 w-3" />
-                </button>
-              </Badge>
-            ))}
-            {selectedToolIds.length < 5 && (
-              <Select onValueChange={handleAddTool}>
-                <SelectTrigger className="w-[200px]" data-testid="add-tool-select">
-                  <SelectValue placeholder="Add a tool..." />
-                </SelectTrigger>
-                <SelectContent>
-                  {allTools
-                    .filter((tool: any) => !selectedToolIds.includes(tool.id))
-                    .map((tool: any) => (
-                      <SelectItem key={tool.id} value={tool.id}>
-                        {tool.name}
-                      </SelectItem>
-                    ))}
-                </SelectContent>
-              </Select>
-            )}
-          </div>
-
-          {selectedToolIds.length < 2 && (
-            <Alert>
-              <AlertCircle className="h-4 w-4" />
-              <AlertDescription>
-                Select at least 2 tools to start comparing
-              </AlertDescription>
-            </Alert>
-          )}
-        </CardContent>
-      </Card>
-
-      {/* Comparison Results */}
-      {comparison && selectedToolIds.length >= 2 && (
-        <>
-          {/* Harmony Score */}
-          <Card>
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Sparkles className="h-5 w-5" />
-                Stack Harmony Score
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-4">
-                <div className="flex items-center justify-between">
-                  <span className="text-2xl font-bold">
-                    {comparison.harmonyScore}%
-                  </span>
-                  <Badge className={getCompatibilityColor(comparison.harmonyScore)}>
-                    {getCompatibilityLabel(comparison.harmonyScore)}
-                  </Badge>
-                </div>
-                <Progress value={comparison.harmonyScore} className="h-3" />
-                
-                {comparison.validation.conflicts.length > 0 && (
-                  <Alert variant="destructive">
-                    <AlertCircle className="h-4 w-4" />
-                    <AlertDescription>
-                      <strong>Conflicts:</strong>
-                      <ul className="list-disc list-inside mt-2">
-                        {comparison.validation.conflicts.map((conflict: string, i: number) => (
-                          <li key={i}>{conflict}</li>
-                        ))}
-                      </ul>
-                    </AlertDescription>
-                  </Alert>
-                )}
-                
-                {comparison.validation.warnings.length > 0 && (
-                  <Alert>
-                    <AlertCircle className="h-4 w-4" />
-                    <AlertDescription>
-                      <strong>Warnings:</strong>
-                      <ul className="list-disc list-inside mt-2">
-                        {comparison.validation.warnings.map((warning: string, i: number) => (
-                          <li key={i}>{warning}</li>
-                        ))}
-                      </ul>
-                    </AlertDescription>
-                  </Alert>
-                )}
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Feature Comparison Table */}
-          <Card>
-            <CardHeader>
-              <CardTitle>Feature Comparison</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="overflow-x-auto">
-                <table className="w-full">
-                  <thead>
-                    <tr className="border-b">
-                      <th className="text-left p-3">Feature</th>
-                      {selectedTools.map((tool: any) => (
-                        <th key={tool.id} className="text-center p-3 min-w-[120px]">
-                          {tool.name}
-                        </th>
-                      ))}
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {/* Category */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium">Category</td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="text-center p-3">
-                          <Badge variant="outline">{tool.category}</Badge>
-                        </td>
-                      ))}
-                    </tr>
-                    
-                    {/* Popularity */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium flex items-center gap-2">
-                        <Users className="h-4 w-4" />
-                        Popularity
-                      </td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="text-center p-3">
-                          <div className="flex flex-col items-center">
-                            <span className="font-semibold">{tool.popularityScore}%</span>
-                            <Progress value={tool.popularityScore} className="w-full h-1 mt-1" />
-                          </div>
-                        </td>
-                      ))}
-                    </tr>
-                    
-                    {/* Maturity */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium flex items-center gap-2">
-                        <Shield className="h-4 w-4" />
-                        Maturity
-                      </td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="text-center p-3">
-                          <div className="flex flex-col items-center">
-                            <span className="font-semibold">{tool.maturityScore}%</span>
-                            <Progress value={tool.maturityScore} className="w-full h-1 mt-1" />
-                          </div>
-                        </td>
-                      ))}
-                    </tr>
-                    
-                    {/* Pricing */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium flex items-center gap-2">
-                        <DollarSign className="h-4 w-4" />
-                        Pricing
-                      </td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="text-center p-3">
-                          <Badge variant={tool.pricing?.includes('Free') ? "success" : "secondary"}>
-                            {tool.pricing || 'Unknown'}
-                          </Badge>
-                        </td>
-                      ))}
-                    </tr>
-                    
-                    {/* Features */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium flex items-center gap-2">
-                        <Zap className="h-4 w-4" />
-                        Key Features
-                      </td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="p-3">
-                          <div className="flex flex-wrap gap-1 justify-center">
-                            {tool.features?.slice(0, 3).map((feature: string, i: number) => (
-                              <Badge key={i} variant="outline" className="text-xs">
-                                {feature}
-                              </Badge>
-                            ))}
-                          </div>
-                        </td>
-                      ))}
-                    </tr>
-                    
-                    {/* Languages */}
-                    <tr className="border-b">
-                      <td className="p-3 font-medium flex items-center gap-2">
-                        <Code className="h-4 w-4" />
-                        Languages
-                      </td>
-                      {selectedTools.map((tool: any) => (
-                        <td key={tool.id} className="p-3">
-                          <div className="flex flex-wrap gap-1 justify-center">
-                            {tool.languages?.map((lang: string, i: number) => (
-                              <Badge key={i} variant="outline" className="text-xs">
-                                {lang}
-                              </Badge>
-                            )) || <span className="text-muted-foreground">-</span>}
-                          </div>
-                        </td>
-                      ))}
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Compatibility Matrix */}
-          <Card>
-            <CardHeader>
-              <CardTitle>Compatibility Matrix</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                {comparison.compatibilityMatrix?.map((item: any, i: number) => (
-                  <div key={i} className="p-4 border rounded-lg">
-                    <div className="flex items-center justify-between mb-2">
-                      <span className="font-medium text-sm">
-                        {item.tool1Name} ↔ {item.tool2Name}
-                      </span>
-                      <Badge className={getCompatibilityColor(item.score)}>
-                        {item.score}%
-                      </Badge>
-                    </div>
-                    <Progress value={item.score} className="h-2" />
-                    {item.notes && (
-                      <p className="text-xs text-muted-foreground mt-2">{item.notes}</p>
-                    )}
-                  </div>
-                ))}
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Recommendations */}
-          <Card>
-            <CardHeader>
-              <CardTitle>Recommendations</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-3">
-                {comparison.summary.isValid ? (
-                  <Alert className="bg-green-50 border-green-200">
-                    <Check className="h-4 w-4 text-green-600" />
-                    <AlertDescription className="text-green-800">
-                      This tool combination works well together with {comparison.summary.avgCompatibility}% average compatibility.
-                    </AlertDescription>
-                  </Alert>
-                ) : (
-                  <Alert variant="destructive">
-                    <AlertCircle className="h-4 w-4" />
-                    <AlertDescription>
-                      This stack has compatibility issues. Consider reviewing the conflicts above.
-                    </AlertDescription>
-                  </Alert>
-                )}
-                
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
-                  <div className="text-center p-4 bg-secondary rounded-lg">
-                    <div className="text-2xl font-bold">{comparison.summary.totalTools}</div>
-                    <div className="text-sm text-muted-foreground">Tools</div>
-                  </div>
-                  <div className="text-center p-4 bg-secondary rounded-lg">
-                    <div className="text-2xl font-bold">{comparison.summary.conflictCount}</div>
-                    <div className="text-sm text-muted-foreground">Conflicts</div>
-                  </div>
-                  <div className="text-center p-4 bg-secondary rounded-lg">
-                    <div className="text-2xl font-bold">{comparison.summary.warningCount}</div>
-                    <div className="text-sm text-muted-foreground">Warnings</div>
-                  </div>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        </>
-      )}
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/compatibility-matrix.tsx b/client/src/pages/compatibility-matrix.tsx
deleted file mode 100644
index be6d33a..0000000
--- a/client/src/pages/compatibility-matrix.tsx
+++ /dev/null
@@ -1,293 +0,0 @@
-import { useState } from "react";
-import { CompatibilityMatrix } from "@/components/compatibility-matrix";
-import { CompatibilityInsights } from "@/components/compatibility-insights";
-import { CompatibilityHeatmap } from "@/components/compatibility/compatibility-heatmap";
-import { MigrationWizard } from "@/components/migration/migration-wizard";
-import { SearchFilters } from "@/components/search-filters";
-import { ToolModal } from "@/components/tool-modal";
-import { Card, CardContent } from "@/components/ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Button } from "@/components/ui/button";
-import { Switch } from "@/components/ui/switch";
-import { Label } from "@/components/ui/label";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Cpu, Layout, Database, Zap, Grid3x3, BarChart3, Sparkles, Trash2, AlertCircle } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
-import { apiRequest, queryClient } from "@/lib/queryClient";
-import { useToast } from "@/hooks/use-toast";
-import type { ToolWithCategory, CompatibilityMatrix as CompatibilityMatrixType } from "@shared/schema";
-
-interface CompatibilityMatrixPageProps {
-  searchQuery: string;
-}
-
-export default function CompatibilityMatrixPage({ searchQuery }: CompatibilityMatrixPageProps) {
-  const [filters, setFilters] = useState({
-    category: "all",
-    compatibility: "all",
-    maturity: "all",
-  });
-  
-  const [selectedTool, setSelectedTool] = useState<ToolWithCategory | null>(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [useQualityFilter, setUseQualityFilter] = useState(true);
-  const [generatingCompatibilities, setGeneratingCompatibilities] = useState(false);
-
-  const { data: allTools = [], refetch: refetchTools } = useQuery<ToolWithCategory[]>({
-    queryKey: [useQualityFilter ? "/api/tools/quality" : "/api/tools"],
-  });
-  
-  // Limit tools to 50 for the matrix view to prevent UI overload
-  const tools = allTools.slice(0, 50);
-
-  const { data: compatibilityMatrix = [], refetch: refetchMatrix } = useQuery<CompatibilityMatrixType[]>({
-    queryKey: ["/api/compatibility-matrix"],
-  });
-
-  const handleFilterChange = (key: string, value: string) => {
-    setFilters(prev => ({ ...prev, [key]: value }));
-  };
-
-  const handleClearFilters = () => {
-    setFilters({
-      category: "all",
-      compatibility: "all",
-      maturity: "all",
-    });
-  };
-
-  const handleToolClick = (tool: ToolWithCategory) => {
-    setSelectedTool(tool);
-    setIsModalOpen(true);
-  };
-
-  const handleEditTool = (tool: ToolWithCategory) => {
-    // TODO: Implement edit functionality
-    console.log("Edit tool:", tool);
-    setIsModalOpen(false);
-  };
-
-  const getCategoryStats = () => {
-    const stats = tools.reduce((acc, tool) => {
-      const category = tool.category.name;
-      acc[category] = (acc[category] || 0) + 1;
-      return acc;
-    }, {} as Record<string, number>);
-
-    return [
-      { name: "AI Coding Tools", count: stats["AI Coding Tools"] || 0, icon: Cpu, color: "text-neon-orange" },
-      { name: "Frontend/Design", count: stats["Frontend/Design"] || 0, icon: Layout, color: "text-info" },
-      { name: "Backend/Database", count: stats["Backend/Database"] || 0, icon: Database, color: "text-success" },
-      { name: "Payment Platforms", count: stats["Payment Platforms"] || 0, icon: Zap, color: "text-warning" },
-    ];
-  };
-
-  const categoryStats = getCategoryStats();
-  const totalCompatibilities = tools.length * (tools.length - 1) / 2; // Combinations without repetition
-  const { toast } = useToast();
-
-  const handleGenerateCompatibilities = async () => {
-    setGeneratingCompatibilities(true);
-    try {
-      const response = await apiRequest("POST", "/api/compatibility/generate");
-      const result = await response.json();
-      
-      toast({
-        title: "Compatibilities Generated",
-        description: `Generated ${result.generated} new compatibilities for ${result.totalTools} quality tools`,
-      });
-      
-      await refetchMatrix();
-    } catch (error) {
-      toast({
-        title: "Generation Failed",
-        description: "Failed to generate compatibilities. Please try again.",
-        variant: "destructive"
-      });
-    } finally {
-      setGeneratingCompatibilities(false);
-    }
-  };
-
-  const handleCleanupTools = async () => {
-    if (!confirm("This will permanently delete low-quality tools. Continue?")) return;
-    
-    try {
-      const response = await apiRequest("POST", "/api/tools/cleanup");
-      const result = await response.json();
-      
-      toast({
-        title: "Cleanup Complete",
-        description: `Removed ${result.deleted} low-quality tools`,
-      });
-      
-      await refetchTools();
-      await refetchMatrix();
-    } catch (error) {
-      toast({
-        title: "Cleanup Failed",
-        description: "Failed to cleanup tools. Please try again.",
-        variant: "destructive"
-      });
-    }
-  };
-
-  return (
-    <div className="space-y-6">
-      {/* Quality Controls Card */}
-      <Card className="bg-github-surface border-github-border">
-        <CardContent className="p-6">
-          <div className="space-y-4">
-            <div className="flex items-center justify-between">
-              <div>
-                <h3 className="text-lg font-semibold text-github-text mb-2">Matrix Quality Controls</h3>
-                <p className="text-sm text-github-text-secondary">
-                  {useQualityFilter 
-                    ? `Showing ${tools.length} high-quality tools with strong data`
-                    : `Showing all ${tools.length} tools (may be slow)`}
-                </p>
-              </div>
-              <div className="flex items-center gap-4">
-                <div className="flex items-center gap-2">
-                  <Switch
-                    id="quality-filter"
-                    checked={useQualityFilter}
-                    onCheckedChange={setUseQualityFilter}
-                    data-testid="switch-quality-filter"
-                  />
-                  <Label htmlFor="quality-filter" className="text-sm">
-                    Quality Filter
-                  </Label>
-                </div>
-              </div>
-            </div>
-            
-            {useQualityFilter && tools.length > 0 && (
-              <Alert className="bg-info/10 border-info">
-                <AlertCircle className="h-4 w-4 text-info" />
-                <AlertDescription className="text-github-text">
-                  Quality filter active: Showing tools with popularity ≥20, maturity ≥30, and complete metadata.
-                  Matrix shows {tools.length}×{tools.length} = {tools.length * tools.length} cells.
-                </AlertDescription>
-              </Alert>
-            )}
-            
-            <div className="flex gap-3">
-              <Button
-                onClick={handleGenerateCompatibilities}
-                disabled={generatingCompatibilities || tools.length === 0}
-                className="bg-neon-orange hover:bg-neon-orange/90"
-                data-testid="button-generate-compatibilities"
-              >
-                <Sparkles className="h-4 w-4 mr-2" />
-                {generatingCompatibilities ? "Generating..." : "Generate Smart Compatibilities"}
-              </Button>
-              
-              <Button
-                onClick={handleCleanupTools}
-                variant="outline"
-                className="border-github-border hover:bg-github-surface"
-                data-testid="button-cleanup-tools"
-              >
-                <Trash2 className="h-4 w-4 mr-2" />
-                Remove Low-Quality Tools
-              </Button>
-            </div>
-          </div>
-        </CardContent>
-      </Card>
-
-      <Tabs defaultValue="matrix" className="space-y-6">
-        <TabsList className="grid w-full grid-cols-4 bg-github-surface">
-          <TabsTrigger value="matrix" data-testid="tab-matrix-view">
-            <Grid3x3 className="h-4 w-4 mr-2" />
-            Matrix View
-          </TabsTrigger>
-          <TabsTrigger value="heatmap" data-testid="tab-heatmap">
-            <Sparkles className="h-4 w-4 mr-2" />
-            Heatmap
-          </TabsTrigger>
-          <TabsTrigger value="migration" data-testid="tab-migration">
-            <AlertCircle className="h-4 w-4 mr-2" />
-            Migration
-          </TabsTrigger>
-          <TabsTrigger value="insights" data-testid="tab-insights">
-            <BarChart3 className="h-4 w-4 mr-2" />
-            Insights
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="matrix" className="space-y-6">
-          <SearchFilters
-            filters={filters}
-            onFilterChange={handleFilterChange}
-            onClearFilters={handleClearFilters}
-          />
-
-          <CompatibilityMatrix
-            searchQuery={searchQuery}
-            filters={filters}
-            onToolClick={handleToolClick}
-          />
-
-          {/* Quick Stats Section */}
-          <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-            {categoryStats.map((stat, index) => {
-              const Icon = stat.icon;
-              return (
-                <Card key={stat.name} className="bg-github-surface border-github-border">
-                  <CardContent className="p-4">
-                    <div className="flex items-center space-x-3">
-                      <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${stat.color.includes('neon-orange') ? 'bg-neon-orange/20' : 
-                        stat.color.includes('info') ? 'bg-info/20' :
-                        stat.color.includes('success') ? 'bg-success/20' : 'bg-warning/20'}`}>
-                        <Icon className={`w-5 h-5 ${stat.color}`} />
-                      </div>
-                      <div>
-                        <div className="text-2xl font-bold text-github-text" data-testid={`stat-count-${index}`}>
-                          {stat.count}
-                        </div>
-                        <div className="text-sm text-github-text-secondary" data-testid={`stat-label-${index}`}>
-                          {stat.name}
-                        </div>
-                      </div>
-                    </div>
-                  </CardContent>
-                </Card>
-              );
-            })}
-          </div>
-        </TabsContent>
-
-        <TabsContent value="heatmap" className="space-y-6">
-          <CompatibilityHeatmap
-            tools={tools}
-            compatibilities={compatibilityMatrix as any}
-            onToolSelect={(toolId) => {
-              const tool = tools.find(t => t.id === toolId);
-              if (tool) handleToolClick(tool);
-            }}
-          />
-        </TabsContent>
-
-        <TabsContent value="migration" className="space-y-6">
-          <MigrationWizard tools={tools} />
-        </TabsContent>
-
-        <TabsContent value="insights" className="space-y-6">
-          <CompatibilityInsights
-            tools={tools}
-            compatibilityMatrix={compatibilityMatrix}
-          />
-        </TabsContent>
-      </Tabs>
-
-      <ToolModal
-        tool={selectedTool}
-        isOpen={isModalOpen}
-        onClose={() => setIsModalOpen(false)}
-        onEdit={handleEditTool}
-      />
-    </div>
-  );
-}
diff --git a/client/src/pages/dashboard.tsx b/client/src/pages/dashboard.tsx
deleted file mode 100644
index ac22a73..0000000
--- a/client/src/pages/dashboard.tsx
+++ /dev/null
@@ -1,373 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { 
-  Cpu, Layout, Database, Zap, TrendingUp, 
-  ArrowRight, Sparkles, GitCompare, Layers,
-  Star, Activity, Users, Clock, CheckCircle2,
-  Rocket, BookOpen, MessageSquare, Target
-} from "lucide-react";
-import { Link } from "wouter";
-import { QuickBlueprint } from "@/components/blueprint/quick-blueprint";
-import type { ToolWithCategory } from "@shared/schema";
-import { cn } from "@/lib/utils";
-
-export default function DashboardPage() {
-  const { data: tools = [] } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools/quality"],
-  });
-
-  const { data: categories = [] } = useQuery<any[]>({
-    queryKey: ["/api/categories"],
-  });
-
-  const { data: compatibilities = [] } = useQuery<any[]>({
-    queryKey: ["/api/compatibility-matrix"],
-  });
-
-  // Get category statistics
-  const getCategoryStats = () => {
-    // Create a map of categoryId to category name
-    const categoryMap = categories.reduce((acc: any, cat: any) => {
-      acc[cat.id] = cat.name;
-      return acc;
-    }, {});
-
-    // Count tools by categoryId
-    const stats = tools.reduce((acc, tool: any) => {
-      if (tool.categoryId && categoryMap[tool.categoryId]) {
-        const categoryName = categoryMap[tool.categoryId];
-        acc[categoryName] = (acc[categoryName] || 0) + 1;
-      }
-      return acc;
-    }, {} as Record<string, number>);
-
-    return [
-      { 
-        name: "IDE/Development", 
-        count: stats["IDE/Development"] || 0, 
-        icon: Cpu, 
-        color: "bg-purple-600 text-white",
-        description: "IDEs and code editors"
-      },
-      { 
-        name: "AI Coding Tools", 
-        count: stats["AI Coding Tools"] || 0, 
-        icon: Sparkles, 
-        color: "bg-neon-orange text-white",
-        description: "AI-powered code generation"
-      },
-      { 
-        name: "Backend/Database", 
-        count: stats["Backend/Database"] || 0, 
-        icon: Database, 
-        color: "bg-emerald-600 text-white",
-        description: "Servers, databases and hosting"
-      },
-      { 
-        name: "Frontend/Design", 
-        count: stats["Frontend/Design"] || 0, 
-        icon: Layout, 
-        color: "bg-blue-600 text-white",
-        description: "UI frameworks and design tools"
-      },
-      { 
-        name: "DevOps/Deployment", 
-        count: stats["DevOps/Deployment"] || 0, 
-        icon: Layers, 
-        color: "bg-violet-600 text-white",
-        description: "Deployment and operations"
-      },
-      { 
-        name: "Payment Platforms", 
-        count: stats["Payment Platforms"] || 0, 
-        icon: Zap, 
-        color: "bg-amber-600 text-white",
-        description: "Payment and e-commerce"
-      },
-    ];
-  };
-
-  // Get top rated tools
-  const getTopTools = () => {
-    return tools
-      .filter(tool => tool.popularityScore >= 7)
-      .sort((a, b) => (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore))
-      .slice(0, 6);
-  };
-
-  const categoryStats = getCategoryStats();
-  const topTools = getTopTools();
-
-  return (
-    <div className="max-w-7xl mx-auto space-y-8 px-4 sm:px-6 lg:px-8">
-      {/* Welcome Section */}
-      <div className="">
-        <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold mb-2">Welcome to TechStack Explorer</h1>
-        <p className="text-base sm:text-lg text-github-text-secondary">Your intelligent platform for building and optimizing tech stacks</p>
-      </div>
-
-      {/* Quick Start Cards */}
-      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-        <Card className="bg-gradient-to-br from-purple-600/10 to-purple-600/5 border-purple-600/20 hover:border-purple-600/40 transition-all group cursor-pointer">
-          <Link href="/quickstart">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <Rocket className="h-8 w-8 text-purple-400" />
-                <ArrowRight className="h-4 w-4 text-purple-400 group-hover:translate-x-1 transition-transform" />
-              </div>
-              <CardTitle className="text-xl mt-4">Quick Start</CardTitle>
-              <CardDescription>New here? Get up to speed in 5 minutes</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-2">
-                <div className="flex items-center gap-2">
-                  <CheckCircle2 className="h-4 w-4 text-green-400" />
-                  <span className="text-sm">Interactive walkthrough</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <CheckCircle2 className="h-4 w-4 text-green-400" />
-                  <span className="text-sm">Sample projects</span>
-                </div>
-              </div>
-            </CardContent>
-          </Link>
-        </Card>
-
-        <Card className="bg-gradient-to-br from-neon-orange/10 to-neon-orange/5 border-neon-orange/20 hover:border-neon-orange/40 transition-all group cursor-pointer">
-          <Link href="/blueprint">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <Sparkles className="h-8 w-8 text-neon-orange" />
-                <ArrowRight className="h-4 w-4 text-neon-orange group-hover:translate-x-1 transition-transform" />
-              </div>
-              <CardTitle className="text-xl mt-4">AI Blueprint</CardTitle>
-              <CardDescription>Generate a complete tech stack with AI</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-2">
-                <div className="flex items-center gap-2">
-                  <Clock className="h-4 w-4 text-yellow-400" />
-                  <span className="text-sm">30-second generation</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Target className="h-4 w-4 text-blue-400" />
-                  <span className="text-sm">Tailored recommendations</span>
-                </div>
-              </div>
-            </CardContent>
-          </Link>
-        </Card>
-
-        <Card className="bg-gradient-to-br from-green-600/10 to-green-600/5 border-green-600/20 hover:border-green-600/40 transition-all group cursor-pointer">
-          <Link href="/stack-builder">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <Layers className="h-8 w-8 text-green-400" />
-                <ArrowRight className="h-4 w-4 text-green-400 group-hover:translate-x-1 transition-transform" />
-              </div>
-              <CardTitle className="text-xl mt-4">Stack Builder</CardTitle>
-              <CardDescription>Build and validate your tech stack</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-2">
-                <div className="flex items-center gap-2">
-                  <GitCompare className="h-4 w-4 text-cyan-400" />
-                  <span className="text-sm">Compatibility checks</span>
-                </div>
-                <div className="flex items-center gap-2">
-                  <Database className="h-4 w-4 text-indigo-400" />
-                  <span className="text-sm">{tools.length}+ tools available</span>
-                </div>
-              </div>
-            </CardContent>
-          </Link>
-        </Card>
-      </div>
-
-      {/* Quick Blueprint Generator */}
-      <QuickBlueprint />
-
-      {/* Quick Stats */}
-      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-        <Card className="bg-github-surface border-github-border">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-github-text-secondary">Total Tools</p>
-                <p className="text-2xl font-bold text-github-text">{tools.length}</p>
-              </div>
-              <Database className="h-8 w-8 text-github-text-secondary" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-github-text-secondary">Compatibility Scores</p>
-                <p className="text-2xl font-bold text-github-text">{compatibilities.length}</p>
-              </div>
-              <Activity className="h-8 w-8 text-neon-orange" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-github-text-secondary">Categories</p>
-                <p className="text-2xl font-bold text-github-text">{categoryStats.length}</p>
-              </div>
-              <Layers className="h-8 w-8 text-info" />
-            </div>
-          </CardContent>
-        </Card>
-
-        <Card className="bg-github-surface border-github-border">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="text-sm text-github-text-secondary">Avg Score</p>
-                <p className="text-2xl font-bold text-github-text">
-                  {Math.round(
-                    compatibilities.reduce((acc, c) => acc + (c.compatibilityScore || 0), 0) / 
-                    Math.max(compatibilities.length, 1)
-                  )}%
-                </p>
-              </div>
-              <TrendingUp className="h-8 w-8 text-success" />
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-
-      {/* Categories Grid */}
-      <div>
-        <h2 className="text-xl font-semibold text-github-text mb-4">Explore Categories</h2>
-        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-4">
-          {categoryStats.map((category) => {
-            const Icon = category.icon;
-            return (
-              <Link href={`/?tab=database&category=${encodeURIComponent(category.name)}`} key={category.name}>
-                <Card 
-                  className="bg-github-surface border-github-border hover:border-neon-orange transition-colors cursor-pointer"
-                  data-testid={`category-${category.name}`}
-                >
-                  <CardContent className="p-6">
-                    <div className={`w-12 h-12 rounded-lg ${category.color} flex items-center justify-center mb-4`}>
-                      <Icon className="h-6 w-6" />
-                    </div>
-                    <h3 className="font-semibold text-github-text mb-1">{category.name}</h3>
-                    <p className="text-sm text-github-text-secondary mb-3">{category.description}</p>
-                    <div className="flex items-center justify-between">
-                      <span className="text-2xl font-bold text-github-text">{category.count}</span>
-                      <ArrowRight className="h-4 w-4 text-github-text-secondary" />
-                    </div>
-                  </CardContent>
-                </Card>
-              </Link>
-            );
-          })}
-        </div>
-      </div>
-
-      {/* Popular Tools */}
-      <div>
-        <div className="flex items-center justify-between mb-4">
-          <h2 className="text-xl font-semibold text-github-text">Popular Tools</h2>
-          <Link href="/?tab=database">
-            <Button variant="ghost" size="sm" className="text-neon-orange hover:bg-github-surface">
-              View All
-              <ArrowRight className="h-4 w-4 ml-1" />
-            </Button>
-          </Link>
-        </div>
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          {topTools.map((tool) => (
-            <Card key={tool.id} className="bg-github-surface border-github-border hover:border-neon-orange transition-colors">
-              <CardContent className="p-6">
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex-1">
-                    <h3 className="font-semibold text-github-text mb-1">{tool.name}</h3>
-                    <div className="flex flex-wrap gap-1">
-                      {(tool as any).categories && (tool as any).categories.length > 0 ? (
-                        (tool as any).categories.slice(0, 2).map((cat: any, index: number) => (
-                          <Badge key={index} variant="secondary" className="text-xs">
-                            {cat.name}
-                          </Badge>
-                        ))
-                      ) : (
-                        <Badge variant="secondary" className="text-xs">
-                          {tool.category?.name || 'Uncategorized'}
-                        </Badge>
-                      )}
-                      {(tool as any).categories && (tool as any).categories.length > 2 && (
-                        <Badge variant="secondary" className="text-xs">
-                          +{(tool as any).categories.length - 2}
-                        </Badge>
-                      )}
-                    </div>
-                  </div>
-                  <div className="flex items-center gap-1 ml-2">
-                    <Star className="h-4 w-4 text-yellow-500 fill-current" />
-                    <span className="text-sm text-github-text">{tool.popularityScore}</span>
-                  </div>
-                </div>
-                <p className="text-sm text-github-text-secondary line-clamp-2 mb-3">
-                  {tool.description}
-                </p>
-                <div className="flex items-center justify-between">
-                  <div className="flex gap-2">
-                    <Badge variant="outline" className="text-xs">
-                      Maturity: {tool.maturityScore}
-                    </Badge>
-                  </div>
-                  <Link href={`/?tab=database&search=${encodeURIComponent(tool.name)}`}>
-                    <Button variant="ghost" size="sm" className="text-neon-orange hover:bg-github-surface">
-                      <Sparkles className="h-3 w-3 mr-1" />
-                      View
-                    </Button>
-                  </Link>
-                </div>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-      </div>
-
-      {/* Quick Actions */}
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="text-lg font-semibold text-github-text">Quick Actions</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-            <Link href="/?tab=stack-builder">
-              <Button variant="outline" className="w-full justify-start border-github-border hover:bg-github-dark">
-                <Layers className="h-4 w-4 mr-2" />
-                Build a new tech stack
-              </Button>
-            </Link>
-            <Link href="/?tab=compare">
-              <Button variant="outline" className="w-full justify-start border-github-border hover:bg-github-dark">
-                <GitCompare className="h-4 w-4 mr-2" />
-                Compare similar tools
-              </Button>
-            </Link>
-            <Link href="/?tab=database">
-              <Button variant="outline" className="w-full justify-start border-github-border hover:bg-github-dark">
-                <Database className="h-4 w-4 mr-2" />
-                Browse tool database
-              </Button>
-            </Link>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/documentation.tsx b/client/src/pages/documentation.tsx
deleted file mode 100644
index ec08af2..0000000
--- a/client/src/pages/documentation.tsx
+++ /dev/null
@@ -1,2035 +0,0 @@
-import { useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
-import {
-  Book,
-  Rocket,
-  Code,
-  Database,
-  Layers,
-  GitCompare,
-  Sparkles,
-  Grid3x3,
-  BarChart3,
-  Search,
-  Settings,
-  HelpCircle,
-  ChevronRight,
-  Terminal,
-  Zap,
-  Shield,
-  Users,
-  Globe,
-  FileText,
-  CheckCircle2,
-  AlertCircle,
-  Info,
-  Cpu,
-  ArrowRight,
-  Command,
-  Package,
-  Target,
-  Lightbulb,
-  BookOpen,
-  MessageSquare,
-} from "lucide-react";
-import { Link } from "wouter";
-
-export default function DocumentationPage() {
-  const [activeSection, setActiveSection] = useState("getting-started");
-
-  const navigationSections = [
-    {
-      id: "getting-started",
-      title: "Getting Started",
-      icon: Rocket,
-      items: [
-        { id: "intro", title: "Introduction" },
-        { id: "quick-start", title: "Quick Start Guide" },
-        { id: "first-stack", title: "Build Your First Stack" },
-        { id: "concepts", title: "Core Concepts" },
-      ],
-    },
-    {
-      id: "features",
-      title: "Features",
-      icon: Layers,
-      items: [
-        { id: "stack-builder", title: "Stack Builder" },
-        { id: "ai-blueprint", title: "AI Blueprint Generator" },
-        { id: "tool-database", title: "Tool Database" },
-        { id: "comparison", title: "Tool Comparison" },
-        { id: "compatibility", title: "Compatibility Matrix" },
-        { id: "analytics", title: "Analytics Dashboard" },
-      ],
-    },
-    {
-      id: "guides",
-      title: "User Guides",
-      icon: BookOpen,
-      items: [
-        { id: "search-tools", title: "Searching for Tools" },
-        { id: "build-stack", title: "Building a Tech Stack" },
-        { id: "compare-tools", title: "Comparing Tools" },
-        { id: "migration", title: "Migration Planning" },
-        { id: "export-import", title: "Export & Import" },
-        { id: "collaboration", title: "Collaboration Features" },
-      ],
-    },
-    {
-      id: "api",
-      title: "API Reference",
-      icon: Code,
-      items: [
-        { id: "api-intro", title: "API Introduction" },
-        { id: "endpoints", title: "Endpoints" },
-        { id: "authentication", title: "Authentication" },
-        { id: "rate-limits", title: "Rate Limits" },
-        { id: "examples", title: "Code Examples" },
-      ],
-    },
-    {
-      id: "best-practices",
-      title: "Best Practices",
-      icon: Target,
-      items: [
-        { id: "stack-design", title: "Stack Design Principles" },
-        { id: "tool-selection", title: "Tool Selection Criteria" },
-        { id: "scaling", title: "Scaling Considerations" },
-        { id: "security", title: "Security Guidelines" },
-        { id: "cost-optimization", title: "Cost Optimization" },
-      ],
-    },
-    {
-      id: "troubleshooting",
-      title: "Troubleshooting",
-      icon: HelpCircle,
-      items: [
-        { id: "common-issues", title: "Common Issues" },
-        { id: "faqs", title: "FAQs" },
-        { id: "support", title: "Getting Support" },
-        { id: "bug-reporting", title: "Reporting Bugs" },
-      ],
-    },
-  ];
-
-  const renderContent = () => {
-    switch (activeSection) {
-      case "getting-started":
-        return <GettingStartedContent />;
-      case "features":
-        return <FeaturesContent />;
-      case "guides":
-        return <UserGuidesContent />;
-      case "api":
-        return <APIReferenceContent />;
-      case "best-practices":
-        return <BestPracticesContent />;
-      case "troubleshooting":
-        return <TroubleshootingContent />;
-      default:
-        return <GettingStartedContent />;
-    }
-  };
-
-  return (
-    <div className="flex gap-8 max-w-7xl mx-auto">
-      {/* Sidebar Navigation */}
-      <aside className="w-64 sticky top-20 h-fit">
-        <ScrollArea className="h-[calc(100vh-6rem)]">
-          <nav className="space-y-6">
-            {navigationSections.map((section) => {
-              const Icon = section.icon;
-              return (
-                <div key={section.id}>
-                  <button
-                    onClick={() => setActiveSection(section.id)}
-                    className={`flex items-center gap-2 font-semibold text-sm mb-2 hover:text-neon-orange transition-colors ${
-                      activeSection === section.id ? "text-neon-orange" : "text-github-text"
-                    }`}
-                  >
-                    <Icon className="h-4 w-4" />
-                    {section.title}
-                  </button>
-                  <ul className="space-y-1 ml-6">
-                    {section.items.map((item) => (
-                      <li key={item.id}>
-                        <a
-                          href={`#${item.id}`}
-                          className="text-sm text-github-text-secondary hover:text-github-text transition-colors block py-1"
-                        >
-                          {item.title}
-                        </a>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              );
-            })}
-          </nav>
-        </ScrollArea>
-      </aside>
-
-      {/* Main Content */}
-      <main className="flex-1 min-w-0">
-        <div className="prose prose-invert max-w-none">
-          {renderContent()}
-        </div>
-      </main>
-    </div>
-  );
-}
-
-function GettingStartedContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">Documentation</h1>
-        <p className="text-lg text-github-text-secondary">
-          Everything you need to know about TechStack Explorer
-        </p>
-      </div>
-
-      <Card className="bg-gradient-to-r from-purple-600/10 to-purple-600/5 border-purple-600/20">
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <Rocket className="h-5 w-5 text-purple-400" />
-            Welcome to TechStack Explorer
-          </CardTitle>
-        </CardHeader>
-        <CardContent className="prose prose-invert max-w-none">
-          <p className="text-github-text-secondary">
-            TechStack Explorer is a comprehensive platform that helps developers discover, compare, and build optimal technology stacks for their projects. 
-            With AI-powered recommendations and extensive compatibility analysis, we make it easy to make informed decisions about your development tools.
-          </p>
-        </CardContent>
-      </Card>
-
-      <section id="intro" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Introduction</h2>
-        <div className="space-y-4 text-github-text-secondary">
-          <p>
-            TechStack Explorer combines a curated database of development tools with intelligent compatibility scoring and AI-powered recommendations. 
-            Whether you're starting a new project or optimizing an existing one, our platform provides the insights you need to build better, faster, and more efficiently.
-          </p>
-          
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg flex items-center gap-2">
-                  <Database className="h-4 w-4 text-blue-400" />
-                  Comprehensive Tool Database
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <p className="text-sm text-github-text-secondary">
-                  Access detailed information on hundreds of development tools, frameworks, and services, all carefully categorized and analyzed.
-                </p>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg flex items-center gap-2">
-                  <Sparkles className="h-4 w-4 text-neon-orange" />
-                  AI-Powered Recommendations
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <p className="text-sm text-github-text-secondary">
-                  Get personalized tech stack recommendations based on your project requirements, timeline, and budget constraints.
-                </p>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg flex items-center gap-2">
-                  <Grid3x3 className="h-4 w-4 text-green-400" />
-                  Compatibility Analysis
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <p className="text-sm text-github-text-secondary">
-                  View detailed compatibility scores between tools to ensure your tech stack components work seamlessly together.
-                </p>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg flex items-center gap-2">
-                  <GitCompare className="h-4 w-4 text-purple-400" />
-                  Side-by-Side Comparisons
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <p className="text-sm text-github-text-secondary">
-                  Compare tools across multiple dimensions including features, pricing, performance, and community support.
-                </p>
-              </CardContent>
-            </Card>
-          </div>
-        </div>
-      </section>
-
-      <section id="quick-start" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Quick Start Guide</h2>
-        <div className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-lg">5-Minute Quick Start</CardTitle>
-              <CardDescription>Get up and running with TechStack Explorer in just a few minutes</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <ol className="space-y-4">
-                <li className="flex gap-4">
-                  <div className="flex-shrink-0 w-8 h-8 bg-neon-orange rounded-full flex items-center justify-center text-white font-bold">
-                    1
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-github-text mb-1">Explore the Dashboard</h4>
-                    <p className="text-sm text-github-text-secondary">
-                      Start from the dashboard to get an overview of available tools, popular categories, and quick actions.
-                      The dashboard provides statistics and highlights to help you navigate the platform.
-                    </p>
-                  </div>
-                </li>
-                
-                <li className="flex gap-4">
-                  <div className="flex-shrink-0 w-8 h-8 bg-neon-orange rounded-full flex items-center justify-center text-white font-bold">
-                    2
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-github-text mb-1">Try the AI Blueprint Generator</h4>
-                    <p className="text-sm text-github-text-secondary">
-                      Click on "AI Blueprint" and describe your project idea in natural language. 
-                      Our AI will generate a complete tech stack recommendation tailored to your needs.
-                    </p>
-                    <Link href="/blueprint">
-                      <Button size="sm" className="mt-2" variant="outline">
-                        <Sparkles className="h-3 w-3 mr-1" />
-                        Try AI Blueprint
-                      </Button>
-                    </Link>
-                  </div>
-                </li>
-                
-                <li className="flex gap-4">
-                  <div className="flex-shrink-0 w-8 h-8 bg-neon-orange rounded-full flex items-center justify-center text-white font-bold">
-                    3
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-github-text mb-1">Build Your Stack Manually</h4>
-                    <p className="text-sm text-github-text-secondary">
-                      Use the Stack Builder to manually select and combine tools. 
-                      The compatibility checker will ensure your choices work well together.
-                    </p>
-                    <Link href="/stack-builder">
-                      <Button size="sm" className="mt-2" variant="outline">
-                        <Layers className="h-3 w-3 mr-1" />
-                        Open Stack Builder
-                      </Button>
-                    </Link>
-                  </div>
-                </li>
-                
-                <li className="flex gap-4">
-                  <div className="flex-shrink-0 w-8 h-8 bg-neon-orange rounded-full flex items-center justify-center text-white font-bold">
-                    4
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-github-text mb-1">Browse and Compare Tools</h4>
-                    <p className="text-sm text-github-text-secondary">
-                      Explore the tool database to discover new options, or use the comparison feature to evaluate alternatives side-by-side.
-                    </p>
-                  </div>
-                </li>
-                
-                <li className="flex gap-4">
-                  <div className="flex-shrink-0 w-8 h-8 bg-neon-orange rounded-full flex items-center justify-center text-white font-bold">
-                    5
-                  </div>
-                  <div>
-                    <h4 className="font-semibold text-github-text mb-1">Use Keyboard Shortcuts</h4>
-                    <p className="text-sm text-github-text-secondary">
-                      Press <kbd className="px-2 py-1 bg-github-dark rounded text-xs">⌘K</kbd> to open the command palette for quick navigation and actions.
-                    </p>
-                  </div>
-                </li>
-              </ol>
-            </CardContent>
-          </Card>
-        </div>
-      </section>
-
-      <section id="first-stack" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Build Your First Stack</h2>
-        <Tabs defaultValue="ai" className="w-full">
-          <TabsList className="grid w-full grid-cols-2">
-            <TabsTrigger value="ai">AI-Assisted</TabsTrigger>
-            <TabsTrigger value="manual">Manual Builder</TabsTrigger>
-          </TabsList>
-          
-          <TabsContent value="ai" className="space-y-4">
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle>Using AI Blueprint Generator</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-4">
-                <p className="text-sm text-github-text-secondary">
-                  The fastest way to get a complete tech stack recommendation is using our AI Blueprint Generator.
-                </p>
-                
-                <div className="bg-github-dark p-4 rounded-lg">
-                  <h4 className="font-semibold text-github-text mb-2">Example Prompts:</h4>
-                  <ul className="space-y-2 text-sm text-github-text-secondary">
-                    <li>• "I want to build an e-commerce platform with React and Node.js"</li>
-                    <li>• "Create a mobile app for fitness tracking with real-time features"</li>
-                    <li>• "SaaS application for project management with team collaboration"</li>
-                    <li>• "Blog platform with CMS capabilities and SEO optimization"</li>
-                  </ul>
-                </div>
-                
-                <div className="space-y-2">
-                  <h4 className="font-semibold text-github-text">The AI will provide:</h4>
-                  <div className="grid grid-cols-2 gap-2">
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Frontend framework recommendations</span>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Backend technology suggestions</span>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Database options</span>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Deployment platforms</span>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Development tools</span>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <CheckCircle2 className="h-4 w-4 text-green-400" />
-                      <span className="text-sm">Cost estimates</span>
-                    </div>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          </TabsContent>
-          
-          <TabsContent value="manual" className="space-y-4">
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle>Using Stack Builder</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-4">
-                <p className="text-sm text-github-text-secondary">
-                  Build your tech stack step by step with full control over every component.
-                </p>
-                
-                <div className="space-y-3">
-                  <div className="flex items-start gap-3">
-                    <Badge className="bg-blue-600/20 text-blue-400 border-blue-600/30">Step 1</Badge>
-                    <div>
-                      <h4 className="font-semibold text-github-text">Choose Your Category</h4>
-                      <p className="text-sm text-github-text-secondary mt-1">
-                        Start by selecting the type of tools you need: Frontend, Backend, Database, DevOps, etc.
-                      </p>
-                    </div>
-                  </div>
-                  
-                  <div className="flex items-start gap-3">
-                    <Badge className="bg-blue-600/20 text-blue-400 border-blue-600/30">Step 2</Badge>
-                    <div>
-                      <h4 className="font-semibold text-github-text">Browse Available Tools</h4>
-                      <p className="text-sm text-github-text-secondary mt-1">
-                        Explore tools within each category. Use filters for pricing, popularity, and maturity.
-                      </p>
-                    </div>
-                  </div>
-                  
-                  <div className="flex items-start gap-3">
-                    <Badge className="bg-blue-600/20 text-blue-400 border-blue-600/30">Step 3</Badge>
-                    <div>
-                      <h4 className="font-semibold text-github-text">Check Compatibility</h4>
-                      <p className="text-sm text-github-text-secondary mt-1">
-                        The builder automatically checks compatibility between your selected tools and warns of any conflicts.
-                      </p>
-                    </div>
-                  </div>
-                  
-                  <div className="flex items-start gap-3">
-                    <Badge className="bg-blue-600/20 text-blue-400 border-blue-600/30">Step 4</Badge>
-                    <div>
-                      <h4 className="font-semibold text-github-text">Review and Export</h4>
-                      <p className="text-sm text-github-text-secondary mt-1">
-                        Review your complete stack, see cost estimates, and export your configuration.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          </TabsContent>
-        </Tabs>
-      </section>
-
-      <section id="concepts" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Core Concepts</h2>
-        <div className="space-y-4">
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Info className="h-5 w-5 text-blue-400" />
-                Understanding Key Terms
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <Accordion type="single" collapsible className="w-full">
-                <AccordionItem value="tech-stack">
-                  <AccordionTrigger>What is a Tech Stack?</AccordionTrigger>
-                  <AccordionContent>
-                    <p className="text-sm text-github-text-secondary">
-                      A tech stack is the combination of technologies used to build and run an application. 
-                      It typically includes programming languages, frameworks, databases, and infrastructure tools. 
-                      A well-designed tech stack ensures all components work harmoniously together.
-                    </p>
-                  </AccordionContent>
-                </AccordionItem>
-                
-                <AccordionItem value="compatibility-score">
-                  <AccordionTrigger>Compatibility Scores Explained</AccordionTrigger>
-                  <AccordionContent>
-                    <p className="text-sm text-github-text-secondary mb-2">
-                      Compatibility scores range from 0-100 and indicate how well two tools work together:
-                    </p>
-                    <ul className="space-y-1 text-sm text-github-text-secondary">
-                      <li>• <Badge className="bg-green-600/20 text-green-400 border-green-600/30">80-100</Badge> Excellent - Seamless integration</li>
-                      <li>• <Badge className="bg-yellow-600/20 text-yellow-400 border-yellow-600/30">60-79</Badge> Good - Works well with minor configuration</li>
-                      <li>• <Badge className="bg-orange-600/20 text-orange-400 border-orange-600/30">40-59</Badge> Fair - Requires additional setup</li>
-                      <li>• <Badge className="bg-red-600/20 text-red-400 border-red-600/30">0-39</Badge> Poor - Significant challenges expected</li>
-                    </ul>
-                  </AccordionContent>
-                </AccordionItem>
-                
-                <AccordionItem value="maturity-score">
-                  <AccordionTrigger>Maturity and Popularity Scores</AccordionTrigger>
-                  <AccordionContent>
-                    <p className="text-sm text-github-text-secondary">
-                      <strong>Maturity Score:</strong> Indicates how established and stable a tool is based on age, version history, and enterprise adoption.
-                      <br /><br />
-                      <strong>Popularity Score:</strong> Reflects community adoption, GitHub stars, npm downloads, and developer satisfaction ratings.
-                    </p>
-                  </AccordionContent>
-                </AccordionItem>
-                
-                <AccordionItem value="categories">
-                  <AccordionTrigger>Tool Categories</AccordionTrigger>
-                  <AccordionContent>
-                    <div className="space-y-2 text-sm text-github-text-secondary">
-                      <div>• <strong>IDE/Development:</strong> Code editors and integrated development environments</div>
-                      <div>• <strong>AI Coding Tools:</strong> AI-powered code generation and assistance</div>
-                      <div>• <strong>Backend/Database:</strong> Server frameworks and data storage solutions</div>
-                      <div>• <strong>Frontend/Design:</strong> UI frameworks and design tools</div>
-                      <div>• <strong>DevOps/Deployment:</strong> CI/CD, containerization, and hosting</div>
-                      <div>• <strong>Payment Platforms:</strong> Payment processing and e-commerce tools</div>
-                    </div>
-                  </AccordionContent>
-                </AccordionItem>
-              </Accordion>
-            </CardContent>
-          </Card>
-        </div>
-      </section>
-    </div>
-  );
-}
-
-function FeaturesContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">Features</h1>
-        <p className="text-lg text-github-text-secondary">
-          Deep dive into all the powerful features TechStack Explorer offers
-        </p>
-      </div>
-
-      <section id="stack-builder" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Stack Builder</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Layers className="h-5 w-5 text-green-400" />
-              Visual Tech Stack Construction
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              The Stack Builder provides an intuitive interface for constructing your technology stack piece by piece.
-            </p>
-            
-            <div className="grid md:grid-cols-2 gap-4">
-              <div className="space-y-2">
-                <h4 className="font-semibold text-github-text">Key Features:</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>✓ Drag-and-drop interface</li>
-                  <li>✓ Real-time compatibility checking</li>
-                  <li>✓ Cost estimation calculator</li>
-                  <li>✓ Performance impact analysis</li>
-                  <li>✓ Export to JSON/YAML</li>
-                  <li>✓ Share via URL</li>
-                </ul>
-              </div>
-              
-              <div className="space-y-2">
-                <h4 className="font-semibold text-github-text">Advanced Options:</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>✓ Version locking</li>
-                  <li>✓ Alternative suggestions</li>
-                  <li>✓ Dependency visualization</li>
-                  <li>✓ Performance benchmarks</li>
-                  <li>✓ Team size recommendations</li>
-                  <li>✓ Learning curve estimates</li>
-                </ul>
-              </div>
-            </div>
-            
-            <Alert className="bg-blue-600/10 border-blue-600/30">
-              <Lightbulb className="h-4 w-4 text-blue-400" />
-              <AlertDescription className="text-github-text-secondary">
-                <strong>Pro Tip:</strong> Start with your core requirements (e.g., programming language) and let the builder suggest compatible additions.
-              </AlertDescription>
-            </Alert>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="ai-blueprint" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">AI Blueprint Generator</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Sparkles className="h-5 w-5 text-neon-orange" />
-              Intelligent Stack Generation
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              Describe your project in natural language and receive a complete, optimized tech stack recommendation powered by AI.
-            </p>
-            
-            <div className="bg-github-dark p-4 rounded-lg space-y-3">
-              <h4 className="font-semibold text-github-text">How It Works:</h4>
-              <ol className="space-y-2 text-sm text-github-text-secondary">
-                <li>1. Describe your project idea, requirements, and constraints</li>
-                <li>2. AI analyzes your needs and considers thousands of tool combinations</li>
-                <li>3. Receive a detailed blueprint with explanations for each choice</li>
-                <li>4. Customize the suggestions based on your preferences</li>
-                <li>5. Export or directly implement the recommended stack</li>
-              </ol>
-            </div>
-            
-            <div className="grid md:grid-cols-2 gap-4">
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base">Input Factors</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>• Project type and scale</li>
-                    <li>• Team size and expertise</li>
-                    <li>• Budget constraints</li>
-                    <li>• Timeline requirements</li>
-                    <li>• Performance needs</li>
-                    <li>• Security requirements</li>
-                  </ul>
-                </CardContent>
-              </Card>
-              
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base">Output Includes</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>• Complete tool list</li>
-                    <li>• Integration guidelines</li>
-                    <li>• Setup instructions</li>
-                    <li>• Cost breakdown</li>
-                    <li>• Scaling roadmap</li>
-                    <li>• Alternative options</li>
-                  </ul>
-                </CardContent>
-              </Card>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="tool-database" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Tool Database</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Database className="h-5 w-5 text-blue-400" />
-              Comprehensive Tool Repository
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              Browse our extensive database of development tools with detailed information, ratings, and compatibility data.
-            </p>
-            
-            <div className="space-y-3">
-              <h4 className="font-semibold text-github-text">Available Filters:</h4>
-              <div className="grid grid-cols-2 md:grid-cols-3 gap-2">
-                <Badge variant="outline">Category</Badge>
-                <Badge variant="outline">Pricing Model</Badge>
-                <Badge variant="outline">Popularity Score</Badge>
-                <Badge variant="outline">Maturity Level</Badge>
-                <Badge variant="outline">Programming Language</Badge>
-                <Badge variant="outline">Framework Support</Badge>
-                <Badge variant="outline">Platform</Badge>
-                <Badge variant="outline">License Type</Badge>
-                <Badge variant="outline">Company Size</Badge>
-              </div>
-            </div>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Search Tips:</h4>
-              <ul className="space-y-1 text-sm text-github-text-secondary">
-                <li>• Use quotes for exact matches: "react native"</li>
-                <li>• Combine filters for precision: category:frontend pricing:free</li>
-                <li>• Sort by multiple criteria: popularity + maturity</li>
-                <li>• Save searches for quick access</li>
-              </ul>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="comparison" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Tool Comparison</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <GitCompare className="h-5 w-5 text-purple-400" />
-              Side-by-Side Analysis
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              Compare up to 4 tools simultaneously across multiple dimensions to make informed decisions.
-            </p>
-            
-            <div className="space-y-3">
-              <h4 className="font-semibold text-github-text">Comparison Criteria:</h4>
-              <div className="grid md:grid-cols-2 gap-4 text-sm text-github-text-secondary">
-                <div>
-                  <strong className="text-github-text">Technical:</strong>
-                  <ul className="mt-1 space-y-1 ml-4">
-                    <li>• Performance benchmarks</li>
-                    <li>• Feature completeness</li>
-                    <li>• Integration capabilities</li>
-                    <li>• Scalability limits</li>
-                  </ul>
-                </div>
-                <div>
-                  <strong className="text-github-text">Business:</strong>
-                  <ul className="mt-1 space-y-1 ml-4">
-                    <li>• Total cost of ownership</li>
-                    <li>• Support quality</li>
-                    <li>• Vendor stability</li>
-                    <li>• Community size</li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="compatibility" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Compatibility Matrix</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Grid3x3 className="h-5 w-5 text-green-400" />
-              Visual Compatibility Analysis
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              Visualize tool relationships and compatibility scores through interactive matrices and heatmaps.
-            </p>
-            
-            <Tabs defaultValue="matrix" className="w-full">
-              <TabsList>
-                <TabsTrigger value="matrix">Matrix View</TabsTrigger>
-                <TabsTrigger value="heatmap">Heatmap</TabsTrigger>
-                <TabsTrigger value="migration">Migration Wizard</TabsTrigger>
-              </TabsList>
-              
-              <TabsContent value="matrix" className="mt-4">
-                <p className="text-sm text-github-text-secondary">
-                  Interactive grid showing compatibility scores between all tool pairs. 
-                  Click any cell for detailed integration information.
-                </p>
-              </TabsContent>
-              
-              <TabsContent value="heatmap" className="mt-4">
-                <p className="text-sm text-github-text-secondary">
-                  Color-coded visualization highlighting compatibility patterns. 
-                  Green indicates high compatibility, red shows potential conflicts.
-                </p>
-              </TabsContent>
-              
-              <TabsContent value="migration" className="mt-4">
-                <p className="text-sm text-github-text-secondary">
-                  Step-by-step guidance for migrating between tools, including time estimates, 
-                  risk assessments, and rollback strategies.
-                </p>
-              </TabsContent>
-            </Tabs>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="analytics" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Analytics Dashboard</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <BarChart3 className="h-5 w-5 text-cyan-400" />
-              Data-Driven Insights
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-github-text-secondary">
-              Track trends, analyze patterns, and make data-driven decisions with our comprehensive analytics.
-            </p>
-            
-            <div className="grid md:grid-cols-3 gap-4">
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-sm">Trend Analysis</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <p className="text-xs text-github-text-secondary">
-                    Track tool adoption trends over time
-                  </p>
-                </CardContent>
-              </Card>
-              
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-sm">Stack Patterns</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <p className="text-xs text-github-text-secondary">
-                    Discover common tool combinations
-                  </p>
-                </CardContent>
-              </Card>
-              
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-sm">Cost Analysis</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <p className="text-xs text-github-text-secondary">
-                    Compare pricing across stacks
-                  </p>
-                </CardContent>
-              </Card>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-    </div>
-  );
-}
-
-function UserGuidesContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">User Guides</h1>
-        <p className="text-lg text-github-text-secondary">
-          Step-by-step guides for common tasks and workflows
-        </p>
-      </div>
-
-      <section id="search-tools" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Searching for Tools</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Effective Search Strategies</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="space-y-3">
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Basic Search</h4>
-                <p className="text-sm text-github-text-secondary mb-2">
-                  Use the global search bar (⌘K) or navigate to the Tool Database for comprehensive searching.
-                </p>
-                <div className="bg-github-dark p-3 rounded text-sm font-mono">
-                  Examples: "react", "database", "payment gateway"
-                </div>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Advanced Search</h4>
-                <p className="text-sm text-github-text-secondary mb-2">
-                  Combine keywords with filters for precise results:
-                </p>
-                <div className="bg-github-dark p-3 rounded text-sm font-mono space-y-1">
-                  <div>category:frontend framework:react</div>
-                  <div>pricing:free popularity:&gt;7</div>
-                  <div>maturity:high language:javascript</div>
-                </div>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Using Filters</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Click filter badges to toggle them on/off</li>
-                  <li>• Combine multiple filters for narrowed results</li>
-                  <li>• Save filter combinations for reuse</li>
-                  <li>• Reset filters with the clear button</li>
-                </ul>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="build-stack" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Building a Tech Stack</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Complete Stack Building Guide</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <Accordion type="single" collapsible>
-              <AccordionItem value="planning">
-                <AccordionTrigger>1. Planning Your Stack</AccordionTrigger>
-                <AccordionContent className="space-y-3">
-                  <p className="text-sm text-github-text-secondary">
-                    Before selecting tools, clearly define your requirements:
-                  </p>
-                  <ul className="space-y-1 text-sm text-github-text-secondary ml-4">
-                    <li>• Project type (web app, mobile, API, etc.)</li>
-                    <li>• Expected user base and scale</li>
-                    <li>• Team size and expertise</li>
-                    <li>• Budget constraints</li>
-                    <li>• Performance requirements</li>
-                    <li>• Security and compliance needs</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="selecting">
-                <AccordionTrigger>2. Selecting Core Components</AccordionTrigger>
-                <AccordionContent className="space-y-3">
-                  <p className="text-sm text-github-text-secondary">
-                    Start with foundational choices that will influence other decisions:
-                  </p>
-                  <ol className="space-y-2 text-sm text-github-text-secondary ml-4">
-                    <li>1. <strong>Programming Language:</strong> Based on team expertise and project needs</li>
-                    <li>2. <strong>Framework:</strong> Choose based on language and application type</li>
-                    <li>3. <strong>Database:</strong> Consider data structure and scalability</li>
-                    <li>4. <strong>Hosting:</strong> Balance cost, performance, and management overhead</li>
-                  </ol>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="validation">
-                <AccordionTrigger>3. Validating Compatibility</AccordionTrigger>
-                <AccordionContent className="space-y-3">
-                  <p className="text-sm text-github-text-secondary">
-                    Use the compatibility checker to ensure your choices work well together:
-                  </p>
-                  <ul className="space-y-1 text-sm text-github-text-secondary ml-4">
-                    <li>• Review automatic compatibility warnings</li>
-                    <li>• Check integration documentation</li>
-                    <li>• Consider community experiences</li>
-                    <li>• Test critical integrations early</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="optimization">
-                <AccordionTrigger>4. Optimizing Your Stack</AccordionTrigger>
-                <AccordionContent className="space-y-3">
-                  <p className="text-sm text-github-text-secondary">
-                    Fine-tune your selections for optimal performance and cost:
-                  </p>
-                  <ul className="space-y-1 text-sm text-github-text-secondary ml-4">
-                    <li>• Eliminate redundant tools</li>
-                    <li>• Consider all-in-one solutions vs specialized tools</li>
-                    <li>• Evaluate total cost including hidden expenses</li>
-                    <li>• Plan for future scaling needs</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="compare-tools" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Comparing Tools</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Making Informed Comparisons</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              Use the comparison feature to evaluate tools objectively across multiple dimensions.
-            </p>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Comparison Best Practices:</h4>
-              <ol className="space-y-2 text-sm text-github-text-secondary">
-                <li>1. Compare tools within the same category</li>
-                <li>2. Weight criteria based on your priorities</li>
-                <li>3. Consider both current and future needs</li>
-                <li>4. Look beyond features to ecosystem and support</li>
-                <li>5. Factor in switching costs if replacing existing tools</li>
-              </ol>
-            </div>
-            
-            <Alert className="bg-yellow-600/10 border-yellow-600/30">
-              <AlertCircle className="h-4 w-4 text-yellow-400" />
-              <AlertDescription className="text-github-text-secondary">
-                <strong>Important:</strong> Don't just choose the highest-rated tool. The best choice depends on your specific context and requirements.
-              </AlertDescription>
-            </Alert>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="migration" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Migration Planning</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Safe Tool Migration Strategies</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              Plan and execute tool migrations with minimal disruption using our migration wizard.
-            </p>
-            
-            <div className="space-y-3">
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base flex items-center gap-2">
-                    <Shield className="h-4 w-4 text-green-400" />
-                    Pre-Migration Checklist
-                  </CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>☐ Document current tool configuration</li>
-                    <li>☐ Identify all dependencies</li>
-                    <li>☐ Create data backup strategy</li>
-                    <li>☐ Plan rollback procedures</li>
-                    <li>☐ Schedule migration window</li>
-                    <li>☐ Notify stakeholders</li>
-                  </ul>
-                </CardContent>
-              </Card>
-              
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base flex items-center gap-2">
-                    <Zap className="h-4 w-4 text-yellow-400" />
-                    Migration Phases
-                  </CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ol className="space-y-1 text-sm text-github-text-secondary">
-                    <li>1. <strong>Preparation:</strong> Set up new tool in parallel</li>
-                    <li>2. <strong>Testing:</strong> Validate functionality with subset</li>
-                    <li>3. <strong>Migration:</strong> Transfer data and configurations</li>
-                    <li>4. <strong>Validation:</strong> Verify complete functionality</li>
-                    <li>5. <strong>Cutover:</strong> Switch production traffic</li>
-                    <li>6. <strong>Monitoring:</strong> Watch for issues post-migration</li>
-                  </ol>
-                </CardContent>
-              </Card>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="export-import" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Export & Import</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Sharing and Backing Up Your Stacks</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="grid md:grid-cols-2 gap-4">
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Export Options</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• JSON format for re-import</li>
-                  <li>• YAML for configuration files</li>
-                  <li>• Markdown for documentation</li>
-                  <li>• CSV for spreadsheet analysis</li>
-                  <li>• Shareable URL for collaboration</li>
-                </ul>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Import Sources</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Upload JSON/YAML files</li>
-                  <li>• Import from URL</li>
-                  <li>• Paste configuration text</li>
-                  <li>• Connect to GitHub repo</li>
-                  <li>• Sync with team workspace</li>
-                </ul>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="collaboration" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Collaboration Features</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Users className="h-5 w-5 text-purple-400" />
-              Working with Teams
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              Collaborate with your team to build and maintain tech stacks together.
-            </p>
-            
-            <div className="space-y-3">
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Sharing Options</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Generate shareable links with view/edit permissions</li>
-                  <li>• Create team workspaces for shared stacks</li>
-                  <li>• Comment on tool selections</li>
-                  <li>• Track change history</li>
-                  <li>• Vote on tool choices</li>
-                </ul>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Team Features</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Role-based access control</li>
-                  <li>• Approval workflows for changes</li>
-                  <li>• Team templates and standards</li>
-                  <li>• Shared tool evaluations</li>
-                  <li>• Centralized documentation</li>
-                </ul>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-    </div>
-  );
-}
-
-function APIReferenceContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">API Reference</h1>
-        <p className="text-lg text-github-text-secondary">
-          Integrate TechStack Explorer data into your applications
-        </p>
-      </div>
-
-      <section id="api-intro" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">API Introduction</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>RESTful API Access</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              The TechStack Explorer API provides programmatic access to our tool database, compatibility scores, and AI recommendations.
-            </p>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Base URL</h4>
-              <code className="text-sm text-green-400">https://api.techstackexplorer.com/v1</code>
-            </div>
-            
-            <div className="space-y-2">
-              <h4 className="font-semibold text-github-text">Key Features:</h4>
-              <ul className="space-y-1 text-sm text-github-text-secondary">
-                <li>• RESTful design principles</li>
-                <li>• JSON response format</li>
-                <li>• Pagination support</li>
-                <li>• Filtering and sorting</li>
-                <li>• Rate limiting protection</li>
-                <li>• Webhook support for updates</li>
-              </ul>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="endpoints" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Endpoints</h2>
-        
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Available Endpoints</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <Tabs defaultValue="tools" className="w-full">
-              <TabsList className="grid w-full grid-cols-4">
-                <TabsTrigger value="tools">Tools</TabsTrigger>
-                <TabsTrigger value="compatibility">Compatibility</TabsTrigger>
-                <TabsTrigger value="stacks">Stacks</TabsTrigger>
-                <TabsTrigger value="ai">AI</TabsTrigger>
-              </TabsList>
-              
-              <TabsContent value="tools" className="space-y-3">
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/tools</div>
-                    <p className="text-github-text-secondary text-xs">List all tools with optional filters</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/tools/:id</div>
-                    <p className="text-github-text-secondary text-xs">Get detailed information for a specific tool</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/tools/search</div>
-                    <p className="text-github-text-secondary text-xs">Search tools with query parameters</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/categories</div>
-                    <p className="text-github-text-secondary text-xs">List all tool categories</p>
-                  </div>
-                </div>
-              </TabsContent>
-              
-              <TabsContent value="compatibility" className="space-y-3">
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/compatibility/:tool1/:tool2</div>
-                    <p className="text-github-text-secondary text-xs">Get compatibility score between two tools</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/compatibility-matrix</div>
-                    <p className="text-github-text-secondary text-xs">Get full compatibility matrix</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">POST /api/v1/migration/:fromTool/:toTool</div>
-                    <p className="text-github-text-secondary text-xs">Generate migration plan between tools</p>
-                  </div>
-                </div>
-              </TabsContent>
-              
-              <TabsContent value="stacks" className="space-y-3">
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">POST /api/v1/stack/validate</div>
-                    <p className="text-github-text-secondary text-xs">Validate a tech stack configuration</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">POST /api/v1/stack/compatibility-report</div>
-                    <p className="text-github-text-secondary text-xs">Generate compatibility report for a stack</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">GET /api/stack-templates</div>
-                    <p className="text-github-text-secondary text-xs">Get pre-built stack templates</p>
-                  </div>
-                </div>
-              </TabsContent>
-              
-              <TabsContent value="ai" className="space-y-3">
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">POST /api/v1/blueprint</div>
-                    <p className="text-github-text-secondary text-xs">Generate AI-powered tech stack blueprint</p>
-                  </div>
-                </div>
-                
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <div className="font-mono text-sm">
-                    <div className="text-green-400 mb-2">POST /api/v1/tools/recommend</div>
-                    <p className="text-github-text-secondary text-xs">Get AI tool recommendations</p>
-                  </div>
-                </div>
-              </TabsContent>
-            </Tabs>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="authentication" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Authentication</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>API Authentication Methods</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              Secure your API requests using one of our supported authentication methods.
-            </p>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">API Key Authentication</h4>
-              <code className="text-sm text-green-400">
-                Authorization: Bearer YOUR_API_KEY
-              </code>
-              <p className="text-xs text-github-text-secondary mt-2">
-                Include your API key in the Authorization header of each request.
-              </p>
-            </div>
-            
-            <Alert className="bg-blue-600/10 border-blue-600/30">
-              <Info className="h-4 w-4 text-blue-400" />
-              <AlertDescription className="text-github-text-secondary">
-                Keep your API keys secure and never expose them in client-side code.
-              </AlertDescription>
-            </Alert>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="rate-limits" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Rate Limits</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>API Rate Limiting</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="space-y-3">
-              <table className="w-full text-sm">
-                <thead>
-                  <tr className="border-b border-github-border">
-                    <th className="text-left py-2">Plan</th>
-                    <th className="text-left py-2">Requests/Hour</th>
-                    <th className="text-left py-2">Burst Limit</th>
-                  </tr>
-                </thead>
-                <tbody className="text-github-text-secondary">
-                  <tr className="border-b border-github-border">
-                    <td className="py-2">Free</td>
-                    <td className="py-2">100</td>
-                    <td className="py-2">10/min</td>
-                  </tr>
-                  <tr className="border-b border-github-border">
-                    <td className="py-2">Pro</td>
-                    <td className="py-2">1,000</td>
-                    <td className="py-2">50/min</td>
-                  </tr>
-                  <tr className="border-b border-github-border">
-                    <td className="py-2">Enterprise</td>
-                    <td className="py-2">10,000</td>
-                    <td className="py-2">500/min</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            
-            <div className="bg-github-dark p-3 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Rate Limit Headers</h4>
-              <ul className="space-y-1 text-sm text-github-text-secondary font-mono">
-                <li>X-RateLimit-Limit: 100</li>
-                <li>X-RateLimit-Remaining: 95</li>
-                <li>X-RateLimit-Reset: 1640995200</li>
-              </ul>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="examples" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Code Examples</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Implementation Examples</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <Tabs defaultValue="javascript" className="w-full">
-              <TabsList>
-                <TabsTrigger value="javascript">JavaScript</TabsTrigger>
-                <TabsTrigger value="python">Python</TabsTrigger>
-                <TabsTrigger value="curl">cURL</TabsTrigger>
-              </TabsList>
-              
-              <TabsContent value="javascript" className="space-y-3">
-                <div className="bg-github-dark p-4 rounded-lg">
-                  <pre className="text-sm text-github-text overflow-x-auto">
-{`// Fetch tools with filters
-const response = await fetch('https://api.techstackexplorer.com/v1/tools', {
-  headers: {
-    'Authorization': 'Bearer YOUR_API_KEY'
-  }
-});
-
-const tools = await response.json();
-console.log(tools);
-
-// Generate AI blueprint
-const blueprint = await fetch('https://api.techstackexplorer.com/v1/blueprint', {
-  method: 'POST',
-  headers: {
-    'Authorization': 'Bearer YOUR_API_KEY',
-    'Content-Type': 'application/json'
-  },
-  body: JSON.stringify({
-    projectIdea: 'E-commerce platform with React',
-    budget: 'medium',
-    timeline: '3 months'
-  })
-});
-
-const result = await blueprint.json();`}
-                  </pre>
-                </div>
-              </TabsContent>
-              
-              <TabsContent value="python" className="space-y-3">
-                <div className="bg-github-dark p-4 rounded-lg">
-                  <pre className="text-sm text-github-text overflow-x-auto">
-{`import requests
-
-# Fetch tools with filters
-headers = {'Authorization': 'Bearer YOUR_API_KEY'}
-response = requests.get(
-    'https://api.techstackexplorer.com/v1/tools',
-    headers=headers
-)
-tools = response.json()
-
-# Generate AI blueprint
-blueprint_data = {
-    'projectIdea': 'E-commerce platform with React',
-    'budget': 'medium',
-    'timeline': '3 months'
-}
-
-blueprint = requests.post(
-    'https://api.techstackexplorer.com/v1/blueprint',
-    headers=headers,
-    json=blueprint_data
-)
-result = blueprint.json()`}
-                  </pre>
-                </div>
-              </TabsContent>
-              
-              <TabsContent value="curl" className="space-y-3">
-                <div className="bg-github-dark p-4 rounded-lg">
-                  <pre className="text-sm text-github-text overflow-x-auto">
-{`# Fetch tools with filters
-curl -H "Authorization: Bearer YOUR_API_KEY" \\
-  https://api.techstackexplorer.com/v1/tools
-
-# Generate AI blueprint
-curl -X POST \\
-  -H "Authorization: Bearer YOUR_API_KEY" \\
-  -H "Content-Type: application/json" \\
-  -d '{"projectIdea":"E-commerce platform","budget":"medium"}' \\
-  https://api.techstackexplorer.com/v1/blueprint`}
-                  </pre>
-                </div>
-              </TabsContent>
-            </Tabs>
-          </CardContent>
-        </Card>
-      </section>
-    </div>
-  );
-}
-
-function BestPracticesContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">Best Practices</h1>
-        <p className="text-lg text-github-text-secondary">
-          Industry-proven strategies for building and maintaining tech stacks
-        </p>
-      </div>
-
-      <section id="stack-design" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Stack Design Principles</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Building Robust Tech Stacks</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="grid md:grid-cols-2 gap-4">
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base">✅ Do's</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>• Start with proven, stable tools</li>
-                    <li>• Consider team expertise</li>
-                    <li>• Plan for scalability from day one</li>
-                    <li>• Choose tools with strong ecosystems</li>
-                    <li>• Prioritize security and compliance</li>
-                    <li>• Document all decisions</li>
-                  </ul>
-                </CardContent>
-              </Card>
-              
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base">❌ Don'ts</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>• Over-engineer for hypothetical needs</li>
-                    <li>• Choose based on hype alone</li>
-                    <li>• Ignore maintenance overhead</li>
-                    <li>• Mix incompatible paradigms</li>
-                    <li>• Neglect backup and recovery</li>
-                    <li>• Forget about vendor lock-in</li>
-                  </ul>
-                </CardContent>
-              </Card>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="tool-selection" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Tool Selection Criteria</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Evaluation Framework</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <Accordion type="single" collapsible>
-              <AccordionItem value="technical">
-                <AccordionTrigger>Technical Criteria</AccordionTrigger>
-                <AccordionContent>
-                  <ul className="space-y-2 text-sm text-github-text-secondary">
-                    <li>• <strong>Performance:</strong> Benchmarks, scalability limits, resource efficiency</li>
-                    <li>• <strong>Features:</strong> Core functionality, extensibility, API completeness</li>
-                    <li>• <strong>Integration:</strong> Compatible with existing stack, webhook support</li>
-                    <li>• <strong>Security:</strong> Encryption, compliance certifications, audit trails</li>
-                    <li>• <strong>Reliability:</strong> Uptime history, disaster recovery, SLA guarantees</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="business">
-                <AccordionTrigger>Business Criteria</AccordionTrigger>
-                <AccordionContent>
-                  <ul className="space-y-2 text-sm text-github-text-secondary">
-                    <li>• <strong>Cost:</strong> Licensing, infrastructure, maintenance, training</li>
-                    <li>• <strong>Support:</strong> Documentation quality, response times, community</li>
-                    <li>• <strong>Vendor:</strong> Financial stability, roadmap alignment, reputation</li>
-                    <li>• <strong>Flexibility:</strong> Contract terms, data portability, exit strategy</li>
-                    <li>• <strong>Compliance:</strong> Industry regulations, data residency, privacy</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="team">
-                <AccordionTrigger>Team Criteria</AccordionTrigger>
-                <AccordionContent>
-                  <ul className="space-y-2 text-sm text-github-text-secondary">
-                    <li>• <strong>Learning Curve:</strong> Time to productivity, training resources</li>
-                    <li>• <strong>Developer Experience:</strong> Tooling, debugging, local development</li>
-                    <li>• <strong>Hiring Pool:</strong> Availability of skilled developers</li>
-                    <li>• <strong>Team Preference:</strong> Alignment with team culture and workflow</li>
-                    <li>• <strong>Knowledge Transfer:</strong> Documentation, onboarding ease</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="scaling" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Scaling Considerations</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Planning for Growth</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="space-y-3">
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Horizontal vs Vertical Scaling</h4>
-                <p className="text-sm text-github-text-secondary">
-                  Choose tools that support your preferred scaling strategy. 
-                  Cloud-native tools typically excel at horizontal scaling, 
-                  while traditional databases may require vertical scaling initially.
-                </p>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Performance Bottlenecks</h4>
-                <div className="bg-github-dark p-3 rounded-lg">
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>• Database queries and connection pooling</li>
-                    <li>• API rate limits and quotas</li>
-                    <li>• Network latency and bandwidth</li>
-                    <li>• Memory leaks and garbage collection</li>
-                    <li>• Synchronous operations and blocking I/O</li>
-                  </ul>
-                </div>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Scaling Milestones</h4>
-                <div className="grid md:grid-cols-3 gap-2">
-                  <Badge variant="outline" className="justify-center py-2">
-                    <div className="text-center">
-                      <div className="font-bold">1-100 users</div>
-                      <div className="text-xs">Monolithic OK</div>
-                    </div>
-                  </Badge>
-                  <Badge variant="outline" className="justify-center py-2">
-                    <div className="text-center">
-                      <div className="font-bold">100-10K users</div>
-                      <div className="text-xs">Consider caching</div>
-                    </div>
-                  </Badge>
-                  <Badge variant="outline" className="justify-center py-2">
-                    <div className="text-center">
-                      <div className="font-bold">10K+ users</div>
-                      <div className="text-xs">Microservices</div>
-                    </div>
-                  </Badge>
-                </div>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="security" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Security Guidelines</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Shield className="h-5 w-5 text-green-400" />
-              Security-First Stack Design
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <Alert className="bg-red-600/10 border-red-600/30">
-              <AlertCircle className="h-4 w-4 text-red-400" />
-              <AlertDescription className="text-github-text-secondary">
-                Security should be considered at every layer of your stack, not added as an afterthought.
-              </AlertDescription>
-            </Alert>
-            
-            <div className="space-y-3">
-              <Card className="bg-github-dark border-github-border">
-                <CardHeader className="pb-3">
-                  <CardTitle className="text-base">Essential Security Measures</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <ul className="space-y-1 text-sm text-github-text-secondary">
-                    <li>☑ Use HTTPS everywhere</li>
-                    <li>☑ Implement proper authentication</li>
-                    <li>☑ Enable audit logging</li>
-                    <li>☑ Regular security updates</li>
-                    <li>☑ Principle of least privilege</li>
-                    <li>☑ Data encryption at rest and in transit</li>
-                    <li>☑ Regular backups and disaster recovery</li>
-                  </ul>
-                </CardContent>
-              </Card>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="cost-optimization" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Cost Optimization</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>Managing Stack Costs</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="grid md:grid-cols-2 gap-4">
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Cost Reduction Strategies</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Use open-source alternatives when appropriate</li>
-                  <li>• Leverage free tiers effectively</li>
-                  <li>• Right-size infrastructure resources</li>
-                  <li>• Implement auto-scaling policies</li>
-                  <li>• Use reserved instances for predictable loads</li>
-                  <li>• Optimize database queries and indexes</li>
-                </ul>
-              </div>
-              
-              <div>
-                <h4 className="font-semibold text-github-text mb-2">Hidden Costs to Consider</h4>
-                <ul className="space-y-1 text-sm text-github-text-secondary">
-                  <li>• Developer training and onboarding</li>
-                  <li>• Maintenance and updates</li>
-                  <li>• Integration development</li>
-                  <li>• Data transfer and bandwidth</li>
-                  <li>• Backup and disaster recovery</li>
-                  <li>• Compliance and security audits</li>
-                </ul>
-              </div>
-            </div>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Cost Monitoring Tips</h4>
-              <p className="text-sm text-github-text-secondary">
-                Set up billing alerts, use cost allocation tags, review monthly reports, 
-                and regularly audit unused resources. Consider using cost management tools 
-                to track spending across multiple services.
-              </p>
-            </div>
-          </CardContent>
-        </Card>
-      </section>
-    </div>
-  );
-}
-
-function TroubleshootingContent() {
-  return (
-    <div className="space-y-8">
-      <div>
-        <h1 className="text-4xl font-bold mb-4 text-github-text">Troubleshooting</h1>
-        <p className="text-lg text-github-text-secondary">
-          Solutions to common issues and frequently asked questions
-        </p>
-      </div>
-
-      <section id="common-issues" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Common Issues</h2>
-        <Accordion type="single" collapsible>
-          <AccordionItem value="search-not-working">
-            <AccordionTrigger>Search is not returning expected results</AccordionTrigger>
-            <AccordionContent>
-              <div className="space-y-3 text-sm text-github-text-secondary">
-                <p><strong>Possible causes:</strong></p>
-                <ul className="space-y-1 ml-4">
-                  <li>• Filters may be too restrictive</li>
-                  <li>• Search terms may be too specific</li>
-                  <li>• Tool may be listed under different name</li>
-                </ul>
-                <p className="mt-3"><strong>Solutions:</strong></p>
-                <ol className="space-y-1 ml-4">
-                  <li>1. Clear all filters and search again</li>
-                  <li>2. Use broader search terms</li>
-                  <li>3. Browse by category instead</li>
-                  <li>4. Check alternative tool names or abbreviations</li>
-                </ol>
-              </div>
-            </AccordionContent>
-          </AccordionItem>
-          
-          <AccordionItem value="compatibility-scores">
-            <AccordionTrigger>Compatibility scores seem incorrect</AccordionTrigger>
-            <AccordionContent>
-              <div className="space-y-3 text-sm text-github-text-secondary">
-                <p>
-                  Compatibility scores are calculated based on multiple factors including category alignment, 
-                  known integrations, and community feedback. If you believe a score is incorrect:
-                </p>
-                <ol className="space-y-1 ml-4">
-                  <li>1. Check if both tools are in compatible categories</li>
-                  <li>2. Review the detailed compatibility breakdown</li>
-                  <li>3. Consider version-specific compatibility</li>
-                  <li>4. Report the issue with supporting documentation</li>
-                </ol>
-              </div>
-            </AccordionContent>
-          </AccordionItem>
-          
-          <AccordionItem value="ai-blueprint-issues">
-            <AccordionTrigger>AI Blueprint not generating expected results</AccordionTrigger>
-            <AccordionContent>
-              <div className="space-y-3 text-sm text-github-text-secondary">
-                <p><strong>Tips for better AI results:</strong></p>
-                <ul className="space-y-1 ml-4">
-                  <li>• Be specific about your requirements</li>
-                  <li>• Include constraints (budget, timeline, team size)</li>
-                  <li>• Mention preferred technologies if any</li>
-                  <li>• Specify the type of application clearly</li>
-                </ul>
-                <p className="mt-3">
-                  If results are still not satisfactory, try the manual Stack Builder for more control.
-                </p>
-              </div>
-            </AccordionContent>
-          </AccordionItem>
-          
-          <AccordionItem value="export-import-fail">
-            <AccordionTrigger>Export/Import not working</AccordionTrigger>
-            <AccordionContent>
-              <div className="space-y-3 text-sm text-github-text-secondary">
-                <p><strong>Common export/import issues:</strong></p>
-                <ul className="space-y-1 ml-4">
-                  <li>• File format not supported (use JSON or YAML)</li>
-                  <li>• File size exceeds limit (max 10MB)</li>
-                  <li>• Invalid JSON/YAML syntax</li>
-                  <li>• Missing required fields in import</li>
-                </ul>
-                <p className="mt-3">
-                  Validate your JSON/YAML syntax using online validators before importing.
-                </p>
-              </div>
-            </AccordionContent>
-          </AccordionItem>
-        </Accordion>
-      </section>
-
-      <section id="faqs" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Frequently Asked Questions</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardContent className="pt-6">
-            <Accordion type="single" collapsible>
-              <AccordionItem value="faq-1">
-                <AccordionTrigger>Is TechStack Explorer free to use?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Yes, TechStack Explorer offers a generous free tier that includes access to the tool database, 
-                    basic compatibility checking, and limited AI blueprint generation. 
-                    Pro features include unlimited AI generations, API access, and team collaboration.
-                  </p>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="faq-2">
-                <AccordionTrigger>How often is the tool database updated?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Our tool database is updated continuously. New tools are added weekly, 
-                    and existing tool information is refreshed monthly. 
-                    Compatibility scores are recalculated as new integration information becomes available.
-                  </p>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="faq-3">
-                <AccordionTrigger>Can I suggest new tools to be added?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Absolutely! Use the "Add Tool" button in the header to suggest new tools. 
-                    Provide as much information as possible, and our team will review and add qualifying tools 
-                    to the database within 2-3 business days.
-                  </p>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="faq-4">
-                <AccordionTrigger>How are compatibility scores calculated?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Compatibility scores are calculated using a proprietary algorithm that considers:
-                  </p>
-                  <ul className="space-y-1 text-sm text-github-text-secondary mt-2 ml-4">
-                    <li>• Category compatibility</li>
-                    <li>• Known integrations and plugins</li>
-                    <li>• Shared protocols and standards</li>
-                    <li>• Community feedback and usage patterns</li>
-                    <li>• Technical architecture alignment</li>
-                  </ul>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="faq-5">
-                <AccordionTrigger>Can I save multiple tech stacks?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Yes, with a free account you can save up to 3 tech stacks. 
-                    Pro users can save unlimited stacks and organize them into projects. 
-                    You can also export stacks as JSON for external storage.
-                  </p>
-                </AccordionContent>
-              </AccordionItem>
-              
-              <AccordionItem value="faq-6">
-                <AccordionTrigger>Is there an API available?</AccordionTrigger>
-                <AccordionContent>
-                  <p className="text-sm text-github-text-secondary">
-                    Yes, we provide a RESTful API for Pro and Enterprise users. 
-                    The API allows you to query tools, check compatibility, generate AI blueprints, 
-                    and integrate TechStack Explorer data into your own applications. 
-                    See the API Reference section for details.
-                  </p>
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </CardContent>
-        </Card>
-      </section>
-
-      <section id="support" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Getting Support</h2>
-        <div className="grid md:grid-cols-2 gap-4">
-          <Card className="bg-github-surface border-github-border hover:border-neon-orange/50 transition-all">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <MessageSquare className="h-5 w-5 text-blue-400" />
-                Community Forum
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-github-text-secondary mb-4">
-                Get help from the community, share experiences, and discuss best practices.
-              </p>
-              <Button variant="outline" className="w-full">
-                Visit Forum
-              </Button>
-            </CardContent>
-          </Card>
-          
-          <Card className="bg-github-surface border-github-border hover:border-neon-orange/50 transition-all">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Globe className="h-5 w-5 text-green-400" />
-                Discord Server
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-github-text-secondary mb-4">
-                Join our Discord for real-time chat with other developers and the TechStack team.
-              </p>
-              <Button variant="outline" className="w-full">
-                Join Discord
-              </Button>
-            </CardContent>
-          </Card>
-          
-          <Card className="bg-github-surface border-github-border hover:border-neon-orange/50 transition-all">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <FileText className="h-5 w-5 text-purple-400" />
-                Email Support
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-github-text-secondary mb-4">
-                Pro users can email our support team for personalized assistance.
-              </p>
-              <Button variant="outline" className="w-full">
-                Contact Support
-              </Button>
-            </CardContent>
-          </Card>
-          
-          <Card className="bg-github-surface border-github-border hover:border-neon-orange/50 transition-all">
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Code className="h-5 w-5 text-neon-orange" />
-                GitHub Issues
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-github-text-secondary mb-4">
-                Report bugs and request features on our GitHub repository.
-              </p>
-              <Button variant="outline" className="w-full">
-                Open Issue
-              </Button>
-            </CardContent>
-          </Card>
-        </div>
-      </section>
-
-      <section id="bug-reporting" className="space-y-4">
-        <h2 className="text-2xl font-bold text-github-text">Reporting Bugs</h2>
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle>How to Report Bugs Effectively</CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <p className="text-sm text-github-text-secondary">
-              Help us fix issues quickly by providing detailed bug reports.
-            </p>
-            
-            <div className="bg-github-dark p-4 rounded-lg">
-              <h4 className="font-semibold text-github-text mb-2">Include in Your Report:</h4>
-              <ol className="space-y-2 text-sm text-github-text-secondary">
-                <li>1. <strong>Steps to reproduce:</strong> Exact sequence of actions that cause the bug</li>
-                <li>2. <strong>Expected behavior:</strong> What should happen</li>
-                <li>3. <strong>Actual behavior:</strong> What actually happens</li>
-                <li>4. <strong>Environment:</strong> Browser, OS, screen size</li>
-                <li>5. <strong>Screenshots/videos:</strong> Visual evidence if applicable</li>
-                <li>6. <strong>Error messages:</strong> Any console errors or warnings</li>
-              </ol>
-            </div>
-            
-            <Alert className="bg-green-600/10 border-green-600/30">
-              <CheckCircle2 className="h-4 w-4 text-green-400" />
-              <AlertDescription className="text-github-text-secondary">
-                <strong>Pro Tip:</strong> Check if the issue has already been reported before creating a new bug report.
-              </AlertDescription>
-            </Alert>
-          </CardContent>
-        </Card>
-      </section>
-    </div>
-  );
-}
-
-// Import Alert component
-function Alert({ children, className }: { children: React.ReactNode; className?: string }) {
-  return (
-    <div className={`p-4 rounded-lg border ${className}`}>
-      {children}
-    </div>
-  );
-}
-
-function AlertDescription({ children, className }: { children: React.ReactNode; className?: string }) {
-  return <div className={`text-sm ${className}`}>{children}</div>;
-}
\ No newline at end of file
diff --git a/client/src/pages/migration-wizard.tsx b/client/src/pages/migration-wizard.tsx
deleted file mode 100644
index f8561f7..0000000
--- a/client/src/pages/migration-wizard.tsx
+++ /dev/null
@@ -1,690 +0,0 @@
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Progress } from "@/components/ui/progress";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Separator } from "@/components/ui/separator";
-import { 
-  ArrowRight, 
-  CheckCircle2, 
-  AlertCircle, 
-  Clock,
-  DollarSign,
-  Users,
-  Code,
-  Package,
-  FileCode,
-  BookOpen,
-  Rocket,
-  Shield,
-  AlertTriangle,
-  TrendingUp,
-  Download
-} from "lucide-react";
-import { toast } from "@/hooks/use-toast";
-
-interface MigrationStep {
-  id: string;
-  title: string;
-  description: string;
-  duration: string;
-  difficulty: "easy" | "medium" | "hard";
-  category: "preparation" | "migration" | "testing" | "deployment";
-  tasks: string[];
-  risks: string[];
-  tips: string[];
-}
-
-interface MigrationPath {
-  from: any;
-  to: any;
-  compatibility: number;
-  effort: "low" | "medium" | "high";
-  estimatedTime: string;
-  steps: MigrationStep[];
-  benefits: string[];
-  challenges: string[];
-  alternatives: any[];
-}
-
-export default function MigrationWizard() {
-  const [fromTool, setFromTool] = useState<string>("");
-  const [toTool, setToTool] = useState<string>("");
-  const [currentStep, setCurrentStep] = useState(0);
-  const [completedSteps, setCompletedSteps] = useState<Set<string>>(new Set());
-
-  // Fetch available tools
-  const { data: tools = [] } = useQuery({
-    queryKey: ["/api/tools/quality"],
-  });
-
-  // Generate migration plan
-  const { data: migrationPlan, isLoading: isGeneratingPlan } = useQuery({
-    queryKey: ["/api/migration/plan", fromTool, toTool],
-    enabled: !!fromTool && !!toTool && fromTool !== toTool,
-    queryFn: async () => {
-      // In a real app, this would call the migration planning API
-      const fromToolData = tools.find((t: any) => t.id === fromTool);
-      const toToolData = tools.find((t: any) => t.id === toTool);
-      
-      if (!fromToolData || !toToolData) return null;
-      
-      // Generate migration steps based on tool categories
-      const steps: MigrationStep[] = [
-        {
-          id: "assessment",
-          title: "Current State Assessment",
-          description: `Analyze your current ${fromToolData.name} implementation`,
-          duration: "2-4 hours",
-          difficulty: "easy",
-          category: "preparation",
-          tasks: [
-            "Document current configuration and settings",
-            "List all integrations and dependencies",
-            "Export data and configurations",
-            "Identify custom code and workflows"
-          ],
-          risks: [
-            "Missing critical configurations",
-            "Undocumented customizations"
-          ],
-          tips: [
-            "Create a comprehensive backup before starting",
-            "Document all API keys and credentials"
-          ]
-        },
-        {
-          id: "planning",
-          title: "Migration Planning",
-          description: `Create detailed migration plan to ${toToolData.name}`,
-          duration: "4-8 hours",
-          difficulty: "medium",
-          category: "preparation",
-          tasks: [
-            "Map features between tools",
-            "Identify feature gaps and workarounds",
-            "Create data migration strategy",
-            "Plan rollback procedures"
-          ],
-          risks: [
-            "Feature parity issues",
-            "Data format incompatibilities"
-          ],
-          tips: [
-            "Involve all stakeholders in planning",
-            "Create a detailed timeline with milestones"
-          ]
-        },
-        {
-          id: "environment",
-          title: "Environment Setup",
-          description: `Set up ${toToolData.name} environment`,
-          duration: "2-6 hours",
-          difficulty: "medium",
-          category: "migration",
-          tasks: [
-            "Create accounts and workspaces",
-            "Configure initial settings",
-            "Set up user access and permissions",
-            "Install required plugins/extensions"
-          ],
-          risks: [
-            "Configuration errors",
-            "Permission issues"
-          ],
-          tips: [
-            "Start with a sandbox environment",
-            "Document all configuration changes"
-          ]
-        },
-        {
-          id: "data",
-          title: "Data Migration",
-          description: "Migrate data and content",
-          duration: "4-16 hours",
-          difficulty: "hard",
-          category: "migration",
-          tasks: [
-            "Export data from source system",
-            "Transform data to target format",
-            "Import data to new system",
-            "Verify data integrity"
-          ],
-          risks: [
-            "Data loss or corruption",
-            "Format conversion issues"
-          ],
-          tips: [
-            "Migrate in small batches",
-            "Validate data after each batch"
-          ]
-        },
-        {
-          id: "integration",
-          title: "Integration & Configuration",
-          description: "Set up integrations and workflows",
-          duration: "8-16 hours",
-          difficulty: "hard",
-          category: "migration",
-          tasks: [
-            "Configure API connections",
-            "Set up webhooks and automations",
-            "Migrate custom code",
-            "Configure monitoring and alerts"
-          ],
-          risks: [
-            "Integration failures",
-            "Performance issues"
-          ],
-          tips: [
-            "Test each integration thoroughly",
-            "Monitor API rate limits"
-          ]
-        },
-        {
-          id: "testing",
-          title: "Testing & Validation",
-          description: "Test all functionality",
-          duration: "4-8 hours",
-          difficulty: "medium",
-          category: "testing",
-          tasks: [
-            "Perform functional testing",
-            "Run performance tests",
-            "Validate data accuracy",
-            "User acceptance testing"
-          ],
-          risks: [
-            "Missed edge cases",
-            "Performance degradation"
-          ],
-          tips: [
-            "Create comprehensive test cases",
-            "Include real users in testing"
-          ]
-        },
-        {
-          id: "training",
-          title: "Team Training",
-          description: "Train team on new tool",
-          duration: "4-8 hours",
-          difficulty: "easy",
-          category: "deployment",
-          tasks: [
-            "Create training materials",
-            "Conduct training sessions",
-            "Document new procedures",
-            "Set up support channels"
-          ],
-          risks: [
-            "User resistance",
-            "Knowledge gaps"
-          ],
-          tips: [
-            "Focus on key differences",
-            "Provide hands-on practice"
-          ]
-        },
-        {
-          id: "cutover",
-          title: "Production Cutover",
-          description: "Switch to new system",
-          duration: "2-4 hours",
-          difficulty: "medium",
-          category: "deployment",
-          tasks: [
-            "Final data sync",
-            "Update DNS/routing",
-            "Notify stakeholders",
-            "Monitor system health"
-          ],
-          risks: [
-            "Downtime",
-            "Rollback delays"
-          ],
-          tips: [
-            "Plan for off-peak hours",
-            "Have rollback plan ready"
-          ]
-        }
-      ];
-      
-      const compatibility = Math.floor(Math.random() * 40) + 60;
-      const effort = compatibility > 80 ? "low" : compatibility > 60 ? "medium" : "high";
-      
-      return {
-        from: fromToolData,
-        to: toToolData,
-        compatibility,
-        effort,
-        estimatedTime: `${steps.reduce((sum, s) => sum + parseInt(s.duration), 0)}-${steps.reduce((sum, s) => sum + parseInt(s.duration.split('-')[1] || s.duration), 0)} hours`,
-        steps,
-        benefits: [
-          `${toToolData.name} offers better ${toToolData.features?.[0] || 'features'}`,
-          "Improved team collaboration",
-          "Better integration capabilities",
-          "Enhanced security and compliance"
-        ],
-        challenges: [
-          "Learning curve for team members",
-          "Data migration complexity",
-          "Potential feature gaps",
-          "Integration reconfiguration"
-        ],
-        alternatives: tools.filter((t: any) => 
-          t.id !== fromTool && 
-          t.id !== toTool && 
-          t.category === toToolData.category
-        ).slice(0, 3)
-      } as MigrationPath;
-    }
-  });
-
-  const handleStepComplete = (stepId: string) => {
-    setCompletedSteps(prev => new Set(prev).add(stepId));
-    toast({
-      title: "Step Completed",
-      description: "Great progress! Moving to the next step.",
-    });
-  };
-
-  const calculateProgress = () => {
-    if (!migrationPlan) return 0;
-    return (completedSteps.size / migrationPlan.steps.length) * 100;
-  };
-
-  const getDifficultyColor = (difficulty: string) => {
-    switch (difficulty) {
-      case "easy": return "text-green-500";
-      case "medium": return "text-yellow-500";
-      case "hard": return "text-red-500";
-      default: return "text-gray-500";
-    }
-  };
-
-  const getCategoryIcon = (category: string) => {
-    switch (category) {
-      case "preparation": return BookOpen;
-      case "migration": return Package;
-      case "testing": return Shield;
-      case "deployment": return Rocket;
-      default: return FileCode;
-    }
-  };
-
-  const exportMigrationPlan = () => {
-    if (!migrationPlan) return;
-    
-    const planText = JSON.stringify(migrationPlan, null, 2);
-    const blob = new Blob([planText], { type: 'application/json' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `migration-plan-${fromTool}-to-${toTool}.json`;
-    a.click();
-    URL.revokeObjectURL(url);
-    
-    toast({
-      title: "Plan Exported",
-      description: "Migration plan saved to your downloads.",
-    });
-  };
-
-  return (
-    <div className="container mx-auto p-6 space-y-6">
-      {/* Header */}
-      <Card>
-        <CardHeader>
-          <div className="flex items-center justify-between">
-            <div>
-              <CardTitle className="text-2xl">Migration Wizard</CardTitle>
-              <CardDescription>
-                Step-by-step guidance for transitioning between tools
-              </CardDescription>
-            </div>
-            <Badge variant="outline" className="text-lg px-3 py-1">
-              <TrendingUp className="h-4 w-4 mr-1" />
-              Smart Migration
-            </Badge>
-          </div>
-        </CardHeader>
-      </Card>
-
-      {/* Tool Selection */}
-      <Card>
-        <CardHeader>
-          <CardTitle>Select Migration Path</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-4 items-center">
-            <Select value={fromTool} onValueChange={setFromTool}>
-              <SelectTrigger data-testid="from-tool-select">
-                <SelectValue placeholder="From Tool..." />
-              </SelectTrigger>
-              <SelectContent>
-                {tools.map((tool: any) => (
-                  <SelectItem key={tool.id} value={tool.id}>
-                    {tool.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            
-            <div className="flex justify-center">
-              <ArrowRight className="h-6 w-6 text-muted-foreground" />
-            </div>
-            
-            <Select value={toTool} onValueChange={setToTool}>
-              <SelectTrigger data-testid="to-tool-select">
-                <SelectValue placeholder="To Tool..." />
-              </SelectTrigger>
-              <SelectContent>
-                {tools.filter((t: any) => t.id !== fromTool).map((tool: any) => (
-                  <SelectItem key={tool.id} value={tool.id}>
-                    {tool.name}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-          </div>
-
-          {!fromTool || !toTool ? (
-            <Alert className="mt-4">
-              <AlertCircle className="h-4 w-4" />
-              <AlertDescription>
-                Select both source and target tools to generate a migration plan
-              </AlertDescription>
-            </Alert>
-          ) : fromTool === toTool ? (
-            <Alert className="mt-4" variant="destructive">
-              <AlertTriangle className="h-4 w-4" />
-              <AlertDescription>
-                Source and target tools must be different
-              </AlertDescription>
-            </Alert>
-          ) : null}
-        </CardContent>
-      </Card>
-
-      {/* Migration Plan */}
-      {migrationPlan && (
-        <>
-          {/* Overview */}
-          <Card>
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <CardTitle>Migration Overview</CardTitle>
-                <Button onClick={exportMigrationPlan} variant="outline">
-                  <Download className="h-4 w-4 mr-2" />
-                  Export Plan
-                </Button>
-              </div>
-            </CardHeader>
-            <CardContent className="space-y-6">
-              <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-                <div className="space-y-2">
-                  <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                    <Shield className="h-4 w-4" />
-                    Compatibility
-                  </div>
-                  <div className="text-2xl font-bold">{migrationPlan.compatibility}%</div>
-                  <Progress value={migrationPlan.compatibility} className="h-2" />
-                </div>
-                
-                <div className="space-y-2">
-                  <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                    <Clock className="h-4 w-4" />
-                    Estimated Time
-                  </div>
-                  <div className="text-2xl font-bold">{migrationPlan.estimatedTime}</div>
-                </div>
-                
-                <div className="space-y-2">
-                  <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                    <TrendingUp className="h-4 w-4" />
-                    Effort Level
-                  </div>
-                  <Badge variant={migrationPlan.effort === "low" ? "success" : migrationPlan.effort === "medium" ? "secondary" : "destructive"} className="text-lg">
-                    {migrationPlan.effort.toUpperCase()}
-                  </Badge>
-                </div>
-                
-                <div className="space-y-2">
-                  <div className="flex items-center gap-2 text-sm text-muted-foreground">
-                    <CheckCircle2 className="h-4 w-4" />
-                    Progress
-                  </div>
-                  <div className="text-2xl font-bold">{Math.round(calculateProgress())}%</div>
-                  <Progress value={calculateProgress()} className="h-2" />
-                </div>
-              </div>
-              
-              <Separator />
-              
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <div>
-                  <h4 className="font-semibold mb-3 flex items-center gap-2">
-                    <CheckCircle2 className="h-4 w-4 text-green-500" />
-                    Benefits
-                  </h4>
-                  <ul className="space-y-2">
-                    {migrationPlan.benefits.map((benefit, i) => (
-                      <li key={i} className="text-sm text-muted-foreground flex items-start gap-2">
-                        <span className="text-green-500 mt-0.5">•</span>
-                        {benefit}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-                
-                <div>
-                  <h4 className="font-semibold mb-3 flex items-center gap-2">
-                    <AlertTriangle className="h-4 w-4 text-yellow-500" />
-                    Challenges
-                  </h4>
-                  <ul className="space-y-2">
-                    {migrationPlan.challenges.map((challenge, i) => (
-                      <li key={i} className="text-sm text-muted-foreground flex items-start gap-2">
-                        <span className="text-yellow-500 mt-0.5">•</span>
-                        {challenge}
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-
-          {/* Migration Steps */}
-          <Card>
-            <CardHeader>
-              <CardTitle>Migration Steps</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <Tabs value={migrationPlan.steps[currentStep]?.id} onValueChange={(value) => {
-                const index = migrationPlan.steps.findIndex(s => s.id === value);
-                if (index !== -1) setCurrentStep(index);
-              }}>
-                <TabsList className="grid grid-cols-4 lg:grid-cols-8 mb-6">
-                  {migrationPlan.steps.map((step, index) => {
-                    const Icon = getCategoryIcon(step.category);
-                    const isCompleted = completedSteps.has(step.id);
-                    return (
-                      <TabsTrigger 
-                        key={step.id} 
-                        value={step.id}
-                        className="relative"
-                        data-testid={`step-tab-${step.id}`}
-                      >
-                        <div className="flex flex-col items-center gap-1">
-                          {isCompleted ? (
-                            <CheckCircle2 className="h-4 w-4 text-green-500" />
-                          ) : (
-                            <Icon className="h-4 w-4" />
-                          )}
-                          <span className="text-xs hidden lg:inline">{index + 1}</span>
-                        </div>
-                      </TabsTrigger>
-                    );
-                  })}
-                </TabsList>
-                
-                {migrationPlan.steps.map((step) => (
-                  <TabsContent key={step.id} value={step.id} className="space-y-6">
-                    <div className="flex items-center justify-between">
-                      <div>
-                        <h3 className="text-xl font-semibold">{step.title}</h3>
-                        <p className="text-muted-foreground mt-1">{step.description}</p>
-                      </div>
-                      <div className="flex items-center gap-4">
-                        <Badge variant="outline">
-                          <Clock className="h-3 w-3 mr-1" />
-                          {step.duration}
-                        </Badge>
-                        <Badge className={getDifficultyColor(step.difficulty)} variant="outline">
-                          {step.difficulty}
-                        </Badge>
-                      </div>
-                    </div>
-                    
-                    <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-                      {/* Tasks */}
-                      <Card>
-                        <CardHeader className="pb-3">
-                          <CardTitle className="text-sm">Tasks</CardTitle>
-                        </CardHeader>
-                        <CardContent>
-                          <ul className="space-y-2">
-                            {step.tasks.map((task, i) => (
-                              <li key={i} className="flex items-start gap-2 text-sm">
-                                <CheckCircle2 className="h-4 w-4 text-muted-foreground mt-0.5" />
-                                {task}
-                              </li>
-                            ))}
-                          </ul>
-                        </CardContent>
-                      </Card>
-                      
-                      {/* Risks */}
-                      <Card>
-                        <CardHeader className="pb-3">
-                          <CardTitle className="text-sm">Risks</CardTitle>
-                        </CardHeader>
-                        <CardContent>
-                          <ul className="space-y-2">
-                            {step.risks.map((risk, i) => (
-                              <li key={i} className="flex items-start gap-2 text-sm">
-                                <AlertTriangle className="h-4 w-4 text-yellow-500 mt-0.5" />
-                                {risk}
-                              </li>
-                            ))}
-                          </ul>
-                        </CardContent>
-                      </Card>
-                      
-                      {/* Tips */}
-                      <Card>
-                        <CardHeader className="pb-3">
-                          <CardTitle className="text-sm">Tips</CardTitle>
-                        </CardHeader>
-                        <CardContent>
-                          <ul className="space-y-2">
-                            {step.tips.map((tip, i) => (
-                              <li key={i} className="flex items-start gap-2 text-sm">
-                                <TrendingUp className="h-4 w-4 text-green-500 mt-0.5" />
-                                {tip}
-                              </li>
-                            ))}
-                          </ul>
-                        </CardContent>
-                      </Card>
-                    </div>
-                    
-                    <div className="flex justify-between">
-                      <Button
-                        variant="outline"
-                        onClick={() => setCurrentStep(Math.max(0, currentStep - 1))}
-                        disabled={currentStep === 0}
-                      >
-                        Previous Step
-                      </Button>
-                      <Button
-                        onClick={() => handleStepComplete(step.id)}
-                        disabled={completedSteps.has(step.id)}
-                        data-testid={`complete-step-${step.id}`}
-                      >
-                        {completedSteps.has(step.id) ? "Completed" : "Mark as Complete"}
-                      </Button>
-                      <Button
-                        variant="outline"
-                        onClick={() => setCurrentStep(Math.min(migrationPlan.steps.length - 1, currentStep + 1))}
-                        disabled={currentStep === migrationPlan.steps.length - 1}
-                      >
-                        Next Step
-                      </Button>
-                    </div>
-                  </TabsContent>
-                ))}
-              </Tabs>
-            </CardContent>
-          </Card>
-
-          {/* Alternative Tools */}
-          {migrationPlan.alternatives.length > 0 && (
-            <Card>
-              <CardHeader>
-                <CardTitle>Alternative Options</CardTitle>
-                <CardDescription>
-                  Other tools you might consider in the same category
-                </CardDescription>
-              </CardHeader>
-              <CardContent>
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                  {migrationPlan.alternatives.map((tool: any) => (
-                    <Card key={tool.id} className="cursor-pointer hover:shadow-lg transition-shadow">
-                      <CardHeader className="pb-3">
-                        <div className="flex items-center justify-between">
-                          <CardTitle className="text-base">{tool.name}</CardTitle>
-                          <Badge variant="outline">{tool.category}</Badge>
-                        </div>
-                      </CardHeader>
-                      <CardContent className="space-y-2">
-                        <p className="text-sm text-muted-foreground line-clamp-2">
-                          {tool.description}
-                        </p>
-                        <div className="flex items-center gap-4 text-sm">
-                          <span className="flex items-center gap-1">
-                            <Users className="h-3 w-3" />
-                            {tool.popularityScore}%
-                          </span>
-                          <span className="flex items-center gap-1">
-                            <Shield className="h-3 w-3" />
-                            {tool.maturityScore}%
-                          </span>
-                        </div>
-                        <Button
-                          variant="link"
-                          className="p-0 h-auto"
-                          onClick={() => {
-                            setToTool(tool.id);
-                            setCompletedSteps(new Set());
-                          }}
-                        >
-                          Use as target instead →
-                        </Button>
-                      </CardContent>
-                    </Card>
-                  ))}
-                </div>
-              </CardContent>
-            </Card>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
deleted file mode 100644
index dba9f83..0000000
--- a/client/src/pages/not-found.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { AlertCircle } from "lucide-react";
-
-export default function NotFound() {
-  return (
-    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
-      <Card className="w-full max-w-md mx-4">
-        <CardContent className="pt-6">
-          <div className="flex mb-4 gap-2">
-            <AlertCircle className="h-8 w-8 text-red-500" />
-            <h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1>
-          </div>
-
-          <p className="mt-4 text-sm text-gray-600">
-            Did you forget to add the page to the router?
-          </p>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
diff --git a/client/src/pages/quickstart.tsx b/client/src/pages/quickstart.tsx
deleted file mode 100644
index 82d153f..0000000
--- a/client/src/pages/quickstart.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { apiRequest } from "@/lib/queryClient";
-import { Download, Upload, PlayCircle } from "lucide-react";
-
-export default function QuickStartPage() {
-  const queryClient = useQueryClient();
-
-  const seedMutation = useMutation({
-    mutationFn: async () => {
-      const res = await apiRequest("POST", "/api/tools/seed");
-      return await res.json();
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-    },
-  });
-
-  const importCsvMutation = useMutation({
-    mutationFn: async () => {
-      const res = await apiRequest("POST", "/api/tools/import-csv");
-      return await res.json();
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-    },
-  });
-
-  const genCompatMutation = useMutation({
-    mutationFn: async () => {
-      const res = await apiRequest("POST", "/api/tools/generate-compatibility");
-      return await res.json();
-    },
-  });
-
-  const handleDownloadTemplate = async () => {
-    const res = await fetch("/api/tools/export-csv");
-    const text = await res.text();
-    const blob = new Blob([text], { type: "text/csv;charset=utf-8" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "tools-template.csv";
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-    URL.revokeObjectURL(url);
-  };
-
-  return (
-    <div className="max-w-5xl mx-auto space-y-6">
-      <Card className="bg-github-surface border-github-border">
-        <CardHeader>
-          <CardTitle className="text-3xl font-bold text-github-text">Quick Start Guide</CardTitle>
-        </CardHeader>
-        <CardContent className="space-y-4 text-github-text">
-          <p>Get up and running with curated tool data in a few clicks:</p>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg">1. Seed Database</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-2">
-                <p>Populate the database with a minimal starter set.</p>
-                <Button onClick={() => seedMutation.mutate()} disabled={seedMutation.isPending} className="gap-2">
-                  <PlayCircle className="h-4 w-4" /> {seedMutation.isPending ? "Seeding..." : "Seed Database"}
-                </Button>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg">2. Import Clean CSV</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-2">
-                <p>Load curated tool data from the bundled CSV file.</p>
-                <Button onClick={() => importCsvMutation.mutate()} disabled={importCsvMutation.isPending} className="gap-2">
-                  <Upload className="h-4 w-4" /> {importCsvMutation.isPending ? "Importing..." : "Import CSV"}
-                </Button>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg">3. Generate Compatibility</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-2">
-                <p>Compute compatibility scores for tool pairs.</p>
-                <Button onClick={() => genCompatMutation.mutate()} disabled={genCompatMutation.isPending} className="gap-2">
-                  <PlayCircle className="h-4 w-4" /> {genCompatMutation.isPending ? "Generating..." : "Generate Compatibility"}
-                </Button>
-              </CardContent>
-            </Card>
-
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <CardTitle className="text-lg">4. Download CSV Template</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-2">
-                <p>Download a CSV template to add your own tools.</p>
-                <Button onClick={handleDownloadTemplate} className="gap-2">
-                  <Download className="h-4 w-4" /> Download Template
-                </Button>
-              </CardContent>
-            </Card>
-          </div>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}
-
-
diff --git a/client/src/pages/stack-builder.tsx b/client/src/pages/stack-builder.tsx
deleted file mode 100644
index d30061e..0000000
--- a/client/src/pages/stack-builder.tsx
+++ /dev/null
@@ -1,556 +0,0 @@
-import { useState } from "react";
-import { useQuery, useMutation } from "@tanstack/react-query";
-import { queryClient, apiRequest } from "@/lib/queryClient";
-import type { Tool, StackTemplate, ToolCategory } from "@shared/schema";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Loader2, AlertCircle, CheckCircle2, XCircle, Package, ArrowRight, Zap, GitBranch } from "lucide-react";
-import { useToast } from "@/hooks/use-toast";
-import { ToolRecommendations } from "@/components/tool-recommendations";
-import { MigrationPaths } from "@/components/migration-paths";
-import { StackExport } from "@/components/stack-export";
-
-export function StackBuilder() {
-  const [selectedTools, setSelectedTools] = useState<string[]>([]);
-  const [validationResult, setValidationResult] = useState<any>(null);
-  const [harmonyScore, setHarmonyScore] = useState<number | null>(null);
-  const { toast } = useToast();
-
-  // Fetch all tools
-  const { data: tools = [], isLoading: toolsLoading } = useQuery<Tool[]>({
-    queryKey: ["/api/tools"]
-  });
-
-  // Fetch categories
-  const { data: categories = [], isLoading: categoriesLoading } = useQuery<ToolCategory[]>({
-    queryKey: ["/api/categories"]
-  });
-
-  // Fetch stack templates
-  const { data: templates = [], isLoading: templatesLoading } = useQuery<StackTemplate[]>({
-    queryKey: ["/api/stack-templates"]
-  });
-
-  // Validate stack mutation
-  const validateStack = useMutation({
-    mutationFn: async (toolIds: string[]) => {
-      const response = await apiRequest("POST", "/api/stack/validate", { toolIds });
-      return response.json();
-    },
-    onSuccess: (data) => {
-      setValidationResult(data);
-      toast({
-        title: data.valid ? "Stack Valid!" : "Stack Has Issues",
-        description: data.valid 
-          ? "Your tech stack is compatible and ready to use."
-          : "There are some conflicts or dependencies to resolve.",
-        variant: data.valid ? "default" : "destructive"
-      });
-    }
-  });
-
-  // Calculate harmony score mutation
-  const calculateHarmony = useMutation({
-    mutationFn: async (toolIds: string[]) => {
-      const response = await apiRequest("POST", "/api/stack/harmony-score", { toolIds });
-      return response.json();
-    },
-    onSuccess: (data) => {
-      setHarmonyScore(data.harmonyScore);
-    }
-  });
-
-  // Get recommendations mutation
-  const getRecommendations = useMutation({
-    mutationFn: async ({ toolIds, category }: { toolIds: string[]; category?: string }) => {
-      const response = await apiRequest("POST", "/api/stack/recommendations", { toolIds, category });
-      return response.json();
-    }
-  });
-
-  // Export stack mutation
-  const exportStack = useMutation({
-    mutationFn: async ({ format, toolIds }: { format: string; toolIds: string[] }) => {
-      const response = await apiRequest("POST", "/api/stack/export", { format, toolIds });
-      if (format === "csv") {
-        return response.text();
-      }
-      return response.json();
-    },
-    onSuccess: (data, variables) => {
-      if (variables.format === "csv") {
-        // Download CSV file
-        const blob = new Blob([data as string], { type: "text/csv" });
-        const url = window.URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = "stack-compatibility.csv";
-        a.click();
-        window.URL.revokeObjectURL(url);
-      }
-      toast({
-        title: "Export Successful",
-        description: `Stack exported as ${variables.format.toUpperCase()}`
-      });
-    }
-  });
-
-  const toggleToolSelection = (toolId: string) => {
-    setSelectedTools(prev => 
-      prev.includes(toolId) 
-        ? prev.filter(id => id !== toolId)
-        : [...prev, toolId]
-    );
-    // Clear previous validation when selection changes
-    setValidationResult(null);
-    setHarmonyScore(null);
-  };
-
-  const selectTemplate = (template: StackTemplate) => {
-    setSelectedTools(template.toolIds);
-    setValidationResult(null);
-    setHarmonyScore(null);
-    toast({
-      title: "Template Applied",
-      description: `Loaded "${template.name}" stack configuration`
-    });
-  };
-
-  const validateAndScore = async () => {
-    if (selectedTools.length < 2) {
-      toast({
-        title: "Not Enough Tools",
-        description: "Please select at least 2 tools to validate a stack",
-        variant: "destructive"
-      });
-      return;
-    }
-    await validateStack.mutateAsync(selectedTools);
-    await calculateHarmony.mutateAsync(selectedTools);
-  };
-
-  // Create category lookup map
-  const categoryMap = categories.reduce((acc: Record<string, string>, cat: ToolCategory) => {
-    acc[cat.id] = cat.name;
-    return acc;
-  }, {});
-
-  // Group tools by category name
-  const groupedTools = tools.reduce((acc: Record<string, Tool[]>, tool: any) => {
-    // If tool has multiple categories, add it to each category group
-    if (tool.categories && tool.categories.length > 0) {
-      tool.categories.forEach((category: any) => {
-        const categoryName = category.name || "Other";
-        if (!acc[categoryName]) acc[categoryName] = [];
-        // Only add if not already in this category (avoid duplicates)
-        if (!acc[categoryName].find(t => t.id === tool.id)) {
-          acc[categoryName].push(tool);
-        }
-      });
-    } else {
-      // Fallback to single category
-      const categoryName = tool.categoryId ? categoryMap[tool.categoryId] || "Other" : "Other";
-      if (!acc[categoryName]) acc[categoryName] = [];
-      acc[categoryName].push(tool);
-    }
-    return acc;
-  }, {});
-
-  if (toolsLoading || templatesLoading || categoriesLoading) {
-    return (
-      <div className="flex items-center justify-center min-h-[400px]">
-        <Loader2 className="h-8 w-8 animate-spin" />
-      </div>
-    );
-  }
-
-  return (
-    <div className="container mx-auto py-8 px-4 max-w-7xl" data-testid="stack-builder-container">
-      <div className="mb-8">
-        <h1 className="text-4xl font-bold mb-2 bg-gradient-to-r from-orange-500 to-red-500 bg-clip-text text-transparent">
-          Stack Builder for StackFast
-        </h1>
-        <p className="text-muted-foreground text-lg">
-          Build, validate, and optimize your tech stack with AI-powered recommendations
-        </p>
-      </div>
-
-      <Tabs defaultValue="builder" className="space-y-6">
-        <TabsList className="grid w-full grid-cols-4 bg-muted/50">
-          <TabsTrigger value="builder" data-testid="tab-builder">
-            <Package className="h-4 w-4 mr-2" />
-            Stack Builder
-          </TabsTrigger>
-          <TabsTrigger value="templates" data-testid="tab-templates">
-            <Zap className="h-4 w-4 mr-2" />
-            Templates
-          </TabsTrigger>
-          <TabsTrigger value="recommendations" data-testid="tab-recommendations">
-            <ArrowRight className="h-4 w-4 mr-2" />
-            Recommendations
-          </TabsTrigger>
-          <TabsTrigger value="migration" data-testid="tab-migration">
-            <GitBranch className="h-4 w-4 mr-2" />
-            Migration
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="builder" className="space-y-6">
-          <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-            {/* Tool Selection */}
-            <div className="lg:col-span-2">
-              <Card>
-                <CardHeader>
-                  <CardTitle>Select Tools</CardTitle>
-                  <CardDescription>
-                    Choose tools to build your custom tech stack
-                  </CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-4">
-                  {Object.entries(groupedTools).map(([category, categoryTools]) => (
-                    <div key={category} className="space-y-2">
-                      <h3 className="font-semibold text-sm text-muted-foreground">
-                        {category}
-                      </h3>
-                      <div className="flex flex-wrap gap-2">
-                        {categoryTools.map((tool) => (
-                          <Badge
-                            key={tool.id}
-                            variant={selectedTools.includes(tool.id) ? "default" : "outline"}
-                            className="cursor-pointer transition-all hover:scale-105"
-                            onClick={() => toggleToolSelection(tool.id)}
-                            data-testid={`tool-badge-${tool.id}`}
-                          >
-                            {tool.name}
-                            {selectedTools.includes(tool.id) && (
-                              <CheckCircle2 className="h-3 w-3 ml-1" />
-                            )}
-                          </Badge>
-                        ))}
-                      </div>
-                    </div>
-                  ))}
-                </CardContent>
-              </Card>
-            </div>
-
-            {/* Validation Results */}
-            <div className="space-y-4">
-              <Card>
-                <CardHeader>
-                  <CardTitle>Selected Stack</CardTitle>
-                  <CardDescription>
-                    {selectedTools.length} tools selected
-                  </CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-4">
-                  {selectedTools.length > 0 ? (
-                    <>
-                      <div className="space-y-2">
-                        {selectedTools.map(id => {
-                          const tool = tools.find((t: Tool) => t.id === id);
-                          return tool ? (
-                            <Badge key={id} variant="secondary" className="w-full justify-start">
-                              {tool.name}
-                            </Badge>
-                          ) : null;
-                        })}
-                      </div>
-                      <div className="space-y-2">
-                        <Button 
-                          onClick={validateAndScore} 
-                          className="w-full"
-                          disabled={validateStack.isPending || calculateHarmony.isPending}
-                          data-testid="button-validate-stack"
-                        >
-                          {validateStack.isPending || calculateHarmony.isPending ? (
-                            <>
-                              <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                              Validating...
-                            </>
-                          ) : (
-                            "Validate Stack"
-                          )}
-                        </Button>
-                        <div className="grid grid-cols-2 gap-2">
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={() => exportStack.mutate({ format: "json", toolIds: selectedTools })}
-                            disabled={selectedTools.length === 0}
-                            data-testid="button-export-json"
-                          >
-                            Export JSON
-                          </Button>
-                          <Button
-                            variant="outline"
-                            size="sm"
-                            onClick={() => exportStack.mutate({ format: "csv", toolIds: selectedTools })}
-                            disabled={selectedTools.length === 0}
-                            data-testid="button-export-csv"
-                          >
-                            Export CSV
-                          </Button>
-                        </div>
-                      </div>
-                    </>
-                  ) : (
-                    <p className="text-sm text-muted-foreground text-center py-4">
-                      Select tools to build your stack
-                    </p>
-                  )}
-                </CardContent>
-              </Card>
-
-              {/* Harmony Score */}
-              {harmonyScore !== null && (
-                <Card>
-                  <CardHeader>
-                    <CardTitle className="flex items-center justify-between">
-                      Harmony Score
-                      <span 
-                        className={`text-2xl font-bold ${
-                          harmonyScore >= 80 ? "text-green-500" :
-                          harmonyScore >= 60 ? "text-yellow-500" :
-                          "text-red-500"
-                        }`}
-                      >
-                        {harmonyScore}%
-                      </span>
-                    </CardTitle>
-                  </CardHeader>
-                  <CardContent>
-                    <div className="w-full bg-muted rounded-full h-2">
-                      <div 
-                        className={`h-2 rounded-full transition-all ${
-                          harmonyScore >= 80 ? "bg-green-500" :
-                          harmonyScore >= 60 ? "bg-yellow-500" :
-                          "bg-red-500"
-                        }`}
-                        style={{ width: `${harmonyScore}%` }}
-                      />
-                    </div>
-                    <p className="text-sm text-muted-foreground mt-2">
-                      {harmonyScore >= 80 ? "Excellent compatibility!" :
-                       harmonyScore >= 60 ? "Good compatibility with minor issues" :
-                       "Low compatibility - consider alternatives"}
-                    </p>
-                  </CardContent>
-                </Card>
-              )}
-
-              {/* Validation Results */}
-              {validationResult && (
-                <Card>
-                  <CardHeader>
-                    <CardTitle className="flex items-center gap-2">
-                      Validation Results
-                      {validationResult.valid ? (
-                        <CheckCircle2 className="h-5 w-5 text-green-500" />
-                      ) : (
-                        <XCircle className="h-5 w-5 text-red-500" />
-                      )}
-                    </CardTitle>
-                  </CardHeader>
-                  <CardContent className="space-y-3">
-                    {validationResult.conflicts.length > 0 && (
-                      <Alert variant="destructive">
-                        <AlertCircle className="h-4 w-4" />
-                        <AlertDescription>
-                          <strong>Conflicts:</strong>
-                          {validationResult.conflicts.map((c: any, i: number) => (
-                            <div key={i} className="mt-1">
-                              {c.reason}
-                            </div>
-                          ))}
-                        </AlertDescription>
-                      </Alert>
-                    )}
-                    
-                    {validationResult.warnings.length > 0 && (
-                      <Alert>
-                        <AlertCircle className="h-4 w-4" />
-                        <AlertDescription>
-                          <strong>Warnings:</strong>
-                          {validationResult.warnings.map((w: string, i: number) => (
-                            <div key={i} className="mt-1">{w}</div>
-                          ))}
-                        </AlertDescription>
-                      </Alert>
-                    )}
-                    
-                    {validationResult.recommendations.length > 0 && (
-                      <Alert className="border-blue-500 bg-blue-500/10">
-                        <AlertCircle className="h-4 w-4 text-blue-500" />
-                        <AlertDescription>
-                          <strong>Recommendations:</strong>
-                          {validationResult.recommendations.map((r: string, i: number) => (
-                            <div key={i} className="mt-1">{r}</div>
-                          ))}
-                        </AlertDescription>
-                      </Alert>
-                    )}
-                  </CardContent>
-                </Card>
-              )}
-
-              {/* Tool Recommendations */}
-              {selectedTools.length > 0 && (
-                <ToolRecommendations 
-                  selectedToolIds={selectedTools}
-                  onToolSelect={(tool) => {
-                    if (!selectedTools.includes(tool.id)) {
-                      setSelectedTools(prev => [...prev, tool.id]);
-                      toast({
-                        title: "Tool Added",
-                        description: `${tool.name} has been added to your stack`
-                      });
-                    }
-                  }}
-                />
-              )}
-            </div>
-          </div>
-        </TabsContent>
-
-        <TabsContent value="templates" className="space-y-6">
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {templates.map((template: StackTemplate) => (
-              <Card 
-                key={template.id} 
-                className="hover:shadow-lg transition-shadow cursor-pointer"
-                onClick={() => selectTemplate(template)}
-                data-testid={`template-card-${template.id}`}
-              >
-                <CardHeader>
-                  <div className="flex items-start justify-between">
-                    <CardTitle className="text-lg">{template.name}</CardTitle>
-                    {template.harmonyScore && (
-                      <Badge variant="secondary">
-                        {template.harmonyScore}% Harmony
-                      </Badge>
-                    )}
-                  </div>
-                  <CardDescription>{template.description}</CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-3">
-                  <div>
-                    <p className="text-sm font-medium mb-1">Use Case:</p>
-                    <p className="text-sm text-muted-foreground">{template.useCase}</p>
-                  </div>
-                  
-                  <div>
-                    <p className="text-sm font-medium mb-1">Stack:</p>
-                    <div className="flex flex-wrap gap-1">
-                      {template.toolIds.slice(0, 5).map(toolId => {
-                        const tool = tools.find((t: Tool) => t.id === toolId);
-                        return tool ? (
-                          <Badge key={toolId} variant="outline" className="text-xs">
-                            {tool.name}
-                          </Badge>
-                        ) : null;
-                      })}
-                      {template.toolIds.length > 5 && (
-                        <Badge variant="outline" className="text-xs">
-                          +{template.toolIds.length - 5} more
-                        </Badge>
-                      )}
-                    </div>
-                  </div>
-
-                  <div className="flex justify-between text-sm">
-                    <span className="text-muted-foreground">
-                      Complexity: {template.setupComplexity}
-                    </span>
-                    <span className="text-muted-foreground">
-                      {template.estimatedCost}
-                    </span>
-                  </div>
-                </CardContent>
-              </Card>
-            ))}
-          </div>
-        </TabsContent>
-
-        <TabsContent value="recommendations" className="space-y-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>Get Recommendations</CardTitle>
-              <CardDescription>
-                Based on your selected tools, we'll recommend compatible additions
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              {selectedTools.length > 0 ? (
-                <div className="space-y-4">
-                  <Button
-                    onClick={() => getRecommendations.mutate({ toolIds: selectedTools })}
-                    disabled={getRecommendations.isPending}
-                    data-testid="button-get-recommendations"
-                  >
-                    {getRecommendations.isPending ? (
-                      <>
-                        <Loader2 className="h-4 w-4 mr-2 animate-spin" />
-                        Getting Recommendations...
-                      </>
-                    ) : (
-                      "Get Recommendations"
-                    )}
-                  </Button>
-
-                  {getRecommendations.data && (
-                    <div className="space-y-3">
-                      <h3 className="font-semibold">Recommended Tools:</h3>
-                      {getRecommendations.data.length > 0 ? (
-                        <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-                          {getRecommendations.data.map((tool: Tool) => (
-                            <Card key={tool.id}>
-                              <CardHeader className="pb-3">
-                                <div className="flex items-start justify-between">
-                                  <div>
-                                    <CardTitle className="text-base">{tool.name}</CardTitle>
-                                    <CardDescription className="text-xs mt-1">
-                                      {tool.description}
-                                    </CardDescription>
-                                  </div>
-                                  <Button
-                                    size="sm"
-                                    variant="ghost"
-                                    onClick={() => toggleToolSelection(tool.id)}
-                                    data-testid={`button-add-${tool.id}`}
-                                  >
-                                    Add
-                                  </Button>
-                                </div>
-                              </CardHeader>
-                            </Card>
-                          ))}
-                        </div>
-                      ) : (
-                        <p className="text-sm text-muted-foreground">
-                          No additional recommendations available for this stack.
-                        </p>
-                      )}
-                    </div>
-                  )}
-                </div>
-              ) : (
-                <p className="text-sm text-muted-foreground text-center py-8">
-                  Select tools first to get personalized recommendations
-                </p>
-              )}
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="migration" className="space-y-6">
-          <MigrationPaths />
-        </TabsContent>
-      </Tabs>
-      <StackExport toolIds={selectedTools.map(t => t.id)} />
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/client/src/pages/tool-database.tsx b/client/src/pages/tool-database.tsx
deleted file mode 100644
index 140ad1c..0000000
--- a/client/src/pages/tool-database.tsx
+++ /dev/null
@@ -1,495 +0,0 @@
-import { useState, useEffect } from "react";
-import { ToolCard } from "@/components/tool-card";
-import { ToolModal } from "@/components/tool-modal";
-import { SearchFilters } from "@/components/search-filters";
-import { AdvancedSearch, type SearchFilters as AdvancedFilters } from "@/components/advanced-search";
-import { ApiIntegrationPanel } from "@/components/api-integration-panel";
-import { ExternalDataSources } from "@/components/external-data-sources";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Button } from "@/components/ui/button";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { Database, Zap, Download, Trash2, Upload, AlertTriangle, Search } from "lucide-react";
-import { apiRequest } from "@/lib/queryClient";
-import { useToast } from "@/hooks/use-toast";
-import type { ToolWithCategory, ToolCategory } from "@shared/schema";
-import { EditToolDialog } from "@/components/edit-tool-dialog";
-import { usePaginatedTools } from "@/hooks/use-paginated-tools";
-import Fuse from 'fuse.js';
-
-interface ToolDatabasePageProps {
-  searchQuery: string;
-  categoryFilter: string;
-}
-
-export default function ToolDatabasePage({ searchQuery, categoryFilter }: ToolDatabasePageProps) {
-  const [filters, setFilters] = useState({
-    category: "all",
-    compatibility: "all",
-    maturity: "all",
-  });
-
-  // Initialize filters from URL parameters
-  useEffect(() => {
-    if (categoryFilter && categoryFilter !== "") {
-      setFilters(prev => ({ ...prev, category: categoryFilter }));
-    }
-  }, [categoryFilter]);
-  
-  const [advancedFilters, setAdvancedFilters] = useState<AdvancedFilters | null>(null);
-  const [selectedTool, setSelectedTool] = useState<ToolWithCategory | null>(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [operationStatus, setOperationStatus] = useState<string | null>(null);
-  const [isEditOpen, setIsEditOpen] = useState(false);
-  const [editingTool, setEditingTool] = useState<ToolWithCategory | null>(null);
-  
-  const queryClient = useQueryClient();
-  const { toast } = useToast();
-
-  const { data: tools = [], isLoading } = useQuery<ToolWithCategory[]>({
-    queryKey: ["/api/tools"],
-  });
-
-  const { data: categories = [] } = useQuery<ToolCategory[]>({
-    queryKey: ["/api/categories"],
-  });
-
-  // Clear all tools mutation
-  const clearAllMutation = useMutation({
-    mutationFn: async () => {
-      return apiRequest("DELETE", "/api/tools");
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      setOperationStatus("All tools cleared successfully");
-      toast({
-        title: "Database Cleared",
-        description: "All tools have been removed from the database.",
-      });
-    },
-    onError: () => {
-      setOperationStatus("Failed to clear tools");
-      toast({
-        title: "Error",
-        description: "Failed to clear tools from database.",
-        variant: "destructive",
-      });
-    },
-  });
-
-  // Import CSV mutation
-  const importCSVMutation = useMutation({
-    mutationFn: async () => {
-      const response = await apiRequest("POST", "/api/tools/import-csv");
-      const data = await response.json();
-      return data;
-    },
-    onSuccess: (data) => {
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      setOperationStatus(`Successfully imported ${data?.importedCount || 'tools'} from CSV`);
-      toast({
-        title: "Import Complete",
-        description: "Clean tool data imported successfully.",
-      });
-    },
-    onError: () => {
-      setOperationStatus("Failed to import CSV data");
-      toast({
-        title: "Import Error",
-        description: "Failed to import tools from CSV.",
-        variant: "destructive",
-      });
-    },
-  });
-
-  // Delete individual tool mutation
-  const deleteToolMutation = useMutation({
-    mutationFn: async (toolId: string) => {
-      return apiRequest("DELETE", `/api/tools/${toolId}`);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["/api/tools"] });
-      toast({
-        title: "Tool Deleted",
-        description: "Tool removed successfully.",
-      });
-    },
-    onError: () => {
-      toast({
-        title: "Error",
-        description: "Failed to delete tool.",
-        variant: "destructive",
-      });
-    },
-  });
-
-
-
-  const handleFilterChange = (key: string, value: string) => {
-    setFilters(prev => ({ ...prev, [key]: value }));
-  };
-
-  const handleClearFilters = () => {
-    setFilters({
-      category: "all",
-      compatibility: "all",
-      maturity: "all",
-    });
-    setAdvancedFilters(null);
-  };
-
-  const handleAdvancedSearch = (filters: AdvancedFilters) => {
-    setAdvancedFilters(filters);
-  };
-
-  const handleResetAdvancedSearch = () => {
-    setAdvancedFilters(null);
-  };
-
-  const handleViewDetails = (tool: ToolWithCategory) => {
-    setSelectedTool(tool);
-    setIsModalOpen(true);
-  };
-
-  const handleEditTool = (tool: ToolWithCategory) => {
-    setEditingTool(tool);
-    setIsEditOpen(true);
-    setIsModalOpen(false);
-  };
-
-  const handleDeleteTool = (toolId: string) => {
-    if (confirm("Are you sure you want to delete this tool?")) {
-      deleteToolMutation.mutate(toolId);
-    }
-  };
-
-  const handleClearAll = () => {
-    if (confirm("This will permanently delete ALL tools from the database. Are you sure?")) {
-      clearAllMutation.mutate();
-    }
-  };
-
-  const handleImportCSV = () => {
-    if (confirm("This will import clean tool data from CSV. Continue?")) {
-      importCSVMutation.mutate();
-    }
-  };
-
-  const handleDownloadCSV = async () => {
-    try {
-      const res = await fetch("/api/tools/export-csv");
-      const text = await res.text();
-      const blob = new Blob([text], { type: "text/csv;charset=utf-8" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = tools.length > 0 ? "tools.csv" : "tools-template.csv";
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
-      URL.revokeObjectURL(url);
-      setOperationStatus("CSV downloaded successfully");
-    } catch (e) {
-      setOperationStatus("Failed to download CSV");
-      toast({ title: "Download Error", description: "Unable to download CSV.", variant: "destructive" });
-    }
-  };
-
-  const fuse = new Fuse(tools, {
-    keys: ['name', 'description', 'features'],
-    threshold: 0.3, // Adjust for fuzziness
-  });
-
-  const filteredTools = tools.filter((tool) => {
-    if (searchQuery || (advancedFilters?.query)) {
-      const query = searchQuery || advancedFilters?.query || '';
-      const fuseResults = fuse.search(query);
-      const fuzzyTools = fuseResults.map(result => result.item);
-      // Then apply other filters to fuzzyTools instead of tools
-      // Replace tools.filter with fuzzyTools.filter for remaining conditions
-    }
-
-    // Use basic filters if advanced filters not set
-    // Search filter
-    if (searchQuery && !tool.name.toLowerCase().includes(searchQuery.toLowerCase()) &&
-        !tool.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
-      return false;
-    }
-
-    // Category filter - check if tool has matching category
-    if (filters.category !== "all") {
-      const hasMatchingCategory = (tool as any).categories ? 
-        (tool as any).categories.some((cat: any) => 
-          cat.name === filters.category || 
-          cat.name.toLowerCase().replace(/[^a-z]/g, "-") === filters.category.toLowerCase().replace(/[^a-z]/g, "-")
-        ) :
-        tool.category && (tool.category.name === filters.category || 
-          tool.category.name.toLowerCase().replace(/[^a-z]/g, "-") === filters.category.toLowerCase().replace(/[^a-z]/g, "-"));
-        
-      if (!hasMatchingCategory) return false;
-    }
-
-    // Maturity filter
-    if (filters.maturity !== "all") {
-      if (filters.maturity === "mature" && tool.maturityScore < 8.0) return false;
-      if (filters.maturity === "stable" && (tool.maturityScore < 6.0 || tool.maturityScore >= 8.0)) return false;
-      if (filters.maturity === "beta" && tool.maturityScore >= 6.0) return false;
-    }
-
-    return true;
-  });
-
-  // Apply sorting if advanced filters are set
-  const sortedTools = advancedFilters 
-    ? [...filteredTools].sort((a, b) => {
-        switch (advancedFilters.sortBy) {
-          case "popularity":
-            return b.popularityScore - a.popularityScore;
-          case "maturity":
-            return b.maturityScore - a.maturityScore;
-          case "name":
-            return a.name.localeCompare(b.name);
-          case "recent":
-            const dateA = a.apiLastSync ? new Date(a.apiLastSync).getTime() : 0;
-            const dateB = b.apiLastSync ? new Date(b.apiLastSync).getTime() : 0;
-            return dateB - dateA;
-          default:
-            return 0;
-        }
-      })
-    : filteredTools;
-
-  const { tools: paginatedTools, currentPage, totalPages, setCurrentPage } = usePaginatedTools(sortedTools, 9); // 9 per page for 3x3 grid
-
-  if (isLoading) {
-    return (
-      <div className="space-y-6">
-        <Card className="bg-github-surface border-github-border">
-          <CardHeader>
-            <CardTitle className="text-github-text">Loading Tools...</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-              {[...Array(6)].map((_, i) => (
-                <div key={i} className="loading-shimmer h-64 rounded bg-github-border" />
-              ))}
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      <Tabs defaultValue="database" className="space-y-4">
-        <TabsList className="grid w-full grid-cols-4 bg-github-surface">
-          <TabsTrigger value="database" data-testid="tab-database">
-            <Database className="h-4 w-4 mr-2" />
-            Tool Database
-          </TabsTrigger>
-          <TabsTrigger value="search" data-testid="tab-search">
-            <Search className="h-4 w-4 mr-2" />
-            Advanced Search
-          </TabsTrigger>
-          <TabsTrigger value="integrations" data-testid="tab-integrations">
-            <Zap className="h-4 w-4 mr-2" />
-            API Integrations
-          </TabsTrigger>
-          <TabsTrigger value="external" data-testid="tab-external">
-            <Download className="h-4 w-4 mr-2" />
-            External Sources
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="database" className="space-y-6">
-          {/* Database Management Section */}
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <CardTitle className="text-lg font-semibold text-github-text flex items-center gap-2">
-                <AlertTriangle className="h-5 w-5 text-orange-500" />
-                Database Management
-              </CardTitle>
-              <p className="text-sm text-github-text-secondary">
-                Clear existing data and import clean, curated development tools
-              </p>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {operationStatus && (
-                <Alert>
-                  <AlertDescription>{operationStatus}</AlertDescription>
-                </Alert>
-              )}
-              
-              <div className="flex flex-wrap gap-3">
-                <Button
-                  onClick={handleClearAll}
-                  disabled={clearAllMutation.isPending}
-                  variant="destructive"
-                  className="flex items-center gap-2"
-                  data-testid="button-clear-all"
-                >
-                  <Trash2 className="h-4 w-4" />
-                  {clearAllMutation.isPending ? "Clearing..." : "Clear All Tools"}
-                </Button>
-                
-                <Button
-                  onClick={handleImportCSV}
-                  disabled={importCSVMutation.isPending}
-                  className="flex items-center gap-2 bg-green-600 hover:bg-green-700"
-                  data-testid="button-import-csv"
-                >
-                  <Upload className="h-4 w-4" />
-                  {importCSVMutation.isPending ? "Importing..." : "Import Clean CSV Data"}
-                </Button>
-
-                <Button
-                  onClick={handleDownloadCSV}
-                  className="flex items-center gap-2"
-                  variant="secondary"
-                  data-testid="button-export-csv"
-                >
-                  <Download className="h-4 w-4" />
-                  Download CSV Data
-                </Button>
-              </div>
-              
-              <p className="text-xs text-github-text-secondary">
-                Current database contains {tools.length} tools. Use "Clear All" to remove
-                languages/books/resources, then "Import CSV" for curated development tools only.
-              </p>
-            </CardContent>
-          </Card>
-
-          <SearchFilters
-            filters={filters}
-            onFilterChange={handleFilterChange}
-            onClearFilters={handleClearFilters}
-          />
-
-          <Card className="bg-github-surface border-github-border">
-            <CardHeader>
-              <div className="flex items-center justify-between">
-                <div>
-                  <CardTitle className="text-lg font-semibold text-github-text" data-testid="database-title">
-                    Tool Database
-                  </CardTitle>
-                  <p className="text-sm text-github-text-secondary mt-1">
-                    Browse and manage the complete collection of development tools
-                  </p>
-                </div>
-                <div className="text-sm text-github-text-secondary" data-testid="tool-count">
-                  {sortedTools.length} of {tools.length} tools
-                </div>
-              </div>
-            </CardHeader>
-            <CardContent>
-              {sortedTools.length === 0 ? (
-                <div className="text-center py-12">
-                  <div className="text-github-text-secondary">
-                    {searchQuery || filters.category !== "all" || filters.maturity !== "all" 
-                      ? "No tools match your current filters" 
-                      : "No tools available"}
-                  </div>
-                </div>
-              ) : (
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                  {paginatedTools.map((tool) => (
-                    <ToolCard
-                      key={tool.id}
-                      tool={tool}
-                      onEdit={handleEditTool}
-                      onViewDetails={handleViewDetails}
-                    />
-                  ))}
-                </div>
-              )}
-              {totalPages > 1 && (
-                <div className="flex justify-center items-center gap-4 mt-6">
-                  <Button
-                    onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}
-                    disabled={currentPage === 1}
-                  >
-                    Previous
-                  </Button>
-                  <span>Page {currentPage} of {totalPages}</span>
-                  <Button
-                    onClick={() => setCurrentPage(prev => Math.min(totalPages, prev + 1))}
-                    disabled={currentPage === totalPages}
-                  >
-                    Next
-                  </Button>
-                </div>
-              )}
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="search" className="space-y-6">
-          <AdvancedSearch 
-            categories={categories}
-            onSearch={handleAdvancedSearch}
-            onReset={handleResetAdvancedSearch}
-          />
-          
-          {advancedFilters && (
-            <Card className="bg-github-surface border-github-border">
-              <CardHeader>
-                <div className="flex items-center justify-between">
-                  <CardTitle className="text-lg font-semibold text-github-text">
-                    Search Results
-                  </CardTitle>
-                  <div className="text-sm text-github-text-secondary">
-                    {sortedTools.length} tools found
-                  </div>
-                </div>
-              </CardHeader>
-              <CardContent>
-                {sortedTools.length === 0 ? (
-                  <div className="text-center py-12">
-                    <div className="text-github-text-secondary">
-                      No tools match your search criteria
-                    </div>
-                  </div>
-                ) : (
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                    {sortedTools.map((tool) => (
-                      <ToolCard
-                        key={tool.id}
-                        tool={tool}
-                        onEdit={handleEditTool}
-                        onViewDetails={handleViewDetails}
-                      />
-                    ))}
-                  </div>
-                )}
-              </CardContent>
-            </Card>
-          )}
-        </TabsContent>
-
-        <TabsContent value="integrations">
-          <ApiIntegrationPanel tools={tools} />
-        </TabsContent>
-
-        <TabsContent value="external">
-          <ExternalDataSources />
-        </TabsContent>
-      </Tabs>
-
-      <ToolModal
-        tool={selectedTool}
-        isOpen={isModalOpen}
-        onClose={() => setIsModalOpen(false)}
-        onEdit={handleEditTool}
-      />
-
-      <EditToolDialog 
-        open={isEditOpen} 
-        onOpenChange={setIsEditOpen} 
-        tool={editingTool!} 
-      />
-    </div>
-  );
-}
diff --git a/components.json b/components.json
deleted file mode 100644
index 4d7d89f..0000000
--- a/components.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-    "$schema": "https://ui.shadcn.com/schema.json",
-    "style": "new-york",
-    "rsc": false,
-    "tsx": true,
-    "tailwind": {
-      "config": "tailwind.config.ts",
-      "css": "client/src/index.css",
-      "baseColor": "neutral",
-      "cssVariables": true,
-      "prefix": ""
-    },
-    "aliases": {
-      "components": "@/components",
-      "utils": "@/lib/utils",
-      "ui": "@/components/ui",
-      "lib": "@/lib",
-      "hooks": "@/hooks"
-    }
-}
\ No newline at end of file
diff --git a/dev.log b/dev.log
deleted file mode 100644
index 04a52f9..0000000
--- a/dev.log
+++ /dev/null
@@ -1,4 +0,0 @@
-
-> rest-express@1.0.0 dev
-> set NODE_ENV=development&& tsx server/index.ts
-
diff --git a/Referencedocs/INTEGRATION_PLAN.md b/docs/backlog/INTEGRATION_PLAN.md
similarity index 92%
rename from Referencedocs/INTEGRATION_PLAN.md
rename to docs/backlog/INTEGRATION_PLAN.md
index 582bb56..b6f8d41 100644
--- a/Referencedocs/INTEGRATION_PLAN.md
+++ b/docs/backlog/INTEGRATION_PLAN.md
@@ -1,3 +1,10 @@
+# StackFast + TechStack Explorer Integration Plan (Backlog)
+
+> **Status:** Historical backlog document from the pre-rebuild era.
+> Preserved here because it captures useful data-model mapping ideas and
+> success metrics that may be relevant to post-MVP work. Not an active
+> plan — the canonical plan is the `ROADMAP.md` at the repo root.
+
 # StackFast + TechStack Explorer Integration Plan
 
 ## Phase 1: Data Model Alignment (Week 1)
@@ -131,4 +138,4 @@ The merged platform would offer:
 - Compatibility scores for all tool pairs
 - Blueprint generation with compatibility awareness
 - 90%+ stack validation accuracy
-- Sub-second API response times
\ No newline at end of file
+- Sub-second API response times
diff --git a/docs/decisions/001-authentication-strategy.md b/docs/decisions/001-authentication-strategy.md
index 10fdf7b..35eaef2 100644
--- a/docs/decisions/001-authentication-strategy.md
+++ b/docs/decisions/001-authentication-strategy.md
@@ -1,7 +1,8 @@
-# ADR-001: Authentication Strategy — Neon Auth with GitHub OAuth
+# ADR-001: Authentication Strategy — Better Auth with GitHub OAuth
 
 ## Status
-**Accepted** — 2026-05-09
+**Accepted** — 2026-05-09 (original)
+**Revised** — 2026-05-11 (correcting factual errors in the original decision)
 
 ## Context
 
@@ -10,56 +11,75 @@ Stackfast needs authentication for two purposes:
 2. **Admin protection** — Protect mutation endpoints (`/admin/*`, `/internal/*`)
 
 ### Constraints
+
 - Target audience is developers → GitHub OAuth is the natural fit
-- Already using Neon Postgres for the database → adding another platform (Clerk, Supabase) just for auth is undesirable
-- Railway is the deployment target → Railway has no built-in auth service
+- Using Neon Postgres for the database → adding another managed auth platform just for users is undesirable
+- Railway is the deployment target → no built-in auth service
 - Must work with Postgres Row-Level Security for future data isolation
+- Our backend is a **Hono** API in `apps/api/`, not Next.js
+- Our frontend is **Vite + wouter** in `apps/web/`, not Next.js
+
+### Factual clarification (correcting the original ADR)
+
+The original version of this ADR claimed "Neon Auth is built on the Better Auth framework." That is incorrect.
+
+- **Neon Auth** is an integration between Neon and [Stack Auth](https://stack-auth.com) (`@stackframe/stack`). When you enable Neon Auth in the Neon Console, a Stack Auth tenant is provisioned and the `neon_auth.users_sync` table is created in your Postgres. User records live on Stack Auth's hosted servers; Neon mirrors a read-only copy into your database via sync.
+- **Better Auth** (`better-auth`) is a separate framework-agnostic TypeScript auth library. It stores all authentication data directly in your own Postgres in `user`, `session`, `account`, and `verification` tables. It is not affiliated with Neon or Stack Auth.
+
+Neither is "Neon native" in a strict sense. Stack Auth is Neon's official partner integration. Better Auth stores everything in your own Neon database.
 
 ### Options Considered
 
 | Option | Pros | Cons |
 |--------|------|------|
-| **Neon Auth (Better Auth)** | Auth data lives in Neon Postgres, branch-aware, supports GitHub OAuth natively, no new platform | Newer service, less community examples than Clerk |
-| **Clerk** | Mature, excellent DX, many providers | Adds another platform, costs money at scale, data lives outside your DB |
-| **GitHub OAuth (raw)** | No dependencies, full control | Must build session management, token storage, refresh logic yourself |
-| **Supabase Auth** | Mature, free tier | Would add Supabase just for auth while using Neon for DB — messy |
+| **Stack Auth (via Neon Auth)** | Neon-provisioned, managed UI flows, `users_sync` in Postgres, one-click setup in Neon Console | Primarily targeted at Next.js App Router. Source of truth lives on Stack Auth's servers — you do not fully own the data. Hono and Vite integration is manual. |
+| **Better Auth** | Framework-agnostic with first-class Hono support, all data in your own Neon Postgres, branch-aware (auth rows branch with your DB), Drizzle adapter, works identically in dev and production | Younger than Clerk/Auth0 in non-Next stacks. Less Neon Console tooling. |
+| **Clerk** | Mature, polished DX, many providers | External platform, priced at scale, auth data lives outside your DB |
+| **Supabase Auth** | Mature, free tier | Would add Supabase just for auth while using Neon for data — messy |
+| **GitHub OAuth (raw)** | Zero dependencies | Must build session management, token storage, CSRF, refresh ourselves |
 
 ## Decision
 
-Use **Neon Auth (Better Auth)** with **GitHub OAuth** as the primary social provider.
+Use **Better Auth** (`better-auth`) with **GitHub OAuth** as the primary social provider.
 
 ### Rationale
 
-1. **Neon Auth has dramatically improved** (May 2026 — built on Better Auth framework):
-   - Auth data stored directly in Neon Postgres in a `neon_auth` schema
-   - Branch-aware: auth state branches with your database (dev/staging isolation)
-   - Native RLS integration for row-level access control
-   - Managed REST API — no external auth infrastructure to maintain
-   - GitHub OAuth configured directly in the Neon Console
-
-2. **Zero new platforms**: Since we're already using Neon Postgres, auth comes for free
-3. **Developer audience fit**: GitHub OAuth is the expected login method
-4. **Future-proof**: Neon Auth supports adding more providers (Google, email/password) post-MVP
+1. **Stack fit.** Our API is Hono and our frontend is Vite + wouter. Better Auth drops directly into Hono with `app.on(["GET","POST"], "/api/auth/*", c => auth.handler(c.req.raw))`. Stack Auth's strongest story is Next.js App Router; outside of that its integration is noticeably thinner.
+2. **Data ownership.** All auth data — users, sessions, OAuth accounts, verification tokens — lives in four tables in our Neon Postgres. Drizzle queries and RLS policies work the same as for any other table. With Stack Auth, the source of truth lives on a third-party server and the `users_sync` copy is read-only.
+3. **Branch-aware auth.** Because Better Auth tables are regular Postgres tables, Neon branches carry the auth state with them. Dev branches naturally get dev-scoped users.
+4. **Zero lock-in.** Better Auth is an npm library. If we ever replace it, we own the tables.
+5. **Works identically in dev and prod.** No tenant provisioning, no cross-origin cookie surprises, no differences between local and deployed behavior.
 
 ### Admin Protection
+
 Admin routes (`/admin/*`, `/internal/*`) use a simple **API key** validated via middleware. This is separate from user auth and is sufficient for MVP where only the project owner needs admin access.
 
 ## Consequences
 
 ### Positive
+
 - Auth data lives alongside application data (single source of truth)
-- No additional platform costs or vendor lock-in
-- Branch-aware auth enables proper dev/staging testing
-- Can add email/password and Google OAuth later without changing architecture
+- No external auth platform, no additional vendor cost
+- Branch-aware auth enables clean dev/staging testing
+- Can add email/password, Google OAuth, passkeys later via Better Auth plugins without re-architecture
 
 ### Negative
-- Neon Auth is newer than Clerk/Auth0 — less community support and examples
-- Tied to Neon as database provider (acceptable since we chose Neon already)
-- Must generate Better Auth schema tables via CLI (`npx better-auth@latest generate`)
+
+- Must manage the schema (`user`, `session`, `account`, `verification`) as part of our own migrations
+- Less ready-made admin UI than Clerk or Stack Auth (not needed for MVP)
+- Small, unfamiliar dependency for teammates who haven't used Better Auth before
 
 ### Implementation Notes
-- Configure GitHub OAuth App credentials in Neon Console
-- Add `GITHUB_CLIENT_ID` and `GITHUB_CLIENT_SECRET` to `.env.example`
-- Use Better Auth client SDK in `apps/web/` for login UI
-- Validate sessions in `apps/api/` middleware using Better Auth server SDK
-- Admin API key is a separate `ADMIN_API_KEY` environment variable
+
+- **Server:** `apps/api/src/middleware/auth.ts` wires Better Auth with `drizzleAdapter(db, { provider: "pg" })` and the GitHub social provider.
+- **Client:** `apps/web/src/lib/auth-client.ts` exposes `signIn`, `signOut`, `useSession` from `better-auth/react`.
+- **Schema:** Tables `user`, `session`, `account`, `verification` live in Neon Postgres `public` schema (see migration `002-better-auth-tables`).
+- **GitHub OAuth callback:** `{BETTER_AUTH_URL}/api/auth/callback/github` (local: `http://localhost:3000/api/auth/callback/github`).
+- **Environment:** `BETTER_AUTH_SECRET`, `BETTER_AUTH_URL`, `GITHUB_CLIENT_ID`, `GITHUB_CLIENT_SECRET`.
+- **Admin:** `ADMIN_API_KEY` — separate from user sessions.
+
+### Deferred
+
+- The `neon_auth.users_sync` table provisioned by Neon Auth is unused and has been dropped.
+- The `NEXT_PUBLIC_STACK_*` and `STACK_SECRET_SERVER_KEY` environment variables left over from the Neon Console provisioning have been removed from `.env`.
+- Better Auth Cloud (optional hosted add-ons such as SSO and analytics) is not enabled. A Better Auth Cloud account/API key exists and is held for possible future use, but the MVP uses the self-hosted library only.
diff --git a/docs/decisions/002-ai-provider-strategy.md b/docs/decisions/002-ai-provider-strategy.md
new file mode 100644
index 0000000..cae0612
--- /dev/null
+++ b/docs/decisions/002-ai-provider-strategy.md
@@ -0,0 +1,109 @@
+# ADR 002 — AI provider strategy for blueprint explanation
+
+**Status:** Accepted
+**Date:** 2026-05-12
+
+## Context
+
+The blueprint generator needs an LLM layer to produce natural-language
+explanations (stack rationale, tradeoffs, "why not" for alternatives,
+implementation roadmap) on top of the deterministic rules engine. The
+rules engine remains the source of truth for compatibility scoring — the
+AI layer is purely additive and must have a fallback for every call.
+
+Requirements:
+
+1. **Every AI call has a deterministic fallback.** A broken or slow
+   provider must never break the blueprint response.
+2. **Every AI response is Zod-validated.** Model hallucinations must not
+   propagate into the public API surface.
+3. **Provider is pluggable** via env config so we can swap providers
+   without changing route code.
+4. **No third-party telemetry** of user ideas beyond the AI provider's
+   standard terms — we don't forward prompts to any secondary service.
+
+## Decision
+
+Two first-class providers, one abstraction:
+
+| Provider | Use | Library |
+|---|---|---|
+| `heuristic` | Default, deterministic, no network | In-process |
+| `gemini` | Google Generative AI | `@ai-sdk/google` |
+| `azure-openai` | Azure AI Foundry (gpt-5.5, gpt-4.1, etc.) | `@ai-sdk/azure` |
+
+All three implement `BlueprintExplainer` with the same four methods:
+`explainStack`, `summarizeTradeoffs`, `explainWhyNot`, `generateRoadmap`.
+AI providers are wrapped in `FallbackExplainer` which catches errors on
+every call and returns the heuristic result instead.
+
+### Why Azure OpenAI as the primary AI provider
+
+- The Stackfast operator already runs an Azure AI Foundry resource
+  with `gpt-5.5` and `gpt-4.1` deployments.
+- Azure's deployment model means the "model name" is customer-chosen;
+  we accept it as an env var (`AZURE_OPENAI_DEPLOYMENT`) rather than
+  hardcoding a model ID.
+- The Vercel AI SDK's `@ai-sdk/azure` package uses the same
+  `generateText` contract as `@ai-sdk/google`, so the provider classes
+  are nearly identical.
+
+### Why keep Gemini
+
+- Lower-cost option for local development / CI smoke tests.
+- Provides redundancy: if Azure has an outage the operator can flip
+  `AI_PROVIDER=gemini` without a code change.
+
+### Why not OpenAI (direct, non-Azure)
+
+- Stackfast's target operator profile already has Azure OpenAI access.
+- Adding a third live provider doubles the surface area that has to be
+  maintained (separate auth, rate limits, terms) for no incremental
+  quality gain over Azure's `gpt-5.5`.
+- The SDK dependency can be added later if needed; it's a one-file
+  addition following the same pattern as the Azure provider.
+
+### Why not Anthropic
+
+- Same rationale as direct OpenAI. Revisit in v1.x if evaluation shows
+  Claude meaningfully outperforms on structured JSON for this domain.
+
+## Consequences
+
+**Positive**
+
+- Blueprint responses never fail due to provider errors.
+- Zod schemas at the provider boundary keep the rest of the system
+  from having to trust model output.
+- Operator can switch providers with two env vars, no redeploy of code.
+
+**Negative**
+
+- Two live providers means two SDK dependencies and two sets of
+  integration issues to track. Mitigated by both living behind the
+  same `BlueprintExplainer` interface.
+- Static cost estimates still live in `packages/ai/cost-estimator.ts`.
+  They're good enough for MVP but will need a real data source for
+  v1.x.
+
+## Configuration
+
+```bash
+# Pick a provider
+AI_PROVIDER=azure-openai   # or "gemini" or "heuristic"
+
+# Azure OpenAI
+AZURE_OPENAI_RESOURCE_NAME=your-foundry-resource
+AZURE_OPENAI_API_KEY=...
+AZURE_OPENAI_DEPLOYMENT=gpt-5.5
+# optional
+AZURE_OPENAI_API_VERSION=
+
+# Gemini
+GEMINI_API_KEY=...
+AI_MODEL=gemini-2.5-flash   # optional override
+```
+
+A missing key or deployment name for the selected provider falls back to
+the heuristic explainer at startup with a warning log. The API never
+fails closed on AI configuration.
diff --git a/docs/deferred/webailyzer.md b/docs/deferred/webailyzer.md
new file mode 100644
index 0000000..594e8ce
--- /dev/null
+++ b/docs/deferred/webailyzer.md
@@ -0,0 +1,58 @@
+# WebAILyzer — Deferred (Post-MVP)
+
+## Status
+**Deferred** — 2026-05-11
+
+WebAILyzer was a public URL technology-detection worker (Go) that could be
+used for enrichment of tool metadata. It was deferred to post-MVP in the
+Phase 0 cleanup because:
+
+1. It introduces SSRF risk if exposed as a public endpoint.
+2. Enrichment is not on the MVP critical path — the static registry
+   (`packages/registry`) is curated by hand for v1.
+3. It's a separate Go service with its own deployment story — out of scope
+   for the Node/TS monorepo MVP.
+
+## Where the code lives
+
+WebAILyzer was attached to this repository as a **git submodule gitlink** at
+the path `WebAILyzerAPI/`, but no `.gitmodules` file was ever committed, so
+the submodule was effectively orphaned — git knew the commit SHA but not
+the remote URL.
+
+| Detail | Value |
+|---|---|
+| Submodule path | `WebAILyzerAPI/` |
+| Original commit SHA | `c4b2b84db86ad4e528ba27fe476f39754f4513d6` |
+| Removed from index | 2026-05-11 (this commit) |
+| Preserved on | `origin/archive/pre-rebuild` — pointer is intact there |
+
+To recover the exact submodule pointer post-MVP:
+
+```sh
+git show origin/archive/pre-rebuild:WebAILyzerAPI
+# → Subproject commit c4b2b84db86ad4e528ba27fe476f39754f4513d6
+```
+
+Once the decision is made to revive it, add it back properly with a real
+remote and a `.gitmodules` entry:
+
+```sh
+git submodule add <remote-url> workers/webailyzer
+git -C workers/webailyzer checkout c4b2b84db86ad4e528ba27fe476f39754f4513d6
+```
+
+(Note: the target path in the revived location is `workers/webailyzer/`,
+matching the structure recorded in `SALVAGE_MANIFEST.md`.)
+
+## Pre-integration checklist
+
+Before reviving this worker for production, confirm:
+
+- [ ] SSRF hardening: strict URL allowlist + DNS rebinding protection
+- [ ] Runs in an isolated network namespace (no access to Neon, admin API, etc.)
+- [ ] Timeout and memory caps on every scrape
+- [ ] Output validated against a Zod schema before being accepted as
+      enrichment input
+- [ ] Audit log of every URL scraped + who initiated the scrape
+- [ ] Deployed as an internal-only service — never publicly addressable
diff --git a/drizzle.config.ts b/drizzle.config.ts
deleted file mode 100644
index 4736ad3..0000000
--- a/drizzle.config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { defineConfig } from "drizzle-kit";
-
-if (!process.env.DATABASE_URL) {
-  throw new Error("DATABASE_URL, ensure the database is provisioned");
-}
-
-export default defineConfig({
-  out: "./migrations",
-  schema: "./packages/schemas/src/db.ts",
-  dialect: "postgresql",
-  dbCredentials: {
-    url: process.env.DATABASE_URL,
-  },
-});
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 909c00b..801b982 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -4,6 +4,21 @@ import tseslint from 'typescript-eslint';
 export default tseslint.config(
   eslint.configs.recommended,
   ...tseslint.configs.recommended,
+  {
+    rules: {
+      // Allow underscore-prefixed args/vars to be intentionally unused. This
+      // is the common TS convention for "I know I'm not using this, but the
+      // signature requires it" — e.g., interface implementations.
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+    },
+  },
   {
     ignores: [
       '**/dist/**',
diff --git a/export.csv b/export.csv
deleted file mode 100644
index 324c79e..0000000
--- a/export.csv
+++ /dev/null
@@ -1,72 +0,0 @@
-id,name,description,category,url,frameworks,languages,features,integrations,maturityScore,popularityScore,pricing,notes
-"5351e9f4-d07b-4578-846d-bfc05878e188","Lovable","AI-powered platform for creating full-stack websites via natural language.","AI Coding Tools","https://lovable.dev","React;TypeScript;Tailwind CSS;Vite","JavaScript;TypeScript","Website and app builder;UI design;templates","GitHub;Supabase;Stripe;Figma;OpenAI;Anthropic","8.3","8.9","Free tier, $25 pro tier","End-to-end automation, great for MVPs, user-friendly for non-coders"
-"3bf6afef-99bd-4fe0-902b-dbebaf3c8a2e","ChatGPT","Conversational AI for code generation, debugging, and programming assistance.","AI Coding Tools","https://chatgpt.com","React;Django;Flask","Python;JavaScript;TypeScript;Java;C++","Code generation;debugging;explanation;natural language to code","OpenAI API;GitHub Copilot;VS Code;Jupyter","9.5","9.8","Free tier, Plus $20/month, Team/Enterprise custom","Versatile, excellent for learning, vast knowledge base"
-"a221fbec-f4be-4eff-81e3-bf0eff141a0f","Gemini (CLI)","Google's AI with CLI for code generation and multimodal inputs.","AI Coding Tools","https://gemini.google.com","Android;Web;Flutter","Java;Kotlin;JavaScript;TypeScript","Code Assist;multimodal prompts;CLI;Google Cloud integration","Google Cloud;Android Studio;VS Code;JetBrains","9","9.2","Free with limits, Pro $20/month","Multimodal coding, fast inference, good for mobile/web"
-"29d186bf-0e48-4f83-81b6-c167a9c95fe2","Cody","Enterprise AI code assistant for complex codebases, speed, and consistency.","AI Coding Tools","https://sourcegraph.com/cody","All code hosts/editors","All programming languages","Accelerates dev;reusable prompts;enterprise-grade security","All code hosts/editors","8","8","Enterprise custom","Trusted by enterprises, saves 5-6 hours/week, doubles coding speed"
-"5d1c0dc9-9931-4926-b557-054305e04955","Claude/Claude Code","AI for developers to write/test/debug/analyze codebases.","AI Coding Tools","https://www.anthropic.com/solutions/coding","All frameworks","All programming languages","Write/test/debug;codebase analysis;GitHub integration;terminal embedding","GitHub;GitLab;Vercel;Cursor;Sourcegraph;Replit","8","9","Custom pricing","Leads SWE-bench (74.5%), 95% test time reduction, clean code"
-"a623c78b-30d2-4949-9cf9-23a7a9651a5b","GitHub Copilot","AI pair programmer for contextualized code assistance.","AI Coding Tools","https://github.com/features/copilot","JavaScript;OpenAI GPT-5;Claude Opus 4.1;Gemini 2.0 Flash","All major programming languages","Code completions;chat;explanations;code review;Autofix","VS Code;Visual Studio;Vim;Neovim;JetBrains;Azure Data Studio","9","9.5","Free: $0, Pro: $10/month, Pro+: $39/month, Business/Enterprise custom","Widely adopted, 55% productivity boost, multi-model support"
-"bd276cea-0afd-4058-ac40-d9af8e45eda7","IBM watsonx Code Assistant","AI for faster code creation and modernization across SDLC.","AI Coding Tools","https://www.ibm.com/products/watsonx-code-assistant","Python;Java;C;C++;Go;JavaScript;TypeScript","Python;Java;C;C++;Go;JavaScript;TypeScript","Chat recommendations;automate tasks;generate/explain/test code;IP indemnification","Enterprise systems","8","7","30-day free trial, 25% off Essentials Plan for 3 months","IDC MarketScape leader, 90% time savings, 80% legacy code transformed"
-"d043f06a-1470-4f19-ad04-41884bca3ef1","Bolt","AI web builder for creating apps/sites via natural language.","AI Coding Tools","https://bolt.new","React;Next.js","JavaScript;TypeScript","Natural language app building;UI generation;code export;rapid prototyping","Stripe;GitHub;OpenAI;Anthropic","7.5","8.2","Custom pricing","Easiest vibe coding, fast MVP creation, user-friendly"
-"b2e7fb6b-b713-4ff0-9bb9-7dca5d1cf21f","Cursor","AI code editor for predicting edits and natural language coding.","IDE/Development","https://www.cursor.com","All frameworks","All programming languages","Predicts edits;answers codebase queries;natural language editing","GitHub;OpenAI;Anthropic","7","8","Custom pricing","Trusted by Samsung/Stripe/Shopify, fast autocompletion"
-"9091afa4-13d6-4dc5-bc91-a411ef5d3dab","v0","Vercel's AI tool for generating UI components from natural language.","Frontend/Design","https://v0.dev","React;Tailwind CSS","JavaScript;TypeScript","AI UI generation;code export;natural language to design;templates","Vercel;GitHub","8","8.5","Custom pricing","Fast UI prototyping, Vercel ecosystem integration, high-quality code"
-"a6ec1a08-8c1d-4ceb-9a76-06a4a70f83cd","Replit","Platform for turning ideas into apps with vibe coding and AI Agent.","IDE/Development","https://replit.com","All frameworks","All programming languages","Replit Agent;design imports from Figma;built-in Database/Auth;vibe coding;SSO","Database;Auth;Stripe;OpenAI","8","9","Custom pricing","Loved by 40M creators, trusted by Google/Anthropic/Coinbase"
-"6ddb474b-203f-43d3-9a7c-613b9e00ea26","Windsurf","AI-powered IDE with deep codebase understanding and real-time collaboration.","IDE/Development","https://codeium.com/windsurf","All frameworks","All programming languages","Contextual awareness;autocomplete;Previews;linter;MCP;in-line/terminal commands","GitHub;VS Code extensions","8","9","Custom pricing","Writes 70M+ lines daily, 1M+ users, 94% AI code, 59% Fortune 500"
-"a817e886-cbd2-4e07-9053-b4f0216048c4","Codeium","AI code completion tool with suggestions, chat, and search in IDEs.","IDE/Development","https://codeium.com","70+ languages","70+ programming languages","Autocomplete;chat for code;search codebase;enterprise self-host","VS Code;JetBrains;Neovim","8","8.5","Free for individuals","Free for individuals, fast, privacy-focused"
-"79032425-f3a0-4278-9b39-d279e320bd95","Tabnine","Contextually aware AI platform for speeding up development with air-gapped deployments.","IDE/Development","https://www.tabnine.com","Popular languages/libraries/IDEs","All major programming languages","Context-aware suggestions;bespoke models;AI agents for review/testing/docs","Atlassian Jira;All major IDEs","8","9","Custom pricing","Gartner #1, 11% productivity boost, custom suggestions"
-"944f9c44-ab76-4f5b-8ddd-ea2fdd6ea72a","React","A JavaScript library for building user interfaces","Frontend/Design","https://react.dev","Next.js;Vite;Create React App","JavaScript;TypeScript;JSX","Component-based;Virtual DOM;Hooks;Server Components","Next.js;Vite;Webpack;Babel","9.5","9.8","Free (Open Source)","Most popular frontend library, extensive ecosystem"
-"c847a0a8-707a-4d4f-9f00-3d497866da1a","Next.js","React framework with server-side rendering and static site generation","Frontend/Design","https://nextjs.org","React","JavaScript;TypeScript","SSR;SSG;API Routes;App Router;Server Components","Vercel;React;Tailwind CSS;Prisma","9.2","9.5","Free (Open Source)","Production-ready React framework with excellent developer experience"
-"86f2908b-da4f-42f4-a8bb-7e95c6bc5877","Bubble","Full-stack no-code app builder with visual editing and backend.","Frontend/Design","https://bubble.io","Visual Builder","No-code","Visual app builder;databases;workflows;integrations;hosting","Stripe;Google;various APIs","8.5","8.7","Free tier, paid from $25/month","Easy no-code, full-stack, trusted for MVPs"
-"9fee9fd1-0c97-4243-bb45-572c791eadf0","Figma","Collaborative interface design tool for design/development teams.","Frontend/Design","https://figma.com","Design tool","Design","Create/refine products;mockups;design to code;design systems;collaboration","Developer tools;Design systems","8","9","Custom pricing","Trusted by AirBnb/Asana/Atlassian/GitHub, seamless collaboration"
-"1b19901b-c18b-4145-b0e1-8e04c40e99d2","Uizard","AI-powered UI design tool for rapid prototyping from prompts/sketches.","Frontend/Design","https://uizard.io","Exports to React;Figma","Design","AI UI generation;prototyping;collaboration;export code","Figma;Adobe XD","7","7.5","Custom pricing","Fast from prompt to UI, focused on design"
-"69f61222-c6f0-4bbd-997e-5810702fdc95","Supabase","Postgres development platform with database, auth, APIs, and more.","Backend/Database","https://supabase.com","ReactJS;NextJS;RedwoodJS;Flutter;Kotlin;SvelteKit;SolidJS;Vue;NuxtJS;Refine","SQL;JavaScript;TypeScript;Python","Postgres database;Auth;APIs;Edge Functions;Realtime;Storage;Vector embeddings","React;Next.js;Flutter","8","9","Free tier, Pro plans available","Trusted by Mozilla/GitHub/1Password, quick build/scale"
-"6b690116-b928-4ba0-aa72-2ba7d0198e8c","Firebase","Platform for app development with AI-powered experiences.","Backend/Database","https://firebase.google.com","iOS;Android;Web;Flutter;Unity;C++","JavaScript;Swift;Kotlin;C++","Build AI experiences;managed infra;launch/monitor/iterate;Gemini integration","Gemini;Google Cloud","9","9","Free tier, pay-as-you-go","Google-backed, trusted by NPR/Duolingo, millions of users"
-"5f9351da-0153-4fff-9217-013705c8d6c6","Appwrite","Open-source backend platform with auth, databases, and hosting.","Backend/Database","https://appwrite.io","13 languages for serverless functions","JavaScript;Python;PHP;Ruby;Java;etc.","Auth;scalable databases;secure storage;serverless;messaging;Realtime;hosting","All Appwrite products","8","8","Free: $0, Pro: $15/month, Scale: $599/month, Enterprise: custom","Loved by Apple/Oracle/TikTok/IBM, wide product range, global scaling"
-"4458d0bb-8f82-46a6-9efe-6e5cc9a2855b","Pocketbase","Open-source backend in 1 file with database, auth, storage, and dashboard.","Backend/Database","https://pocketbase.io","JavaScript SDK","Go;JavaScript","Realtime database;auth;file storage;admin dashboard;CRUD operations","Frontend stacks","5","5","Free (Open Source)","Ready to use, integrates with frontend stacks"
-"8704aeb4-612d-47e9-9e21-ae5ba2313753","Vercel","Developer tools and cloud infra for faster, personalized web.","DevOps/Deployment","https://vercel.com","Next.js;React;Vue;Svelte","JavaScript;TypeScript","Build/deploy on AI Cloud;Git deploys;collaborative previews;AI Gateway;rollbacks","GitHub;GitLab;Bitbucket","8","8","Free tier, Pro plans available","95% page load reduction, globally performant, collaborative"
-"7d6288b9-39fb-4d87-8e6e-36d79b2371ba","Netlify","Platform for deploying modern frontend stacks with AI apps.","DevOps/Deployment","https://netlify.com","All frontend frameworks","JavaScript;TypeScript","Optimized builds;collaborative previews;instant rollbacks;global edge;serverless","GitHub;GitLab;Bitbucket","9","9","Free tier, Pro plans available","35M+ projects, 7M+ developers, 99.99% uptime"
-"1e6d40b3-d4b3-4687-87f2-a9c10212b9ca","Render","Cloud platform for building, deploying, scaling apps.","DevOps/Deployment","https://render.com","Node.js;Python;Ruby;Docker","JavaScript;Python;Ruby","Web services/static sites/cron jobs;auto deploys;datastores;autoscaling;IaC","Slack;GitHub","8","9","Free tier, pay-as-you-go","3M+ developers, 100B requests/month, enterprise-grade"
-"cac73f13-6de8-4a2c-b8c5-bef72605c266","Stripe","Payment processing platform for online payments and financial services.","Payment Platforms","https://stripe.com","JavaScript;Python;Ruby;etc.","All major programming languages","Payments;billing;fraud prevention;global support;APIs","Many e-commerce platforms;Next.js;Shopify;Supabase;Vercel;Bubble","9.5","9.7","Transaction-based fees","Developer-friendly APIs, reliable, scales for enterprises"
-"88827280-fa19-43e6-b7f2-8fa14740a241","Plaid","Connects bank accounts for payments, verification, and financial data.","Payment Platforms","https://plaid.com","SDKs for various languages","JavaScript;Python;Ruby;Java","Bank connections;transactions;identity verification;payments","Stripe;Venmo;many fintech apps","9","8.5","API-based pricing","Secure bank links, wide coverage, easy integration"
-"f5573ccb-3fe0-418e-8f63-33afac10ec8b","Devin","AI software engineer for coding tasks like migration, refactoring, bug fixing.","AI Coding Tools","https://devin.ai","All frameworks","All programming languages","Code migration;refactoring;data engineering;bug/backlog resolution","GitHub;Linear;Slack;Asana;Zapier;Confluence;Airtable","7","8","Custom pricing","8-12x efficiency gains, 20x cost savings, reduces errors"
-"4add1339-0c0a-45c9-8215-84881a709657","AI2sql","Generates complex SQL/NoSQL queries from natural language.","AI Coding Tools","https://ai2sql.io","SQL;NoSQL","SQL","Natural language to SQL/NoSQL;multi-database support;specialized SQL tools","Database systems","7","8","Custom pricing","Simplifies SQL for non-experts, supports SQL/NoSQL"
-"65ef0415-404f-4a7d-9907-bc4ad3f9724c","Reflection AI","AI code research agent for complex codebases and engineering systems.","AI Coding Tools","https://reflection.ai","All frameworks","All programming languages","Understands codebases;engineering systems;tribal knowledge","Development systems","3","2","Custom pricing","Team from DeepMind/OpenAI/Anthropic, focuses on LLM/RL/agents"
-"d59a773e-6d3a-4db3-a986-e0d3f694ad1e","Semantic Kernel","Open-source kit for building AI agents with C#, Python, Java.","AI Coding Tools","https://learn.microsoft.com/en-us/semantic-kernel/overview/","C#;Python;Java","C#;Python;Java","Build AI agents;integrate AI models;modular plugins;OpenAPI support","Microsoft ecosystem","8","7","Free (Open Source)","Flexible, Microsoft-backed, enterprise-ready security"
-"e01aec9b-db4b-4414-8cf1-71a0c37306e9","LangChain","Open-source framework for building AI agents with LLMs.","AI Coding Tools","https://www.langchain.com","Python;JavaScript","Python;JavaScript","Agent building;LLM integrations;chaining prompts/tools;memory;RAG","OpenAI;Anthropic;various databases;Hugging Face;Pinecone","8.5","9","Free (Open Source)","Flexible for agentic AI, widely used, community support"
-"03127ae2-2d61-414c-8b6e-5cdcfc9ac2cd","CrewAI","Framework for orchestrating role-playing autonomous AI agents.","AI Coding Tools","https://crewai.com","Python","Python","Role-based agents;task delegation;multi-agent workflows;LLM integration","OpenAI;Anthropic","7.5","8","Custom pricing","Easy multi-agent setup, good for automation, community"
-"618019b8-1aef-40eb-88cb-b3459225f2ae","AutoGen","Microsoft's framework for building multi-agent AI systems.","AI Coding Tools","https://microsoft.github.io/autogen/","Python","Python","Multi-agent orchestration;event-driven architecture;API integration","Microsoft Azure;OpenAI","8","8","Free (Open Source)","Strong for enterprise, good docs, Semantic Kernel integration"
-"1d1e37c1-b993-4d47-a6ef-9953fe8dcf3b","gocodeo","AI unit test generator for automating code testing.","AI Coding Tools","https://www.gocodeo.com","All frameworks","All programming languages","AI code generation;project setup;testing;real-time AI coding;auto-debugging","VS Code","7","8","Custom pricing","Trusted by 25,000+ engineers, 55% coding speed increase"
-"4574cddc-118e-4899-bc91-3f62c537a531","Amazon CodeWhisperer","AI coding companion with AWS integration for code suggestions.","IDE/Development","https://aws.amazon.com/codewhisperer/","15+ languages","Python;Java;JavaScript;TypeScript;C#;etc.","Code suggestions;security scans;reference tracker;AWS-specific code","AWS;VS Code;JetBrains","8","7.5","Free for individuals","Free for individuals, good for cloud devs, security focus"
-"437395cd-87d8-40ee-b271-9246fc2de70c","Blackbox","AI-powered coding assistant for code generation, autocompletion, and debugging.","IDE/Development","https://www.blackbox.ai","Python;JavaScript;TypeScript;Go;C;C++;Java;C#","70+ programming languages","Code generation;autocompletion;debugging;Figma to code;image to web app;voice interaction","VS Code;GitHub","7","7.5","Custom pricing","Trusted by 10M+ users, supports 70+ languages"
-"50203515-1930-41d4-a6d3-7151b6c01598","Zed","High-performance, collaborative code editor with AI integrations.","IDE/Development","https://zed.dev","Rust-based;multiple languages","All major programming languages","AI autocomplete;collaboration;high speed;Git integration","GitHub Copilot;OpenAI","7","7","Free","Fastest editor, multiplayer editing, modern UI"
-"738fcd01-7dba-4050-a2bd-7bd9692e2fee","Kiro AI","AI IDE for spec-driven development and collaboration.","IDE/Development","https://kiro.dev","Claude Sonnet 3.7/4;Open VSX plugins","All programming languages","Spec-driven dev;multimodal chat;agent hooks;autopilot;MCP integration","MCP for docs/databases/APIs","7","6","Free to start","Structures AI coding, automates tasks, multimodal inputs"
-"e6003d3c-0e64-4254-95ea-cbb8ac726234","Cline","Autonomous coding agent in IDE for file creation/editing and web tasks.","IDE/Development","https://github.com/cline/cline","OpenRouter;Anthropic;OpenAI;Google Gemini;AWS Bedrock;Azure;GCP Vertex","All programming languages","File analysis/editing;terminal commands;headless browser;MCP;context via @mentions","VSCode","7","6","Free (Open Source)","Handles complex tasks, supports large projects, interactive debugging"
-"d545b857-532c-4df6-9f7a-028716aeb3ec","AIder","AI pair programming tool for terminal-based collaboration with LLMs.","AI Coding Tools","https://aider.chat","Python;DeepSeek;Claude 3.7 Sonnet;o3-mini","Python;All programming languages","Pair programming;start/work on projects;supports multiple LLMs","Terminal;Multiple LLMs","5","3","Custom pricing","AI-assisted terminal coding, multi-LLM support"
-"5debb215-d098-40da-a273-08321285af2a","Tempo Labs","Platform for collaborative React app building with AI and drag-and-drop.","Frontend/Design","https://www.tempo.new","React","JavaScript;TypeScript","Visual React editing;design systems;VSCode/GitHub integration;AI generation","GitHub;VSCode;Storybook","6","5","Free: $0, Pro: $30/month, Agent+: $4,000/month","Designer/developer collaboration, visual editing, free/paid AI"
-"1e1fb08a-80ad-427e-bd1a-42c20a98b6c6","Balsamiq","Wireframing tool for quick, low-fidelity wireframes to align teams.","Frontend/Design","https://balsamiq.com","Design tool","Design","Drag-and-drop UI;share via links/exports;low-fidelity design;templates","Design workflow","8","8","Custom pricing","Reduces rework, aligns teams, easy to use"
-"d2491882-7d81-4993-bbe1-a59f3ccde44f","Locofy.ai","Converts Figma/Adobe XD designs to code automatically.","Frontend/Design","https://www.locofy.ai","React;HTML/CSS;Gatsby","JavaScript;TypeScript;HTML;CSS","Design to code conversion;component export;responsive code","Figma;Adobe XD","6.5","7","Custom pricing","Saves time on frontend coding, accurate conversions"
-"1ace60f6-762c-4a9b-9de2-4d6f14c368f1","Softgen","AI tool for creating web apps via natural language with tailored roadmaps.","Frontend/Design","https://softgen.ai","Web frameworks","JavaScript;TypeScript","AI roadmap;emails;payments;auth;database;SEO;UI components","Emails;Payments;Auth;Database;Realtime Database;Cloud Storage;SEO;UI Components","5","6","Custom pricing","AI-driven roadmap generation for web apps"
-"0088f56a-6148-4595-8273-e192fefffac7","Knack","No-code platform for data-rich web apps like SaaS, portals, internal tools.","Backend/Database","https://www.knack.com","No-code platform","No-code","Visual builder;no-code database;automation;triggers;templates","Various APIs and services","8","7","Custom pricing","Rapid development, predictable costs, 92% retention"
-"3a179c30-493f-4880-940e-2b172f53e973","GibsonAI","AI for instant serverless SQL database design/deployment/management.","Backend/Database","https://www.gibsonai.com","PostgreSQL;MySQL;Neon;Windsurf;Cursor;VScode;CLI;Python;TypeScript;NextJS","SQL;Python;TypeScript","Instant schema;zero downtime migrations;API endpoints;natural language to SQL","PostgreSQL;MySQL;Neon;Windsurf;Cursor;VScode;CLI","5","4","Free to start","Speed in database creation, AI-native, cost-efficient"
-"de05f83e-c317-4efb-a603-d9580b888815","Base44","AI platform for turning ideas into custom apps without coding.","Backend/Database","https://base44.com","All frameworks","No-code","Build apps in minutes;auto components/pages/flows;backend (auth, data);hosting","Email;SMS;external APIs;database querying","7","8","Free core features, paid from $20/month","No coding required, fast deployment, 400K+ users"
-"2b9a1ca7-ba51-417f-b3b4-7a13684da14e","Nhost","Managed, extensible backend platform for speed, flexibility, and scale.","Backend/Database","https://nhost.io","SDKs (specific not detailed)","JavaScript;TypeScript","Scales with user;CI/CD;observability;CLI/dashboard;global deployment;auth SDKs","Frontend frameworks","7","7","Free tier","Rapid dev, case studies (400K+ users in 6 weeks), reduces onboarding"
-"c874abbb-1208-4a5b-b324-b2b016e0b63b","UI Bakery","Low-code platform for building custom internal tools, portals, dashboards.","Frontend/Design","https://uibakery.io","JavaScript;Python;SQL","JavaScript;Python;SQL","Drag-and-drop UI;30+ integrations;code/no-code logic;Git;one-click deployment","18+ databases;17+ services/APIs;REST/OpenAPI/GraphQL","8","8","See https://uibakery.io/pricing","Rapid dev, high customization, G2 4.9/5"
-"0e5b8646-76f3-4505-b07b-ed07c59ff3c3","Backendless","Platform for scalable apps with AI-driven automation.","Backend/Database","https://backendless.com","All frameworks","All programming languages","Build scalable apps;automate workflows;no-code/low-code;flexible hosting","Various services","7","6","Cloud/Pro/Managed plans","Flexible backend, intuitive interface, quick POC"
-"1852ce34-e4ff-4a96-b163-18df63c495eb","Northflank","Cloud platform for deploying any project from first user to billions.","DevOps/Deployment","https://northflank.com","Any language/framework;GitHub/GitLab/Bitbucket;Kubernetes (EKS/GKE/AKS)","All programming languages","UI/CLI/APIs/GitOps;runs on AWS/GCP/Azure/Oracle;templates;secure code;vectorDBs","GitHub;GitLab;Bitbucket","8","8","CPU $0.01667/hr, Memory $0.00833/hr, NVIDIA H100 $2.74/hr, etc.","Trusted by 2,000+ startups/enterprises, scales to 3M users"
-"9f03f656-4945-4e2d-a001-126714da2b97","Platform.sh","Self-service PaaS for efficient, reliable, secure infrastructure.","DevOps/Deployment","https://platform.sh","100+ frameworks;14 languages","14 programming languages","Automated infra;Git workflows;multicloud/multistack;scalability;Observability Suite","Git workflows","8","8","Custom pricing","5,000+ customers (Adobe/Economist), 219% ROI, G2 leader"
-"4f2db013-6734-4bba-b8e7-edd3e66fc4ba","Codev","Converts text to full-stack Next.js apps with deployment and ownership.","DevOps/Deployment","https://www.co.dev","Next.js;Supabase (PostgreSQL)","JavaScript;TypeScript","Text to app;components/styling/functionality;package install;domain setup;CRUD","Next.js;Supabase","7","8","Custom pricing","Rapid community growth (40K+ builders), production-ready in minutes"
-"7638a837-6cee-4daa-8e1a-2bbd1a96a3ed","ByteAI","Smart UML playground for technical strategies with AI tips.","Frontend/Design","https://byte-ai.io","JavaScript;Python;Node.js;C#;C++","JavaScript;Python;Node.js;C#;C++","Visual module builder;team collaboration;code assistant;AI tips","Future GitHub integration","6","5","Free Trial: $0/mo, Startup: $45/mo, Company: $299/mo, Custom","Visualization, 55% coding speed increase, reduces tech debt"
-"46c14fa2-213f-4235-9b03-ec317c649e59","Continue","Open-source AI code assistant with deep IDE integration.","AI Coding Tools","https://continue.dev","All frameworks","All programming languages","Code completion;chat with codebase;refactoring;custom models","VS Code;JetBrains;OpenAI;Anthropic;Ollama","8.5","8.7","Free (Open Source)","Privacy-focused, works offline with local models"
-"53e43e36-bfee-444b-ae77-56b69026917f","Codeshot","Generate code snippets and beautiful screenshots from natural language.","AI Coding Tools","https://codeshot.dev","React;Vue;Angular","JavaScript;TypeScript;Python","Code generation;screenshot creation;syntax highlighting;export options","GitHub;VS Code","7","6.5","Free tier, Pro $10/month","Great for documentation and sharing code"
-"6b88f651-dea4-450c-9818-c144d1d824fd","Dify","Open-source LLM app development platform for AI-native applications.","AI Coding Tools","https://dify.ai","Python;TypeScript","Python;TypeScript","LLM orchestration;RAG engine;agent frameworks;workflow automation","OpenAI;Anthropic;Hugging Face;Local LLMs","8","8.2","Free self-hosted, Cloud from $0","Enterprise-ready, visual development interface"
-"8c30bdb8-0ea6-481c-b694-5fddd6e96717","Pieces","AI-powered code snippet manager with context awareness.","IDE/Development","https://pieces.app","All frameworks","All programming languages","Snippet management;AI context;cross-platform sync;code extraction","VS Code;JetBrains;Chrome;Obsidian","8","7.5","Free personal, Team $15/user/month","Excellent for managing and sharing code snippets"
-"3a937ff7-ba21-4448-8282-10a4a09d5059","Sourcery","AI-powered code review and refactoring assistant for Python.","AI Coding Tools","https://sourcery.ai","Django;Flask;FastAPI","Python","Automated refactoring;code review;quality metrics;best practices","VS Code;PyCharm;GitHub;GitLab","8.5","7.8","Free tier, Pro $10/month","Python-specific, improves code quality automatically"
-"e1fa6114-0fdc-4836-8e1a-30b35deabf2d","Railway","Infrastructure platform for deploying web apps with zero config.","DevOps/Deployment","https://railway.app","All frameworks","All programming languages","Auto-deploy;database provisioning;environment management;team collaboration","GitHub;PostgreSQL;Redis;MongoDB","8","8.3","Hobby $5/month, Pro $20/month","Simpler than Kubernetes, faster than traditional PaaS"
-"263743e4-a042-4c80-bf34-f90ca5185f13","Coolify","Open-source self-hostable Heroku/Netlify alternative.","DevOps/Deployment","https://coolify.io","All frameworks","All programming languages","Self-hosting;automatic SSL;database management;GitOps","GitHub;GitLab;Docker","7.5","7.8","Free (Open Source)","Complete control over infrastructure, privacy-focused"
-"81f7db24-6dd7-4de0-bcde-0012d7e6a6c0","Plasmic","Visual builder for React applications with code export.","Frontend/Design","https://www.plasmic.app","React;Next.js;Gatsby","JavaScript;TypeScript","Visual editing;code sync;CMS;component marketplace","React;Next.js;Gatsby;Figma","8.5","8","Free tier, Team $28/user/month","Bridge between design and code, developer-friendly"
-"6a53827a-0b28-4cb5-832a-0257cbdbc7a8","Builder.io","Visual development platform for creating digital experiences.","Frontend/Design","https://www.builder.io","React;Vue;Angular;Next.js","JavaScript;TypeScript","Visual CMS;A/B testing;personalization;headless architecture","Shopify;React;Vue;Angular","9","8.5","Free tier, Growth $99/month","Enterprise-grade, excellent for marketing teams"
-"aa9d89f3-4f48-45e5-91cc-ec1a0ea2b7f8","Retool","Low-code platform for building internal tools quickly.","Frontend/Design","https://retool.com","JavaScript;SQL","JavaScript;SQL;Python","Drag-drop UI;database connectors;API integrations;custom code","PostgreSQL;MySQL;MongoDB;REST APIs","9","9","Free tier, Team $10/user/month","Industry standard for internal tools"
-"a2433c22-f4b4-4897-abc1-e2f294c66b7b","Appsmith","Open-source low-code platform for building internal apps.","Frontend/Design","https://www.appsmith.com","JavaScript","JavaScript;SQL","Visual builder;database integration;REST/GraphQL;Git sync","PostgreSQL;MongoDB;REST APIs;GraphQL","8","8.2","Free self-hosted, Cloud from $0","Open-source Retool alternative"
-"5e98bf53-b426-4a36-b5b8-47fd209fda78","Directus","Open-source data platform for headless CMS and API.","Backend/Database","https://directus.io","Node.js;Vue.js","JavaScript;TypeScript","Headless CMS;REST/GraphQL API;data studio;workflows","PostgreSQL;MySQL;SQLite;MongoDB","8.5","8","Free self-hosted, Cloud from $15/month","Database-first approach, very flexible"
-"d050fe57-39dc-4ae6-a8aa-e2e88e8ab375","Strapi","Open-source headless CMS for building APIs quickly.","Backend/Database","https://strapi.io","Node.js;React","JavaScript;TypeScript","Content types builder;REST/GraphQL;media library;i18n","PostgreSQL;MySQL;SQLite;MongoDB","9","9.2","Free self-hosted, Cloud from $99/month","Most popular open-source headless CMS"
-"0aa3d8d4-b4c3-4c64-8da6-b09299efe196","Hygraph","GraphQL-native headless CMS with content federation.","Backend/Database","https://hygraph.com","GraphQL","All via GraphQL","GraphQL API;content federation;webhooks;localization","Next.js;Gatsby;Remix;Vercel","8.5","7.8","Free tier, Pro from $299/month","Formerly GraphCMS, excellent for GraphQL projects"
-"4d696573-a1c4-4b09-ac81-2be32e2d6117","Convex","Backend platform with real-time sync and serverless functions.","Backend/Database","https://www.convex.dev","React;Next.js;Vue","TypeScript;JavaScript","Real-time sync;serverless functions;ACID transactions;type safety","React;Next.js;Clerk;Auth0","7.5","7","Free tier, Pro $25/month","Modern Firebase alternative with better DX"
diff --git a/fix-scores.js b/fix-scores.js
deleted file mode 100644
index 3d4880f..0000000
--- a/fix-scores.js
+++ /dev/null
@@ -1,41 +0,0 @@
-// Script to update tool scores with real CSV data
-const fs = require('fs');
-const http = require('http');
-
-// Read and parse CSV data
-const csvData = fs.readFileSync('attached_assets/Coding tool profile database setup_1754841204572.csv', 'utf-8');
-const lines = csvData.split('\n');
-
-// Parse CSV and create updates
-const updates = [];
-for (let i = 1; i < lines.length; i++) {
-  const line = lines[i].trim();
-  if (!line) continue;
-  
-  const values = line.split(',').map(v => v.replace(/"/g, ''));
-  if (values.length < 13) continue;
-  
-  const [name, , , , , , , , , , maturityScoreStr, popularityScoreStr, pricing] = values;
-  
-  if (!name) continue;
-  
-  const parseScore = (str) => {
-    if (!str || str.toLowerCase().includes('not specified')) return 7.0;
-    const parsed = parseFloat(str);
-    return isNaN(parsed) ? 7.0 : parsed;
-  };
-  
-  updates.push({
-    name: name.trim(),
-    maturityScore: parseScore(maturityScoreStr),
-    popularityScore: parseScore(popularityScoreStr),
-    pricing: pricing && pricing.toLowerCase() !== 'not specified' ? pricing : 'Pricing not specified'
-  });
-}
-
-// Output the updates for manual application
-console.log('Found', updates.length, 'tools to update');
-console.log('Sample updates:');
-updates.slice(0, 5).forEach(update => {
-  console.log(`${update.name}: Maturity ${update.maturityScore}, Popularity ${update.popularityScore}, Pricing: ${update.pricing}`);
-});
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index e6b5214..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,2914 +0,0 @@
-{
-  "name": "stackfast-monorepo",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "stackfast-monorepo",
-      "dependencies": {
-        "playwright": "^1.59.1"
-      },
-      "devDependencies": {
-        "@eslint/js": "^9.17.0",
-        "eslint": "^9.17.0",
-        "prettier": "^3.4.2",
-        "typescript": "^5.6.3",
-        "typescript-eslint": "^8.19.1",
-        "vitest": "^2.1.8"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
-      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.5"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/config-array/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.14.0",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.5",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
-      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/types": "^0.15.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
-      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/core": "^0.19.2",
-        "@humanfs/types": "^0.15.0",
-        "@humanwhocodes/retry": "^0.4.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/types": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
-      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.50.0.tgz",
-      "integrity": "sha512-lVgpeQyy4fWN5QYebtW4buT/4kn4p4IJ+kDNB4uYNT5b8c8DLJDg6titg20NIg7E8RWwdWZORW6vUFfrLyG3KQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.50.0.tgz",
-      "integrity": "sha512-2O73dR4Dc9bp+wSYhviP6sDziurB5/HCym7xILKifWdE9UsOe2FtNcM+I4xZjKrfLJnq5UR8k9riB87gauiQtw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.50.0.tgz",
-      "integrity": "sha512-vwSXQN8T4sKf1RHr1F0s98Pf8UPz7pS6P3LG9NSmuw0TVh7EmaE+5Ny7hJOZ0M2yuTctEsHHRTMi2wuHkdS6Hg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.50.0.tgz",
-      "integrity": "sha512-cQp/WG8HE7BCGyFVuzUg0FNmupxC+EPZEwWu2FCGGw5WDT1o2/YlENbm5e9SMvfDFR6FRhVCBePLqj0o8MN7Vw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.50.0.tgz",
-      "integrity": "sha512-UR1uTJFU/p801DvvBbtDD7z9mQL8J80xB0bR7DqW7UGQHRm/OaKzp4is7sQSdbt2pjjSS72eAtRh43hNduTnnQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.50.0.tgz",
-      "integrity": "sha512-G/DKyS6PK0dD0+VEzH/6n/hWDNPDZSMBmqsElWnCRGrYOb2jC0VSupp7UAHHQ4+QILwkxSMaYIbQ72dktp8pKA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.50.0.tgz",
-      "integrity": "sha512-u72Mzc6jyJwKjJbZZcIYmd9bumJu7KNmHYdue43vT1rXPm2rITwmPWF0mmPzLm9/vJWxIRbao/jrQmxTO0Sm9w==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.50.0.tgz",
-      "integrity": "sha512-S4UefYdV0tnynDJV1mdkNawp0E5Qm2MtSs330IyHgaccOFrwqsvgigUD29uT+B/70PDY1eQ3t40+xf6wIvXJyg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.50.0.tgz",
-      "integrity": "sha512-1EhkSvUQXJsIhk4msxP5nNAUWoB4MFDHhtc4gAYvnqoHlaL9V3F37pNHabndawsfy/Tp7BPiy/aSa6XBYbaD1g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.50.0.tgz",
-      "integrity": "sha512-EtBDIZuDtVg75xIPIK1l5vCXNNCIRM0OBPUG+tbApDuJAy9mKago6QxX+tfMzbCI6tXEhMuZuN1+CU8iDW+0UQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.50.0.tgz",
-      "integrity": "sha512-BGYSwJdMP0hT5CCmljuSNx7+k+0upweM2M4YGfFBjnFSZMHOLYR0gEEj/dxyYJ6Zc6AiSeaBY8dWOa11GF/ppQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.50.0.tgz",
-      "integrity": "sha512-I1gSMzkVe1KzAxKAroCJL30hA4DqSi+wGc5gviD0y3IL/VkvcnAqwBf4RHXHyvH66YVHxpKO8ojrgc4SrWAnLg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.50.0.tgz",
-      "integrity": "sha512-bSbWlY3jZo7molh4tc5dKfeSxkqnf48UsLqYbUhnkdnfgZjgufLS/NTA8PcP/dnvct5CCdNkABJ56CbclMRYCA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.50.0.tgz",
-      "integrity": "sha512-LSXSGumSURzEQLT2e4sFqFOv3LWZsEF8FK7AAv9zHZNDdMnUPYH3t8ZlaeYYZyTXnsob3htwTKeWtBIkPV27iQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.50.0.tgz",
-      "integrity": "sha512-CxRKyakfDrsLXiCyucVfVWVoaPA4oFSpPpDwlMcDFQvrv3XY6KEzMtMZrA+e/goC8xxp2WSOxHQubP8fPmmjOQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.50.0.tgz",
-      "integrity": "sha512-8PrJJA7/VU8ToHVEPu14FzuSAqVKyo5gg/J8xUerMbyNkWkO9j2ExBho/68RnJsMGNJq4zH114iAttgm7BZVkA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.50.0.tgz",
-      "integrity": "sha512-SkE6YQp+CzpyOrbw7Oc4MgXFvTw2UIBElvAvLCo230pyxOLmYwRPwZ/L5lBe/VW/qT1ZgND9wJfOsdy0XptRvw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.50.0.tgz",
-      "integrity": "sha512-PZkNLPfvXeIOgJWA804zjSFH7fARBBCpCXxgkGDRjjAhRLOR8o0IGS01ykh5GYfod4c2yiiREuDM8iZ+pVsT+Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.50.0.tgz",
-      "integrity": "sha512-q7cIIdFvWQoaCbLDUyUc8YfR3Jh2xx3unO8Dn6/TTogKjfwrax9SyfmGGK6cQhKtjePI7jRfd7iRYcxYs93esg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.50.0.tgz",
-      "integrity": "sha512-XzNOVg/YnDOmFdDKcxxK410PrcbcqZkBmz+0FicpW5jtjKQxcW1BZJEQOF0NJa6JO7CZhett8GEtRN/wYLYJuw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.50.0.tgz",
-      "integrity": "sha512-xMmiWRR8sp72Zqwjgtf3QbZfF1wdh8X2ABu3EaozvZcyHJeU0r+XAnXdKgs4cCAp6ORoYoCygipYP1mjmbjrsg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.2.tgz",
-      "integrity": "sha512-j/bwmkBvHUtPNxzuWe5z6BEk3q54YRyGlBXkSsmfoih7zNrBvl5A9A98anlp/7JbyZcWIJ8KXo/3Tq/DjFLtuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/type-utils": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
-        "ignore": "^7.0.5",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.5.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^8.59.2",
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.59.2.tgz",
-      "integrity": "sha512-plR3pp6D+SSUn1HM7xvSkx12/DhoHInI2YF35KAcVFNZvlC0gtrWqx7Qq1oH2Ssgi0vlFRCTbP+DZc7B9+TtsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/project-service": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.59.2.tgz",
-      "integrity": "sha512-+2hqvEkeyf/0FBor67duF0Ll7Ot8jyKzDQOSrxazF/danillRq2DwR9dLptsXpoZQqxE1UisSmoZewrlPas9Vw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.59.2",
-        "@typescript-eslint/types": "^8.59.2",
-        "debug": "^4.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.59.2.tgz",
-      "integrity": "sha512-JzfyEpEtOU89CcFSwyNS3mu4MLvLSXqnmX05+aKBDM+TdR5jzcGOEBwxwGNxrEQ7p/z6kK2WyioCGBf2zZBnvg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.2.tgz",
-      "integrity": "sha512-BKK4alN7oi4C/zv4VqHQ+uRU+lTa6JGIZ7s1juw7b3RHo9OfKB+bKX3u0iVZetdsUCBBkSbdWbarJbmN0fTeSw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.59.2.tgz",
-      "integrity": "sha512-nhqaj1nmTdVVl/BP5omXNRGO38jn5iosis2vbdmupF2txCf8ylWT8lx+JlvMYYVqzGVKtjojUFoQ3JRWK+mfzQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2",
-        "debug": "^4.4.3",
-        "ts-api-utils": "^2.5.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.59.2.tgz",
-      "integrity": "sha512-e82GVOE8Ps3E++Egvb6Y3Dw0S10u8NkQ9KXmtRhCWJJ8kDhOJTvtMAWnFL16kB1583goCWXsr0NieKCZMs2/0Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.2.tgz",
-      "integrity": "sha512-o0XPGNwcWw+FIwStOWn+BwBuEmL6QXP0rsvAFg7ET1dey1Nr6Wb1ac8p5HEsK0ygO/6mUxlk+YWQD9xcb/nnXg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.59.2",
-        "@typescript-eslint/tsconfig-utils": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
-        "debug": "^4.4.3",
-        "minimatch": "^10.2.2",
-        "semver": "^7.7.3",
-        "tinyglobby": "^0.2.15",
-        "ts-api-utils": "^2.5.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "10.2.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
-      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "brace-expansion": "^5.0.5"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.8.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
-      "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.59.2.tgz",
-      "integrity": "sha512-Juw3EinkXqjaffxz6roowvV7GZT/kET5vSKKZT6upl5TXdWkLkYmNPXwDDL2Vkt2DPn0nODIS4egC/0AGxKo/Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.2.tgz",
-      "integrity": "sha512-NwjLUnGy8/Zfx23fl50tRC8rYaYnM52xNRYFAXvmiil9yh1+K6aRVQMnzW6gQB/1DLgWt977lYQn7C+wtgXZiA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
-        "eslint-visitor-keys": "^5.0.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
-      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^20.19.0 || ^22.13.0 || >=24"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@vitest/expect": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.9.tgz",
-      "integrity": "sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "2.1.9",
-        "@vitest/utils": "2.1.9",
-        "chai": "^5.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/mocker": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.9.tgz",
-      "integrity": "sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "2.1.9",
-        "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.12"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "msw": "^2.4.9",
-        "vite": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "msw": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitest/pretty-format": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
-      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/runner": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.9.tgz",
-      "integrity": "sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/utils": "2.1.9",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/snapshot": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.9.tgz",
-      "integrity": "sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.9",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/spy": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.9.tgz",
-      "integrity": "sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyspy": "^3.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/utils": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
-      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.9",
-        "loupe": "^3.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
-      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
-      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/assertion-error": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cac": {
-      "version": "6.7.14",
-      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/chai": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
-      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assertion-error": "^2.0.1",
-        "check-error": "^2.1.1",
-        "deep-eql": "^5.0.1",
-        "loupe": "^3.1.0",
-        "pathval": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chalk/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/check-error": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
-      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 16"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-eql": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
-      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.2",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.14.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.5",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
-      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/expect-type": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
-      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
-      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
-      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/loupe": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
-      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.18",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.18.tgz",
-      "integrity": "sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/pathval": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
-      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.16"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/playwright": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
-      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright-core": "1.59.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
-      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
-      "license": "Apache-2.0",
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/playwright/node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss/node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "3.8.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
-      "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.50.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.50.0.tgz",
-      "integrity": "sha512-/Zl4D8zPifNmyGzJS+3kVoyXeDeT/GrsJM94sACNg9RtUE0hrHa1bNPtRSrfHTMH5HjRzce6K7rlTh3Khiw+pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.50.0",
-        "@rollup/rollup-android-arm64": "4.50.0",
-        "@rollup/rollup-darwin-arm64": "4.50.0",
-        "@rollup/rollup-darwin-x64": "4.50.0",
-        "@rollup/rollup-freebsd-arm64": "4.50.0",
-        "@rollup/rollup-freebsd-x64": "4.50.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.50.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.50.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.50.0",
-        "@rollup/rollup-linux-arm64-musl": "4.50.0",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.50.0",
-        "@rollup/rollup-linux-ppc64-gnu": "4.50.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.50.0",
-        "@rollup/rollup-linux-riscv64-musl": "4.50.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.50.0",
-        "@rollup/rollup-linux-x64-gnu": "4.50.0",
-        "@rollup/rollup-linux-x64-musl": "4.50.0",
-        "@rollup/rollup-openharmony-arm64": "4.50.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.50.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.50.0",
-        "@rollup/rollup-win32-x64-msvc": "4.50.0",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/std-env": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
-      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tinybench": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinyexec": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/tinypool": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
-      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      }
-    },
-    "node_modules/tinyrainbow": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
-      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tinyspy": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
-      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
-      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.12"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4"
-      }
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
-      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/typescript-eslint": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.59.2.tgz",
-      "integrity": "sha512-pJw051uomb3ZeCzGTpRb8RbEqB5Y4WWet8gl/GcTlU35BSx0PVdZ86/bqkQCyKKuraVQEK7r6kBHQXF+fBhkoQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.59.2",
-        "@typescript-eslint/parser": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
-        "typescript": ">=4.8.4 <6.1.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/vite": {
-      "version": "5.4.19",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
-      "integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "less": "*",
-        "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.4.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-node": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.9.tgz",
-      "integrity": "sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cac": "^6.7.14",
-        "debug": "^4.3.7",
-        "es-module-lexer": "^1.5.4",
-        "pathe": "^1.1.2",
-        "vite": "^5.0.0"
-      },
-      "bin": {
-        "vite-node": "vite-node.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
-      }
-    },
-    "node_modules/vitest": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.9.tgz",
-      "integrity": "sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/expect": "2.1.9",
-        "@vitest/mocker": "2.1.9",
-        "@vitest/pretty-format": "^2.1.9",
-        "@vitest/runner": "2.1.9",
-        "@vitest/snapshot": "2.1.9",
-        "@vitest/spy": "2.1.9",
-        "@vitest/utils": "2.1.9",
-        "chai": "^5.1.2",
-        "debug": "^4.3.7",
-        "expect-type": "^1.1.0",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2",
-        "std-env": "^3.8.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^0.3.1",
-        "tinypool": "^1.0.1",
-        "tinyrainbow": "^1.2.0",
-        "vite": "^5.0.0",
-        "vite-node": "2.1.9",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "2.1.9",
-        "@vitest/ui": "2.1.9",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/why-is-node-running": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      },
-      "bin": {
-        "why-is-node-running": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index 3ef0989..6ad1b53 100644
--- a/package.json
+++ b/package.json
@@ -6,22 +6,31 @@
   },
   "packageManager": "pnpm@9.15.4",
   "scripts": {
-    "dev": "pnpm -r --parallel dev",
+    "dev": "concurrently -n api,web -c blue,magenta --kill-others-on-fail \"pnpm --filter @stackfast/api dev\" \"pnpm --filter @stackfast/web dev\"",
+    "dev:api": "pnpm --filter @stackfast/api dev",
+    "dev:web": "pnpm --filter @stackfast/web dev",
     "build": "pnpm -r build",
     "lint": "pnpm -r lint",
     "test": "pnpm -r test",
+    "test:e2e": "playwright test",
     "type-check": "pnpm -r type-check",
+    "seed": "pnpm --filter @stackfast/api seed",
     "validate:registry": "pnpm --filter @stackfast/registry validate"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
+    "@playwright/test": "^1.59.1",
+    "@types/node": "^25.6.2",
+    "concurrently": "^9.2.1",
+    "dotenv-cli": "^11.0.0",
     "eslint": "^9.17.0",
     "prettier": "^3.4.2",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.19.1",
+    "vite": "^5.4.11",
     "vitest": "^2.1.8"
   },
   "dependencies": {
-    "playwright": "^1.59.1"
+    "@better-auth/infra": "^0.2.7"
   }
 }
diff --git a/packages/ai/package.json b/packages/ai/package.json
index ed270f7..bb5bc01 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/ai",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
@@ -10,10 +11,12 @@
     "test": "vitest run --config ../../vitest.package.config.ts"
   },
   "dependencies": {
+    "@ai-sdk/azure": "^3.0.64",
     "@ai-sdk/google": "^3.0.71",
     "@stackfast/schemas": "workspace:*",
     "@stackfast/shared": "workspace:*",
-    "ai": "^6.0.177"
+    "ai": "^6.0.177",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "typescript": "^5.6.3"
diff --git a/packages/ai/src/index.test.ts b/packages/ai/src/index.test.ts
new file mode 100644
index 0000000..a6e03dc
--- /dev/null
+++ b/packages/ai/src/index.test.ts
@@ -0,0 +1,108 @@
+import { describe, expect, it, vi, afterEach } from "vitest";
+import type { Tool } from "@stackfast/schemas";
+import { createExplainer } from "./index.js";
+
+// ---------------------------------------------------------------------------
+// createExplainer factory behavior
+// ---------------------------------------------------------------------------
+//
+// These tests exercise the branches that don't require a live AI endpoint:
+// - default fallback to heuristic
+// - missing-config fallback for each AI provider
+// - heuristic output shape
+//
+// Live provider calls are exercised separately with real keys — not here.
+// ---------------------------------------------------------------------------
+
+const sampleTools: Tool[] = [
+  {
+    id: "nextjs",
+    name: "Next.js",
+    description: "React framework for production.",
+    categoryId: "frontend",
+    tags: ["react", "ssr"],
+    capabilities: ["ssr", "ssg"],
+    languages: ["TypeScript", "JavaScript"],
+    integrations: [],
+    supports: { frameworks: [] },
+    confidence: 0.95,
+    selfHostable: false,
+    homepageUrl: "https://nextjs.org",
+    docsUrl: "https://nextjs.org/docs",
+    sourceUrls: ["https://nextjs.org"],
+    lastVerified: "2026-01-01",
+    pricing: { model: "free", note: "Open source." },
+    deprecated: false,
+  },
+];
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+describe("createExplainer", () => {
+  it("defaults to the heuristic explainer when no config is provided", async () => {
+    const explainer = createExplainer();
+    const result = await explainer.explainStack(sampleTools, "A simple blog");
+
+    expect(result.source).toBe("heuristic");
+    expect(result.text.length).toBeGreaterThan(0);
+  });
+
+  it("falls back to heuristic for gemini when no apiKey is provided", async () => {
+    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
+    const explainer = createExplainer({ provider: "gemini" });
+    const result = await explainer.explainStack(sampleTools, "A simple blog");
+
+    expect(result.source).toBe("heuristic");
+    expect(warn).toHaveBeenCalled();
+  });
+
+  it("falls back to heuristic for azure-openai when resourceName is missing", async () => {
+    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
+    const explainer = createExplainer({
+      provider: "azure-openai",
+      apiKey: "fake-key",
+      model: "gpt-5.5",
+    });
+    const result = await explainer.explainStack(sampleTools, "A simple blog");
+
+    expect(result.source).toBe("heuristic");
+    expect(warn).toHaveBeenCalled();
+  });
+
+  it("falls back to heuristic for azure-openai when model (deployment) is missing", async () => {
+    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
+    const explainer = createExplainer({
+      provider: "azure-openai",
+      apiKey: "fake-key",
+      azureResourceName: "resource",
+    });
+    const result = await explainer.explainStack(sampleTools, "A simple blog");
+
+    expect(result.source).toBe("heuristic");
+    expect(warn).toHaveBeenCalled();
+  });
+
+  it("falls back to heuristic for an unknown provider", async () => {
+    const warn = vi.spyOn(console, "warn").mockImplementation(() => {});
+    const explainer = createExplainer({
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      provider: "totally-made-up" as any,
+    });
+    const result = await explainer.explainStack(sampleTools, "A simple blog");
+
+    expect(result.source).toBe("heuristic");
+    expect(warn).toHaveBeenCalled();
+  });
+
+  it("produces a valid roadmap from the heuristic path", async () => {
+    const explainer = createExplainer();
+    const { roadmap, source } = await explainer.generateRoadmap(sampleTools, "A simple blog");
+
+    expect(source).toBe("heuristic");
+    expect(roadmap.phases.length).toBeGreaterThanOrEqual(2);
+    expect(roadmap.phases.length).toBeLessThanOrEqual(5);
+    expect(roadmap.totalEstimate).toBeTruthy();
+  });
+});
diff --git a/packages/ai/src/index.ts b/packages/ai/src/index.ts
index acba224..bed7f6f 100644
--- a/packages/ai/src/index.ts
+++ b/packages/ai/src/index.ts
@@ -1,4 +1,5 @@
-import type { Diagnostic, Tool } from "@stackfast/schemas";
+import type { Diagnostic, ImplementationRoadmap, Tool, WhyNotExplanation } from "@stackfast/schemas";
+import { AzureOpenAIExplainer } from "./providers/azure-openai.js";
 import { GeminiExplainer } from "./providers/gemini.js";
 
 // ---------------------------------------------------------------------------
@@ -21,16 +22,35 @@ export interface TradeoffResult {
   source: "heuristic" | "ai";
 }
 
+export interface WhyNotResult {
+  whyNot: WhyNotExplanation;
+  source: "heuristic" | "ai";
+}
+
+export interface RoadmapResult {
+  roadmap: ImplementationRoadmap;
+  source: "heuristic" | "ai";
+}
+
 /**
  * Abstraction over the explanation layer.
  *
  * Phase 3 shipped a HeuristicExplainer (deterministic, no LLM).
  * Phase 5 adds AI-backed implementations via the Vercel AI SDK
  * as a drop-in replacement via `createExplainer({ provider: "gemini" })`.
+ *
+ * All methods have heuristic fallbacks — callers can always trust
+ * they will return a valid result, even if the LLM fails.
  */
 export interface BlueprintExplainer {
   explainStack(tools: Tool[], idea: string): Promise<ExplanationResult>;
   summarizeTradeoffs(tools: Tool[], diagnostics: Diagnostic[]): Promise<TradeoffResult>;
+  explainWhyNot(
+    primaryTools: Tool[],
+    alternativeTools: Tool[],
+    idea: string,
+  ): Promise<WhyNotResult>;
+  generateRoadmap(tools: Tool[], idea: string): Promise<RoadmapResult>;
 }
 
 // ---------------------------------------------------------------------------
@@ -60,6 +80,122 @@ class HeuristicExplainer implements BlueprintExplainer {
 
     return { tradeoffs, source: "heuristic" };
   }
+
+  async explainWhyNot(
+    primaryTools: Tool[],
+    alternativeTools: Tool[],
+    _idea: string,
+  ): Promise<WhyNotResult> {
+    const changed = diffToolNames(primaryTools, alternativeTools);
+    const altName = alternativeTools.map((t) => t.name).join(" + ");
+
+    // Figure out which dimension changed (hosting swap, ORM swap, etc.) and
+    // emit a reason based on the category of the changed tool(s).
+    const reason =
+      changed.length > 0
+        ? `Uses ${changed.map((c) => c.alt.name).join(", ")} instead of ${changed.map((c) => c.primary.name).join(", ")}. This is a reasonable alternative, but the primary stack was scored higher by the compatibility engine.`
+        : `The alternative stack ${altName} scored slightly lower on the compatibility engine's harmony score.`;
+
+    const betterFor = inferBetterFor(changed);
+
+    return {
+      whyNot: betterFor ? { reason, betterFor } : { reason },
+      source: "heuristic",
+    };
+  }
+
+  async generateRoadmap(tools: Tool[], _idea: string): Promise<RoadmapResult> {
+    // Deterministic 3-phase skeleton keyed off the tools selected.
+    const hasAuth = tools.some((t) => t.categoryId === "auth");
+    const hasDb = tools.some((t) => t.categoryId === "database" || t.categoryId === "orm");
+    const hasPayments = tools.some((t) => t.categoryId === "payments");
+    const hasHosting = tools.some((t) => t.categoryId === "hosting");
+
+    const foundationTasks: string[] = [
+      `Scaffold ${tools.find((t) => t.categoryId === "frontend")?.name ?? "the frontend"} app and install dependencies`,
+      "Configure local environment variables from `.env.example`",
+    ];
+    if (hasDb) foundationTasks.push("Provision the database and run initial migrations");
+    if (hasAuth) foundationTasks.push("Wire up authentication provider and protect routes");
+
+    const coreTasks: string[] = [
+      "Build primary data models and server routes",
+      "Implement main UI screens with loading and error states",
+    ];
+    if (hasPayments) coreTasks.push("Integrate payments checkout and webhooks");
+    coreTasks.push("Add validation, logging, and basic observability");
+
+    const deployTasks: string[] = [
+      "Write smoke tests for critical paths",
+      hasHosting
+        ? `Deploy to ${tools.find((t) => t.categoryId === "hosting")?.name ?? "production"} with production env vars`
+        : "Deploy to production with production env vars",
+      "Configure custom domain and monitoring",
+    ];
+
+    return {
+      roadmap: {
+        phases: [
+          { name: "Foundation", duration: "1-2 weeks", tasks: foundationTasks },
+          { name: "Core Features", duration: "2-4 weeks", tasks: coreTasks },
+          { name: "Polish & Deploy", duration: "1-2 weeks", tasks: deployTasks },
+        ],
+        totalEstimate: "4-8 weeks",
+      },
+      source: "heuristic",
+    };
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Heuristic helpers
+// ---------------------------------------------------------------------------
+
+/**
+ * Identify which tools differ between the primary and alternative stacks.
+ * Pairs alternates by category when possible so we can say
+ * "Drizzle instead of Prisma" rather than "Drizzle instead of everything".
+ */
+function diffToolNames(
+  primary: Tool[],
+  alternative: Tool[],
+): Array<{ primary: Tool; alt: Tool }> {
+  const primaryIds = new Set(primary.map((t) => t.id));
+  const altIds = new Set(alternative.map((t) => t.id));
+
+  const removed = primary.filter((t) => !altIds.has(t.id));
+  const added = alternative.filter((t) => !primaryIds.has(t.id));
+
+  const pairs: Array<{ primary: Tool; alt: Tool }> = [];
+  for (const removedTool of removed) {
+    const match = added.find((t) => t.categoryId === removedTool.categoryId);
+    if (match) {
+      pairs.push({ primary: removedTool, alt: match });
+    }
+  }
+  return pairs;
+}
+
+function inferBetterFor(
+  changed: Array<{ primary: Tool; alt: Tool }>,
+): string | undefined {
+  if (changed.length === 0) return undefined;
+  const { primary, alt } = changed[0];
+
+  // A small set of category-based heuristics. The AI provider will produce
+  // richer copy; this just gives the UI something meaningful to show.
+  switch (alt.categoryId) {
+    case "hosting":
+      return alt.selfHostable
+        ? `Teams who prefer more control over runtime and pricing than ${primary.name}.`
+        : `Projects with a strong preference for ${alt.name}'s deployment model.`;
+    case "orm":
+      return `Projects that prefer ${alt.name}'s ${alt.id === "drizzle" ? "SQL-first, lightweight" : "higher-level"} approach.`;
+    case "database":
+      return `Workloads that align with ${alt.name}'s data model.`;
+    default:
+      return `Teams already standardized on ${alt.name}.`;
+  }
 }
 
 // ---------------------------------------------------------------------------
@@ -89,6 +225,28 @@ class FallbackExplainer implements BlueprintExplainer {
       return this.fallback.summarizeTradeoffs(tools, diagnostics);
     }
   }
+
+  async explainWhyNot(
+    primaryTools: Tool[],
+    alternativeTools: Tool[],
+    idea: string,
+  ): Promise<WhyNotResult> {
+    try {
+      return await this.primary.explainWhyNot(primaryTools, alternativeTools, idea);
+    } catch {
+      console.warn("[ai] Primary why-not explanation failed, using heuristic fallback.");
+      return this.fallback.explainWhyNot(primaryTools, alternativeTools, idea);
+    }
+  }
+
+  async generateRoadmap(tools: Tool[], idea: string): Promise<RoadmapResult> {
+    try {
+      return await this.primary.generateRoadmap(tools, idea);
+    } catch {
+      console.warn("[ai] Primary roadmap generation failed, using heuristic fallback.");
+      return this.fallback.generateRoadmap(tools, idea);
+    }
+  }
 }
 
 // ---------------------------------------------------------------------------
@@ -97,15 +255,19 @@ class FallbackExplainer implements BlueprintExplainer {
 
 export interface ExplainerConfig {
   /** Which provider to use. Defaults to "heuristic". */
-  provider?: "heuristic" | "gemini" | "openai";
+  provider?: "heuristic" | "gemini" | "azure-openai";
   /** API key for the selected AI provider (unused for heuristic). */
   apiKey?: string;
-  /** Model ID override (e.g., "gemini-2.0-flash", "gpt-4o-mini"). */
+  /** Model ID (Gemini) or deployment name (Azure OpenAI). */
   model?: string;
   /** Max tokens per AI response. Default: 2048. */
   maxTokens?: number;
   /** Timeout in ms before falling back to heuristic. Default: 30000. */
   timeoutMs?: number;
+  /** Azure resource name — required when provider === "azure-openai". */
+  azureResourceName?: string;
+  /** Azure API version override — only used by the Azure provider. */
+  azureApiVersion?: string;
 }
 
 /**
@@ -115,11 +277,19 @@ export interface ExplainerConfig {
  * // Heuristic (no API key needed)
  * const explainer = createExplainer();
  *
- * // Gemini AI (default provider)
+ * // Gemini (Google Generative AI)
  * const explainer = createExplainer({
  *   provider: "gemini",
  *   apiKey: process.env.GEMINI_API_KEY,
  * });
+ *
+ * // Azure OpenAI (model is the Azure deployment name)
+ * const explainer = createExplainer({
+ *   provider: "azure-openai",
+ *   apiKey: process.env.AZURE_OPENAI_API_KEY,
+ *   azureResourceName: process.env.AZURE_OPENAI_RESOURCE_NAME,
+ *   model: process.env.AZURE_OPENAI_DEPLOYMENT, // e.g. "gpt-5.5"
+ * });
  * ```
  *
  * All AI providers automatically fall back to heuristic mode on failure.
@@ -147,10 +317,24 @@ export function createExplainer(config?: ExplainerConfig): BlueprintExplainer {
     return new FallbackExplainer(gemini);
   }
 
-  if (provider === "openai") {
-    // OpenAI support will be added later (user will add via Azure)
-    console.warn("[ai] OpenAI provider is not yet implemented. Falling back to heuristic.");
-    return new HeuristicExplainer();
+  if (provider === "azure-openai") {
+    if (!config?.apiKey || !config.azureResourceName || !config.model) {
+      console.warn(
+        "[ai] Azure OpenAI selected but missing apiKey, azureResourceName, or model (deployment). Falling back to heuristic.",
+      );
+      return new HeuristicExplainer();
+    }
+
+    const azureOpenAI = new AzureOpenAIExplainer({
+      resourceName: config.azureResourceName,
+      apiKey: config.apiKey,
+      deployment: config.model,
+      ...(config.azureApiVersion ? { apiVersion: config.azureApiVersion } : {}),
+      maxTokens: config.maxTokens,
+      timeoutMs: config.timeoutMs,
+    });
+
+    return new FallbackExplainer(azureOpenAI);
   }
 
   console.warn(`[ai] Unknown provider "${provider}". Falling back to heuristic.`);
diff --git a/packages/ai/src/providers/azure-openai.ts b/packages/ai/src/providers/azure-openai.ts
new file mode 100644
index 0000000..3f14393
--- /dev/null
+++ b/packages/ai/src/providers/azure-openai.ts
@@ -0,0 +1,220 @@
+import { generateText } from "ai";
+import { createAzure } from "@ai-sdk/azure";
+import type {
+  Diagnostic,
+  ImplementationRoadmap,
+  Tool,
+  WhyNotExplanation,
+} from "@stackfast/schemas";
+import type {
+  BlueprintExplainer,
+  ExplanationResult,
+  RoadmapResult,
+  TradeoffResult,
+  WhyNotResult,
+} from "../index.js";
+import {
+  AiExplanationResponseSchema,
+  AiRoadmapResponseSchema,
+  AiTradeoffResponseSchema,
+  AiWhyNotResponseSchema,
+} from "../schemas.js";
+import {
+  SYSTEM_PROMPT,
+  buildExplanationPrompt,
+  buildRoadmapPrompt,
+  buildTradeoffPrompt,
+  buildWhyNotPrompt,
+} from "../prompts.js";
+
+// ---------------------------------------------------------------------------
+// Azure OpenAI Explainer — powered by Vercel AI SDK + @ai-sdk/azure
+// ---------------------------------------------------------------------------
+//
+// Azure deployments are customer-named, so the "model" here is actually the
+// deployment name configured in the Azure OpenAI Foundry resource. The
+// resource name, API key, and deployment name are all operator-provided.
+// ---------------------------------------------------------------------------
+
+export interface AzureOpenAIExplainerConfig {
+  /** Azure resource name (the sub-domain in <resource>.openai.azure.com). */
+  resourceName: string;
+  /** Azure OpenAI API key. */
+  apiKey: string;
+  /** Deployment name (e.g., "gpt-5.5" or "gpt-4.1"). Must exist in the resource. */
+  deployment: string;
+  /** Optional API version override. */
+  apiVersion?: string;
+  /** Max output tokens. Default: 2048. */
+  maxTokens?: number;
+  /** Timeout in ms before falling back to heuristic. Default: 30000. */
+  timeoutMs?: number;
+}
+
+export class AzureOpenAIExplainer implements BlueprintExplainer {
+  private readonly azure;
+  private readonly deployment: string;
+  private readonly maxOutputTokens: number;
+  private readonly timeoutMs: number;
+
+  constructor(config: AzureOpenAIExplainerConfig) {
+    this.azure = createAzure({
+      resourceName: config.resourceName,
+      apiKey: config.apiKey,
+      ...(config.apiVersion ? { apiVersion: config.apiVersion } : {}),
+    });
+    this.deployment = config.deployment;
+    this.maxOutputTokens = config.maxTokens ?? 2048;
+    this.timeoutMs = config.timeoutMs ?? 30_000;
+  }
+
+  async explainStack(tools: Tool[], idea: string): Promise<ExplanationResult> {
+    try {
+      const result = await generateText({
+        model: this.azure(this.deployment),
+        system: SYSTEM_PROMPT,
+        prompt:
+          buildExplanationPrompt(tools, idea) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "summary": string, "keyReasons": string[], "confidence": number }',
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiExplanationResponseSchema.parse(JSON.parse(raw));
+
+      const reasonsList = parsed.keyReasons
+        .map((r: string, i: number) => `${i + 1}. ${r}`)
+        .join("\n");
+
+      return {
+        text: `${parsed.summary}\n\nKey reasons:\n${reasonsList}`,
+        source: "ai",
+        keyReasons: parsed.keyReasons,
+        confidence: parsed.confidence,
+      };
+    } catch (error) {
+      console.warn(
+        "[ai/azure-openai] explainStack failed, will fall back to heuristic:",
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+
+  async summarizeTradeoffs(
+    tools: Tool[],
+    diagnostics: Diagnostic[],
+  ): Promise<TradeoffResult> {
+    try {
+      const result = await generateText({
+        model: this.azure(this.deployment),
+        system: SYSTEM_PROMPT,
+        prompt:
+          buildTradeoffPrompt(tools, diagnostics) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "tradeoffs": Array<{ "aspect": string, "description": string, "severity": "low"|"medium"|"high" }> }',
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiTradeoffResponseSchema.parse(JSON.parse(raw));
+
+      return {
+        tradeoffs: parsed.tradeoffs.map(
+          (t: {
+            severity: "low" | "medium" | "high";
+            aspect: string;
+            description: string;
+          }) => `[${t.severity.toUpperCase()}] ${t.aspect}: ${t.description}`,
+        ),
+        source: "ai",
+      };
+    } catch (error) {
+      console.warn(
+        "[ai/azure-openai] summarizeTradeoffs failed, will fall back to heuristic:",
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+
+  async explainWhyNot(
+    primaryTools: Tool[],
+    alternativeTools: Tool[],
+    idea: string,
+  ): Promise<WhyNotResult> {
+    try {
+      const result = await generateText({
+        model: this.azure(this.deployment),
+        system: SYSTEM_PROMPT,
+        prompt:
+          buildWhyNotPrompt(primaryTools, alternativeTools, idea) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "reason": string, "betterFor"?: string }',
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiWhyNotResponseSchema.parse(JSON.parse(raw));
+
+      const whyNot: WhyNotExplanation = parsed.betterFor
+        ? { reason: parsed.reason, betterFor: parsed.betterFor }
+        : { reason: parsed.reason };
+
+      return { whyNot, source: "ai" };
+    } catch (error) {
+      console.warn(
+        "[ai/azure-openai] explainWhyNot failed, will fall back to heuristic:",
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+
+  async generateRoadmap(tools: Tool[], idea: string): Promise<RoadmapResult> {
+    try {
+      const result = await generateText({
+        model: this.azure(this.deployment),
+        system: SYSTEM_PROMPT,
+        prompt:
+          buildRoadmapPrompt(tools, idea) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "phases": Array<{ "name": string, "duration": string, "tasks": string[] }>, "totalEstimate": string }. ' +
+          "Return 2-5 phases with 1-6 tasks each.",
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiRoadmapResponseSchema.parse(JSON.parse(raw));
+
+      const roadmap: ImplementationRoadmap = {
+        phases: parsed.phases,
+        totalEstimate: parsed.totalEstimate,
+      };
+
+      return { roadmap, source: "ai" };
+    } catch (error) {
+      console.warn(
+        "[ai/azure-openai] generateRoadmap failed, will fall back to heuristic:",
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+
+/**
+ * Strip markdown ```json code fences the model might wrap output in.
+ */
+function stripJsonFences(text: string): string {
+  return text.replace(/^```(?:json)?\n?/, "").replace(/\n?```$/, "").trim();
+}
diff --git a/packages/ai/src/providers/gemini.ts b/packages/ai/src/providers/gemini.ts
index ee76141..301de3a 100644
--- a/packages/ai/src/providers/gemini.ts
+++ b/packages/ai/src/providers/gemini.ts
@@ -1,15 +1,25 @@
 import { generateText } from "ai";
 import { createGoogleGenerativeAI } from "@ai-sdk/google";
-import type { Diagnostic, Tool } from "@stackfast/schemas";
-import type { BlueprintExplainer, ExplanationResult, TradeoffResult } from "../index.js";
+import type { Diagnostic, ImplementationRoadmap, Tool, WhyNotExplanation } from "@stackfast/schemas";
+import type {
+  BlueprintExplainer,
+  ExplanationResult,
+  RoadmapResult,
+  TradeoffResult,
+  WhyNotResult,
+} from "../index.js";
 import {
   AiExplanationResponseSchema,
+  AiRoadmapResponseSchema,
   AiTradeoffResponseSchema,
+  AiWhyNotResponseSchema,
 } from "../schemas.js";
 import {
   SYSTEM_PROMPT,
   buildExplanationPrompt,
+  buildRoadmapPrompt,
   buildTradeoffPrompt,
+  buildWhyNotPrompt,
 } from "../prompts.js";
 
 // ---------------------------------------------------------------------------
@@ -31,7 +41,7 @@ export class GeminiExplainer implements BlueprintExplainer {
 
   constructor(config: GeminiExplainerConfig) {
     this.google = createGoogleGenerativeAI({ apiKey: config.apiKey });
-    this.modelId = config.model ?? "gemini-2.0-flash";
+    this.modelId = config.model ?? "gemini-2.5-flash";
     this.maxOutputTokens = config.maxTokens ?? 2048;
     this.timeoutMs = config.timeoutMs ?? 30_000;
   }
@@ -49,11 +59,11 @@ export class GeminiExplainer implements BlueprintExplainer {
       });
 
       // Strip markdown code fences if the model wraps output in them
-      const raw = result.text.replace(/^```(?:json)?\n?/, "").replace(/\n?```$/, "").trim();
+      const raw = stripJsonFences(result.text);
       const parsed = AiExplanationResponseSchema.parse(JSON.parse(raw));
 
       const reasonsList = parsed.keyReasons
-        .map((r, i) => `${i + 1}. ${r}`)
+        .map((r: string, i: number) => `${i + 1}. ${r}`)
         .join("\n");
 
       return {
@@ -91,7 +101,7 @@ export class GeminiExplainer implements BlueprintExplainer {
 
       return {
         tradeoffs: parsed.tradeoffs.map(
-          (t) => `[${t.severity.toUpperCase()}] ${t.aspect}: ${t.description}`,
+          (t: { severity: "low" | "medium" | "high"; aspect: string; description: string }) => `[${t.severity.toUpperCase()}] ${t.aspect}: ${t.description}`,
         ),
         source: "ai",
       };
@@ -103,4 +113,79 @@ export class GeminiExplainer implements BlueprintExplainer {
       throw error;
     }
   }
+
+  async explainWhyNot(
+    primaryTools: Tool[],
+    alternativeTools: Tool[],
+    idea: string,
+  ): Promise<WhyNotResult> {
+    try {
+      const result = await generateText({
+        model: this.google(this.modelId),
+        system: SYSTEM_PROMPT,
+        prompt: buildWhyNotPrompt(primaryTools, alternativeTools, idea) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "reason": string, "betterFor"?: string }',
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiWhyNotResponseSchema.parse(JSON.parse(raw));
+
+      const whyNot: WhyNotExplanation = parsed.betterFor
+        ? { reason: parsed.reason, betterFor: parsed.betterFor }
+        : { reason: parsed.reason };
+
+      return { whyNot, source: "ai" };
+    } catch (error) {
+      console.warn(
+        `[ai/gemini] explainWhyNot failed, will fall back to heuristic:`,
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+
+  async generateRoadmap(tools: Tool[], idea: string): Promise<RoadmapResult> {
+    try {
+      const result = await generateText({
+        model: this.google(this.modelId),
+        system: SYSTEM_PROMPT,
+        prompt: buildRoadmapPrompt(tools, idea) +
+          "\n\nRespond ONLY with a valid JSON object matching this shape: " +
+          '{ "phases": Array<{ "name": string, "duration": string, "tasks": string[] }>, "totalEstimate": string }. ' +
+          "Return 2-5 phases with 1-6 tasks each.",
+        maxOutputTokens: this.maxOutputTokens,
+        abortSignal: AbortSignal.timeout(this.timeoutMs),
+      });
+
+      const raw = stripJsonFences(result.text);
+      const parsed = AiRoadmapResponseSchema.parse(JSON.parse(raw));
+
+      const roadmap: ImplementationRoadmap = {
+        phases: parsed.phases,
+        totalEstimate: parsed.totalEstimate,
+      };
+
+      return { roadmap, source: "ai" };
+    } catch (error) {
+      console.warn(
+        `[ai/gemini] generateRoadmap failed, will fall back to heuristic:`,
+        error instanceof Error ? error.message : error,
+      );
+      throw error;
+    }
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Utilities
+// ---------------------------------------------------------------------------
+
+/**
+ * Strip markdown ```json code fences the model might wrap output in.
+ */
+function stripJsonFences(text: string): string {
+  return text.replace(/^```(?:json)?\n?/, "").replace(/\n?```$/, "").trim();
 }
diff --git a/packages/ai/src/types.ts b/packages/ai/src/types.ts
index b2b2830..0e2b7d5 100644
--- a/packages/ai/src/types.ts
+++ b/packages/ai/src/types.ts
@@ -91,9 +91,11 @@ export interface EnhancedBlueprintResponse {
  * Configuration for the AI provider.
  */
 export interface AiProviderConfig {
-  provider: "gemini" | "openai" | "heuristic";
+  provider: "gemini" | "azure-openai" | "heuristic";
   apiKey?: string;
   model?: string;
   maxTokens?: number;
   timeoutMs?: number;
+  azureResourceName?: string;
+  azureApiVersion?: string;
 }
diff --git a/packages/exporter/package.json b/packages/exporter/package.json
index 368a610..0848de6 100644
--- a/packages/exporter/package.json
+++ b/packages/exporter/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/exporter",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
diff --git a/packages/registry/package.json b/packages/registry/package.json
index f76bcaa..77b4810 100644
--- a/packages/registry/package.json
+++ b/packages/registry/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/registry",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
diff --git a/packages/rules-engine/package.json b/packages/rules-engine/package.json
index bc1dd3b..961e53c 100644
--- a/packages/rules-engine/package.json
+++ b/packages/rules-engine/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/rules-engine",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
diff --git a/packages/schemas/package.json b/packages/schemas/package.json
index edbcff9..fcf4c26 100644
--- a/packages/schemas/package.json
+++ b/packages/schemas/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/schemas",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "exports": {
diff --git a/packages/schemas/src/db.ts b/packages/schemas/src/db.ts
index 8d31d6d..ba2e78f 100644
--- a/packages/schemas/src/db.ts
+++ b/packages/schemas/src/db.ts
@@ -1,9 +1,82 @@
 import { sql } from "drizzle-orm";
 import { relations } from "drizzle-orm";
-import { boolean, integer, jsonb, pgTable, real, text, timestamp, varchar } from "drizzle-orm/pg-core";
+import { boolean, index, integer, jsonb, pgTable, real, text, timestamp, varchar } from "drizzle-orm/pg-core";
 import { createInsertSchema } from "drizzle-zod";
 import { z } from "zod";
 
+// ---------------------------------------------------------------------------
+// Better Auth tables (user, session, account, verification)
+// ---------------------------------------------------------------------------
+// These are declared here so the Drizzle adapter in
+// apps/api/src/middleware/auth.ts can resolve the relations.
+// Schema mirrors better-auth's canonical postgres schema.
+
+export const user = pgTable("user", {
+  id: text("id").primaryKey(),
+  name: text("name").notNull(),
+  email: text("email").notNull().unique(),
+  emailVerified: boolean("email_verified").notNull().default(false),
+  image: text("image"),
+  createdAt: timestamp("created_at").notNull().defaultNow(),
+  updatedAt: timestamp("updated_at").notNull().defaultNow(),
+});
+
+export const session = pgTable(
+  "session",
+  {
+    id: text("id").primaryKey(),
+    expiresAt: timestamp("expires_at").notNull(),
+    token: text("token").notNull().unique(),
+    createdAt: timestamp("created_at").notNull().defaultNow(),
+    updatedAt: timestamp("updated_at").notNull().defaultNow(),
+    ipAddress: text("ip_address"),
+    userAgent: text("user_agent"),
+    userId: text("user_id")
+      .notNull()
+      .references(() => user.id, { onDelete: "cascade" }),
+  },
+  (table) => [index("session_user_id_idx").on(table.userId)],
+);
+
+export const account = pgTable(
+  "account",
+  {
+    id: text("id").primaryKey(),
+    accountId: text("account_id").notNull(),
+    providerId: text("provider_id").notNull(),
+    userId: text("user_id")
+      .notNull()
+      .references(() => user.id, { onDelete: "cascade" }),
+    accessToken: text("access_token"),
+    refreshToken: text("refresh_token"),
+    idToken: text("id_token"),
+    accessTokenExpiresAt: timestamp("access_token_expires_at"),
+    refreshTokenExpiresAt: timestamp("refresh_token_expires_at"),
+    scope: text("scope"),
+    password: text("password"),
+    createdAt: timestamp("created_at").notNull().defaultNow(),
+    updatedAt: timestamp("updated_at").notNull().defaultNow(),
+  },
+  (table) => [index("account_user_id_idx").on(table.userId)],
+);
+
+export const verification = pgTable(
+  "verification",
+  {
+    id: text("id").primaryKey(),
+    identifier: text("identifier").notNull(),
+    value: text("value").notNull(),
+    expiresAt: timestamp("expires_at").notNull(),
+    createdAt: timestamp("created_at").notNull().defaultNow(),
+    updatedAt: timestamp("updated_at").notNull().defaultNow(),
+  },
+  (table) => [index("verification_identifier_idx").on(table.identifier)],
+);
+
+// ---------------------------------------------------------------------------
+// Application tables
+// ---------------------------------------------------------------------------
+
 export const toolCategories = pgTable("tool_categories", {
   id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
   name: text("name").notNull().unique(),
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 5c66245..bfb66a7 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -2,6 +2,7 @@
   "name": "@stackfast/shared",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..aa4af1a
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,50 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const webPort = Number(process.env.E2E_WEB_PORT ?? 4173);
+const apiPort = Number(process.env.E2E_API_PORT ?? 3100);
+const webUrl = process.env.E2E_BASE_URL ?? `http://127.0.0.1:${webPort}`;
+const apiUrl = process.env.E2E_API_URL ?? `http://127.0.0.1:${apiPort}/api/v1`;
+
+export default defineConfig({
+  testDir: "./tests/e2e",
+  timeout: 30_000,
+  expect: { timeout: 10_000 },
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: process.env.CI ? "github" : "list",
+  use: {
+    baseURL: webUrl,
+    trace: "on-first-retry",
+  },
+  webServer: [
+    {
+      command: `pnpm --filter @stackfast/api dev`,
+      url: `http://127.0.0.1:${apiPort}/health`,
+      reuseExistingServer: false,
+      timeout: 120_000,
+      env: {
+        PORT: String(apiPort),
+        NODE_ENV: "development",
+        ALLOW_AUTH_BYPASS: "true",
+        CORS_ORIGIN: webUrl,
+      },
+    },
+    {
+      command: `pnpm --filter @stackfast/web build && pnpm --dir apps/web exec vite preview --host 127.0.0.1 --port ${webPort}`,
+      url: webUrl,
+      reuseExistingServer: !process.env.CI,
+      timeout: 180_000,
+      env: {
+        VITE_API_URL: apiUrl,
+      },
+    },
+  ],
+  projects: [
+    {
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
+    },
+  ],
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 60d4943..d88aa3f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,10 +7,26 @@ settings:
 importers:
 
   .:
+    dependencies:
+      '@better-auth/infra':
+        specifier: ^0.2.7
+        version: 0.2.7(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/sso@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(better-call@1.3.5(zod@4.4.3)))(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(zod@4.4.3)
     devDependencies:
       '@eslint/js':
         specifier: ^9.17.0
         version: 9.39.4
+      '@playwright/test':
+        specifier: ^1.59.1
+        version: 1.59.1
+      '@types/node':
+        specifier: ^25.6.2
+        version: 25.6.2
+      concurrently:
+        specifier: ^9.2.1
+        version: 9.2.1
+      dotenv-cli:
+        specifier: ^11.0.0
+        version: 11.0.0
       eslint:
         specifier: ^9.17.0
         version: 9.39.4(jiti@1.21.7)
@@ -23,9 +39,12 @@ importers:
       typescript-eslint:
         specifier: ^8.19.1
         version: 8.59.2(eslint@9.39.4(jiti@1.21.7))(typescript@5.9.3)
+      vite:
+        specifier: ^5.4.11
+        version: 5.4.21(@types/node@25.6.2)
       vitest:
         specifier: ^2.1.8
-        version: 2.1.9(@types/node@22.19.18)
+        version: 2.1.9(@types/node@25.6.2)
 
   apps/api:
     dependencies:
@@ -110,7 +129,7 @@ importers:
         version: 5.100.9(react@18.3.1)
       better-auth:
         specifier: ^1.1.13
-        version: 1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@22.19.18))
+        version: 1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2))
       class-variance-authority:
         specifier: ^0.7.0
         version: 0.7.1
@@ -147,7 +166,7 @@ importers:
         version: 18.3.7(@types/react@18.3.28)
       '@vitejs/plugin-react':
         specifier: ^4.3.3
-        version: 4.7.0(vite@5.4.21(@types/node@22.19.18))
+        version: 4.7.0(vite@5.4.21(@types/node@25.6.2))
       autoprefixer:
         specifier: ^10.4.20
         version: 10.5.0(postcss@8.5.14)
@@ -165,13 +184,16 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^5.4.11
-        version: 5.4.21(@types/node@22.19.18)
+        version: 5.4.21(@types/node@25.6.2)
 
   packages/ai:
     dependencies:
+      '@ai-sdk/azure':
+        specifier: ^3.0.64
+        version: 3.0.64(zod@3.25.76)
       '@ai-sdk/google':
         specifier: ^3.0.71
-        version: 3.0.71(zod@4.4.3)
+        version: 3.0.71(zod@3.25.76)
       '@stackfast/schemas':
         specifier: workspace:*
         version: link:../schemas
@@ -180,7 +202,10 @@ importers:
         version: link:../shared
       ai:
         specifier: ^6.0.177
-        version: 6.0.177(zod@4.4.3)
+        version: 6.0.177(zod@3.25.76)
+      zod:
+        specifier: ^3.24.2
+        version: 3.25.76
     devDependencies:
       typescript:
         specifier: ^5.6.3
@@ -267,6 +292,12 @@ importers:
 
 packages:
 
+  '@ai-sdk/azure@3.0.64':
+    resolution: {integrity: sha512-jNcgI9tPzpuPJhAvB6twCiH9UGOOBFRPxFWOuDI4qts347q/+iFtc+AvkrKU/JsbSSwGeeW4qslQRri4SmWipg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
   '@ai-sdk/gateway@3.0.112':
     resolution: {integrity: sha512-jiBao9pR4owWyjo0BnuNc7WSQBGOD0thysE4AFgZXaG+zMFbISQXUkJr7ePw/phBvePy7jE5FSA2Lf7lwqUiiQ==}
     engines: {node: '>=18'}
@@ -279,6 +310,12 @@ packages:
     peerDependencies:
       zod: ^3.25.76 || ^4.1.8
 
+  '@ai-sdk/openai@3.0.63':
+    resolution: {integrity: sha512-4yY/m8a57MNNVoJCsXuNblKf6BO4yuAuLKRX4tzSNffBEBSp1FlcWdPE0Z4FkqUeS0AJhYSSqp0GIiA/cIcDNA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.25.76 || ^4.1.8
+
   '@ai-sdk/provider-utils@4.0.27':
     resolution: {integrity: sha512-ubkAJ+xODouwtmN1tYlvTPphH1hPOBfZaEQe8U7skGvFAnIRs9PPpsq57bC2+Ky/MB4yzhd6YOsxTAx9sGpazw==}
     engines: {node: '>=18'}
@@ -293,6 +330,10 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
+  '@authenio/xml-encryption@2.0.2':
+    resolution: {integrity: sha512-cTlrKttbrRHEw3W+0/I609A2Matj5JQaRvfLtEIGZvlN0RaPi+3ANsMeqAyCAVlH/lUIW2tmtBlSMni74lcXeg==}
+    engines: {node: '>=12'}
+
   '@babel/code-frame@7.29.0':
     resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
@@ -403,6 +444,30 @@ packages:
       drizzle-orm:
         optional: true
 
+  '@better-auth/infra@0.2.7':
+    resolution: {integrity: sha512-tdM6LuHiUi9a2VhTSn4YOl5jyIk14cb2nlkwB/BOsYH3R6FSKkeNvSO2drRV4zrUSv/4VygHTyLi0bT5rFTmhw==}
+    peerDependencies:
+      '@better-auth/core': '>=1.4.0'
+      '@better-auth/sso': '>=1.4.0'
+      '@react-native-async-storage/async-storage': '>=1.21.0'
+      better-auth: '>=1.4.0'
+      expo-constants: '>=16.0.0'
+      expo-crypto: '>=13.0.0'
+      expo-device: '>=6.0.0'
+      react-native: '>=0.74.0'
+      zod: '>=4.1.12'
+    peerDependenciesMeta:
+      '@react-native-async-storage/async-storage':
+        optional: true
+      expo-constants:
+        optional: true
+      expo-crypto:
+        optional: true
+      expo-device:
+        optional: true
+      react-native:
+        optional: true
+
   '@better-auth/kysely-adapter@1.6.10':
     resolution: {integrity: sha512-Mp27qHgnvNCkkVEMRwhtMVpiiVFBnww0V+bunRWNU8fkxsm6H+GIBihUQOnkSCnIjV7f2HNjrf5DeYI2IhDePQ==}
     peerDependencies:
@@ -442,6 +507,15 @@ packages:
       prisma:
         optional: true
 
+  '@better-auth/sso@1.6.10':
+    resolution: {integrity: sha512-IDEFzSZHN51p1+uzEtjKdM9nMDgU/wyLvea5KU3jVNw8vO9FxYV57gfwbbyOJai/j4jqCcHvYpEtMOF+eiwhwg==}
+    peerDependencies:
+      '@better-auth/core': ^1.6.10
+      '@better-auth/utils': 0.4.0
+      '@better-fetch/fetch': 1.1.21
+      better-auth: ^1.6.10
+      better-call: 1.3.5
+
   '@better-auth/telemetry@1.6.10':
     resolution: {integrity: sha512-7lcx4btKGe4tP7Y1Nk6MWQuaiKI+qOk08B4vZFJeNKxRXyCNjVmdck78NyOTEj3iaVxN69MiXDoBZ4fEdvVbBw==}
     peerDependencies:
@@ -855,6 +929,9 @@ packages:
     resolution: {integrity: sha512-IYqDGiTXab6FniAgnSdZwgWbomxpy9FtYvLKs7wCUs2a8RkITG+DFGO1DM9cr+E3/RgADRpFjrKVaJ1z6sjtEg==}
     engines: {node: '>= 20.19.0'}
 
+  '@nodable/entities@2.1.0':
+    resolution: {integrity: sha512-nyT7T3nbMyBI/lvr6L5TyWbFJAI9FTgVRakNoBqCD+PmID8DzFrrNdLLtHMwMszOtqZa8PAOV24ZqDnQrhQINA==}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -875,6 +952,11 @@ packages:
     resolution: {integrity: sha512-cifvXDhcqMwwTlTK04GBNeIe7yyo28Mfby85QXFe1Yk8nmi36Ab/5UQwptOx84SsoGNRg+EVSjwzfSZMy6pmlw==}
     engines: {node: '>=14'}
 
+  '@playwright/test@1.59.1':
+    resolution: {integrity: sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@radix-ui/primitive@1.1.3':
     resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
@@ -1333,6 +1415,9 @@ packages:
   '@types/node@22.19.18':
     resolution: {integrity: sha512-9v00a+dn2yWVsYDEunWC4g/TcRKVq3r8N5FuZp7u0SGrPvdN9c2yXI9bBuf5Fl0hNCb+QTIePTn5pJs2pwBOQQ==}
 
+  '@types/node@25.6.2':
+    resolution: {integrity: sha512-sokuT28dxf9JT5Kady1fsXOvI4HVpjZa95NKT5y9PNTIrs2AsobR4GFAA90ZG8M+nxVRLysCXsVj6eGC7Vbrlw==}
+
   '@types/pg@8.11.6':
     resolution: {integrity: sha512-/2WmmBXHLsfRqzfHW7BNZ8SbYzE8OSk7i3WjFYvfgRHj7S1xj+16Je5fUKv3lVdVzk/zn9TXOqf+avFCFIE0yQ==}
 
@@ -1445,6 +1530,14 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
+  '@xmldom/is-dom-node@1.0.1':
+    resolution: {integrity: sha512-CJDxIgE5I0FH+ttq/Fxy6nRpxP70+e2O048EPe85J2use3XKdatVM7dDVvFNjQudd9B49NPoZ+8PG49zj4Er8Q==}
+    engines: {node: '>= 16'}
+
+  '@xmldom/xmldom@0.8.13':
+    resolution: {integrity: sha512-KRYzxepc14G/CEpEGc3Yn+JKaAeT63smlDr+vjB8jRfgTBBI9wRj/nkQEO+ucV8p8I9bfKLWp37uHgFrbntPvw==}
+    engines: {node: '>=10.0.0'}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1464,6 +1557,10 @@ packages:
   ajv@6.15.0:
     resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
 
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -1485,6 +1582,9 @@ packages:
     resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
     engines: {node: '>=10'}
 
+  asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -1610,6 +1710,10 @@ packages:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
     engines: {node: '>= 6'}
 
+  camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+
   caniuse-lite@1.0.30001792:
     resolution: {integrity: sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==}
 
@@ -1632,6 +1736,10 @@ packages:
   class-variance-authority@0.7.1:
     resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
 
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
   clsx@2.1.1:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
@@ -1650,6 +1758,11 @@ packages:
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  concurrently@9.2.1:
+    resolution: {integrity: sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -1696,6 +1809,22 @@ packages:
   dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
+  dotenv-cli@11.0.0:
+    resolution: {integrity: sha512-r5pA8idbk7GFWuHEU7trSTflWcdBpQEK+Aw17UrSHjS6CReuhrrPcyC3zcQBPQvhArRHnBo/h6eLH1fkCvNlww==}
+    hasBin: true
+
+  dotenv-expand@12.0.3:
+    resolution: {integrity: sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA==}
+    engines: {node: '>=12'}
+
+  dotenv@16.6.1:
+    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
+    engines: {node: '>=12'}
+
+  dotenv@17.4.2:
+    resolution: {integrity: sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==}
+    engines: {node: '>=12'}
+
   drizzle-orm@0.45.2:
     resolution: {integrity: sha512-kY0BSaTNYWnoDMVoyY8uxmyHjpJW1geOmBMdSSicKo9CIIWkSxMIj2rkeSR51b8KAPB7m+qysjuHme5nKP+E5Q==}
     peerDependencies:
@@ -1797,6 +1926,9 @@ packages:
   electron-to-chromium@1.5.353:
     resolution: {integrity: sha512-kOrWphBi8TOZyiJZqsgqIle0lw+tzmnQK83pV9dZUd01Nm2POECSyFQMAuarzZdYqQW7FH9RaYOuaRo3h+bQ3w==}
 
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
   es-errors@1.3.0:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
@@ -1818,6 +1950,9 @@ packages:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
 
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -1892,6 +2027,13 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fast-xml-builder@1.2.0:
+    resolution: {integrity: sha512-00aAWieqff+ZJhsXA4g1g7M8k+7AYoMUUHF+/zFb5U6Uv/P0Vl4QZo84/IcufzYalLuEj9928bXN9PbbFzMF0Q==}
+
+  fast-xml-parser@5.7.3:
+    resolution: {integrity: sha512-C0AaNuC+mscy6vrAQKAc/rMq+zAPHodfHGZu4sGVehvAQt/JLG1O5zEcYcXSY5zSqr4YVgxsB+pHXTq0i7eDlg==}
+    hasBin: true
+
   fastq@1.20.1:
     resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
 
@@ -1926,6 +2068,11 @@ packages:
   fraction.js@5.3.4:
     resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -1938,6 +2085,10 @@ packages:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
 
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
   get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
@@ -2003,6 +2154,10 @@ packages:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
   is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -2067,6 +2222,9 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  libphonenumber-js@1.13.1:
+    resolution: {integrity: sha512-GEw0GLL7YUUA6nv21IsCvVjtI5Ejn84sjbdfQ9KxdbqEVOk1PZh7xejn01EEiniKw+dBeCfim+8MGeuvVuE2BA==}
+
   lie@3.3.0:
     resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
 
@@ -2117,6 +2275,9 @@ packages:
   minimatch@3.1.5:
     resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
 
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
   mitt@3.0.1:
     resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
 
@@ -2138,9 +2299,16 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  node-forge@1.4.0:
+    resolution: {integrity: sha512-LarFH0+6VfriEhqMMcLX2F7SwSXeWwnEAJEsYm5QKWchiVYVvJyV9v7UDvUv+w5HO23ZpQTXDv/GxdDdMyOuoQ==}
+    engines: {node: '>= 6.13.0'}
+
   node-releases@2.0.38:
     resolution: {integrity: sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==}
 
+  node-rsa@1.1.1:
+    resolution: {integrity: sha512-Jd4cvbJMryN21r5HgxQOpMEqv+ooke/korixNNK3mGqfGJmy0M77WDDzo/05969+OkMy3XW1UuZsSmW9KQm7Fw==}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -2179,6 +2347,10 @@ packages:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
 
+  path-expression-matcher@1.5.0:
+    resolution: {integrity: sha512-cbrerZV+6rvdQrrD+iGMcZFEiiSrbv9Tfdkvnusy6y0x0GKBXREFg/Y65GhIfm0tnLntThhzCnfKwp1WRjeCyQ==}
+    engines: {node: '>=14.0.0'}
+
   path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
@@ -2227,6 +2399,16 @@ packages:
     resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
     engines: {node: '>= 6'}
 
+  playwright-core@1.59.1:
+    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.59.1:
+    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   postcss-import@15.1.0:
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
@@ -2369,6 +2551,10 @@ packages:
     resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
     engines: {node: '>=8'}
 
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -2396,9 +2582,18 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rxjs@7.8.2:
+    resolution: {integrity: sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==}
+
   safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  samlify@2.10.2:
+    resolution: {integrity: sha512-y5s1cHwclqwP8h7K2Wj9SfP1q+1S9+jrs5OAegYTLAiuFi7nDvuKqbiXLmUTvYPMpzHcX94wTY2+D604jgTKvA==}
+
   scheduler@0.23.2:
     resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
 
@@ -2425,6 +2620,10 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shell-quote@1.8.3:
+    resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
+    engines: {node: '>= 0.4'}
+
   siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
 
@@ -2438,13 +2637,24 @@ packages:
   std-env@3.10.0:
     resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
 
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  strnum@2.3.0:
+    resolution: {integrity: sha512-ums3KNd42PGyx5xaoVTO1mjU1bH3NpY4vsrVlnv9PNGqQj8wd7rJ6nEypLrJ7z5vxK5RP0yMLo6J/Gsm62DI5Q==}
+
   sucrase@3.35.1:
     resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -2454,6 +2664,10 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  supports-color@8.1.1:
+    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
+    engines: {node: '>=10'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -2500,10 +2714,21 @@ packages:
     resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
     engines: {node: '>=14.0.0'}
 
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    hasBin: true
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
@@ -2540,6 +2765,9 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
+  undici-types@7.19.2:
+    resolution: {integrity: sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==}
+
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
@@ -2577,6 +2805,11 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    deprecated: uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).
+    hasBin: true
+
   vite-node@2.1.9:
     resolution: {integrity: sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -2657,9 +2890,47 @@ packages:
     peerDependencies:
       react: '>=16.8.0'
 
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  xml-crypto@6.1.2:
+    resolution: {integrity: sha512-leBOVQdVi8FvPJrMYoum7Ici9qyxfE4kVi+AkpUoYCSXaQF4IlBm1cneTK9oAxR61LpYxTx7lNcsnBIeRpGW2w==}
+    engines: {node: '>=16'}
+
+  xml-escape@1.1.0:
+    resolution: {integrity: sha512-B/T4sDK8Z6aUh/qNr7mjKAwwncIljFuUP+DO/D5hloYFj+90O88z8Wf7oSucZTHxBAsC1/CTP4rtx/x1Uf72Mg==}
+
+  xml-naming@0.1.0:
+    resolution: {integrity: sha512-k8KO9hrMyNk6tUWqUfkTEZbezRRpONVOzUTnc97VnCvyj6Tf9lyUR9EDAIeiVLv56jsMcoXEwjW8Kv5yPY52lw==}
+    engines: {node: '>=16.0.0'}
+
+  xml@1.0.1:
+    resolution: {integrity: sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==}
+
+  xpath@0.0.32:
+    resolution: {integrity: sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==}
+    engines: {node: '>=0.6.0'}
+
+  xpath@0.0.33:
+    resolution: {integrity: sha512-NNXnzrkDrAzalLhIUc01jO2mOzXGXh1JwPgkihcLLzw98c0WgYDmmjSh1Kl3wzaxSVWMuA+fe0WTWOBDWCBmNA==}
+    engines: {node: '>=0.6.0'}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
@@ -2672,25 +2943,38 @@ packages:
 
 snapshots:
 
-  '@ai-sdk/gateway@3.0.112(zod@4.4.3)':
+  '@ai-sdk/azure@3.0.64(zod@3.25.76)':
+    dependencies:
+      '@ai-sdk/openai': 3.0.63(zod@3.25.76)
+      '@ai-sdk/provider': 3.0.10
+      '@ai-sdk/provider-utils': 4.0.27(zod@3.25.76)
+      zod: 3.25.76
+
+  '@ai-sdk/gateway@3.0.112(zod@3.25.76)':
     dependencies:
       '@ai-sdk/provider': 3.0.10
-      '@ai-sdk/provider-utils': 4.0.27(zod@4.4.3)
+      '@ai-sdk/provider-utils': 4.0.27(zod@3.25.76)
       '@vercel/oidc': 3.2.0
-      zod: 4.4.3
+      zod: 3.25.76
 
-  '@ai-sdk/google@3.0.71(zod@4.4.3)':
+  '@ai-sdk/google@3.0.71(zod@3.25.76)':
     dependencies:
       '@ai-sdk/provider': 3.0.10
-      '@ai-sdk/provider-utils': 4.0.27(zod@4.4.3)
-      zod: 4.4.3
+      '@ai-sdk/provider-utils': 4.0.27(zod@3.25.76)
+      zod: 3.25.76
+
+  '@ai-sdk/openai@3.0.63(zod@3.25.76)':
+    dependencies:
+      '@ai-sdk/provider': 3.0.10
+      '@ai-sdk/provider-utils': 4.0.27(zod@3.25.76)
+      zod: 3.25.76
 
-  '@ai-sdk/provider-utils@4.0.27(zod@4.4.3)':
+  '@ai-sdk/provider-utils@4.0.27(zod@3.25.76)':
     dependencies:
       '@ai-sdk/provider': 3.0.10
       '@standard-schema/spec': 1.1.0
       eventsource-parser: 3.0.8
-      zod: 4.4.3
+      zod: 3.25.76
 
   '@ai-sdk/provider@3.0.10':
     dependencies:
@@ -2698,6 +2982,12 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
+  '@authenio/xml-encryption@2.0.2':
+    dependencies:
+      '@xmldom/xmldom': 0.8.13
+      escape-html: 1.0.3
+      xpath: 0.0.32
+
   '@babel/code-frame@7.29.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
@@ -2810,7 +3100,7 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
-  '@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)':
+  '@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)':
     dependencies:
       '@better-auth/utils': 0.4.0
       '@better-fetch/fetch': 1.1.21
@@ -2824,38 +3114,62 @@ snapshots:
     optionalDependencies:
       '@opentelemetry/api': 1.9.0
 
-  '@better-auth/drizzle-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))':
+  '@better-auth/drizzle-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
     optionalDependencies:
       drizzle-orm: 0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17)
 
-  '@better-auth/kysely-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(kysely@0.28.17)':
+  '@better-auth/infra@0.2.7(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/sso@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(better-call@1.3.5(zod@4.4.3)))(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(zod@4.4.3)':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/sso': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(better-call@1.3.5(zod@4.4.3))
+      '@better-fetch/fetch': 1.1.21
+      better-auth: 1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2))
+      better-call: 1.3.5(zod@4.4.3)
+      jose: 6.2.3
+      libphonenumber-js: 1.13.1
+      zod: 4.4.3
+
+  '@better-auth/kysely-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(kysely@0.28.17)':
+    dependencies:
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
     optionalDependencies:
       kysely: 0.28.17
 
-  '@better-auth/memory-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
+  '@better-auth/memory-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
 
-  '@better-auth/mongo-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
+  '@better-auth/mongo-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
 
-  '@better-auth/prisma-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
+  '@better-auth/prisma-adapter@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
 
-  '@better-auth/telemetry@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)':
+  '@better-auth/sso@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)))(better-call@1.3.5(zod@4.4.3))':
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/utils': 0.4.0
+      '@better-fetch/fetch': 1.1.21
+      better-auth: 1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2))
+      better-call: 1.3.5(zod@4.4.3)
+      fast-xml-parser: 5.7.3
+      jose: 6.2.3
+      samlify: 2.10.2
+      tldts: 6.1.86
+      zod: 4.4.3
+
+  '@better-auth/telemetry@1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)':
+    dependencies:
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
       '@better-auth/utils': 0.4.0
       '@better-fetch/fetch': 1.1.21
 
@@ -3122,6 +3436,8 @@ snapshots:
 
   '@noble/hashes@2.2.0': {}
 
+  '@nodable/entities@2.1.0': {}
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -3138,6 +3454,10 @@ snapshots:
 
   '@opentelemetry/semantic-conventions@1.40.0': {}
 
+  '@playwright/test@1.59.1':
+    dependencies:
+      playwright: 1.59.1
+
   '@radix-ui/primitive@1.1.3': {}
 
   '@radix-ui/react-arrow@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.28))(@types/react@18.3.28)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
@@ -3529,6 +3849,10 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
+  '@types/node@25.6.2':
+    dependencies:
+      undici-types: 7.19.2
+
   '@types/pg@8.11.6':
     dependencies:
       '@types/node': 22.19.18
@@ -3639,7 +3963,7 @@ snapshots:
 
   '@vercel/oidc@3.2.0': {}
 
-  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@22.19.18))':
+  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@25.6.2))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -3647,7 +3971,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-beta.27
       '@types/babel__core': 7.20.5
       react-refresh: 0.17.0
-      vite: 5.4.21(@types/node@22.19.18)
+      vite: 5.4.21(@types/node@25.6.2)
     transitivePeerDependencies:
       - supports-color
 
@@ -3658,13 +3982,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 1.2.0
 
-  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@22.19.18))':
+  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@25.6.2))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 5.4.21(@types/node@22.19.18)
+      vite: 5.4.21(@types/node@25.6.2)
 
   '@vitest/pretty-format@2.1.9':
     dependencies:
@@ -3691,19 +4015,23 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 1.2.0
 
+  '@xmldom/is-dom-node@1.0.1': {}
+
+  '@xmldom/xmldom@0.8.13': {}
+
   acorn-jsx@5.3.2(acorn@8.16.0):
     dependencies:
       acorn: 8.16.0
 
   acorn@8.16.0: {}
 
-  ai@6.0.177(zod@4.4.3):
+  ai@6.0.177(zod@3.25.76):
     dependencies:
-      '@ai-sdk/gateway': 3.0.112(zod@4.4.3)
+      '@ai-sdk/gateway': 3.0.112(zod@3.25.76)
       '@ai-sdk/provider': 3.0.10
-      '@ai-sdk/provider-utils': 4.0.27(zod@4.4.3)
+      '@ai-sdk/provider-utils': 4.0.27(zod@3.25.76)
       '@opentelemetry/api': 1.9.0
-      zod: 4.4.3
+      zod: 3.25.76
 
   ajv@6.15.0:
     dependencies:
@@ -3712,6 +4040,8 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ansi-regex@5.0.1: {}
+
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
@@ -3731,6 +4061,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  asn1@0.2.6:
+    dependencies:
+      safer-buffer: 2.1.2
+
   assertion-error@2.0.1: {}
 
   autoprefixer@10.5.0(postcss@8.5.14):
@@ -3750,13 +4084,13 @@ snapshots:
 
   better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@22.19.18)):
     dependencies:
-      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
-      '@better-auth/drizzle-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))
-      '@better-auth/kysely-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(kysely@0.28.17)
-      '@better-auth/memory-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
-      '@better-auth/mongo-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
-      '@better-auth/prisma-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
-      '@better-auth/telemetry': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@3.25.76))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/drizzle-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))
+      '@better-auth/kysely-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(kysely@0.28.17)
+      '@better-auth/memory-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/mongo-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/prisma-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/telemetry': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)
       '@better-auth/utils': 0.4.0
       '@better-fetch/fetch': 1.1.21
       '@noble/ciphers': 2.2.0
@@ -3776,6 +4110,34 @@ snapshots:
       - '@cloudflare/workers-types'
       - '@opentelemetry/api'
 
+  better-auth@1.6.10(@opentelemetry/api@1.9.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vitest@2.1.9(@types/node@25.6.2)):
+    dependencies:
+      '@better-auth/core': 1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0)
+      '@better-auth/drizzle-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17))
+      '@better-auth/kysely-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(kysely@0.28.17)
+      '@better-auth/memory-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/mongo-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/prisma-adapter': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)
+      '@better-auth/telemetry': 1.6.10(@better-auth/core@1.6.10(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)(@opentelemetry/api@1.9.0)(better-call@1.3.5(zod@4.4.3))(jose@6.2.3)(kysely@0.28.17)(nanostores@1.3.0))(@better-auth/utils@0.4.0)(@better-fetch/fetch@1.1.21)
+      '@better-auth/utils': 0.4.0
+      '@better-fetch/fetch': 1.1.21
+      '@noble/ciphers': 2.2.0
+      '@noble/hashes': 2.2.0
+      better-call: 1.3.5(zod@4.4.3)
+      defu: 6.1.7
+      jose: 6.2.3
+      kysely: 0.28.17
+      nanostores: 1.3.0
+      zod: 4.4.3
+    optionalDependencies:
+      drizzle-orm: 0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      vitest: 2.1.9(@types/node@25.6.2)
+    transitivePeerDependencies:
+      - '@cloudflare/workers-types'
+      - '@opentelemetry/api'
+
   better-call@1.3.5(zod@4.4.3):
     dependencies:
       '@better-auth/utils': 0.4.0
@@ -3814,6 +4176,8 @@ snapshots:
 
   camelcase-css@2.0.1: {}
 
+  camelcase@6.3.0: {}
+
   caniuse-lite@1.0.30001792: {}
 
   chai@5.3.3:
@@ -3847,6 +4211,12 @@ snapshots:
     dependencies:
       clsx: 2.1.1
 
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
   clsx@2.1.1: {}
 
   color-convert@2.0.1:
@@ -3859,6 +4229,15 @@ snapshots:
 
   concat-map@0.0.1: {}
 
+  concurrently@9.2.1:
+    dependencies:
+      chalk: 4.1.2
+      rxjs: 7.8.2
+      shell-quote: 1.8.3
+      supports-color: 8.1.1
+      tree-kill: 1.2.2
+      yargs: 17.7.2
+
   convert-source-map@2.0.0: {}
 
   core-util-is@1.0.3: {}
@@ -3889,6 +4268,21 @@ snapshots:
 
   dlv@1.1.3: {}
 
+  dotenv-cli@11.0.0:
+    dependencies:
+      cross-spawn: 7.0.6
+      dotenv: 17.4.2
+      dotenv-expand: 12.0.3
+      minimist: 1.2.8
+
+  dotenv-expand@12.0.3:
+    dependencies:
+      dotenv: 16.6.1
+
+  dotenv@16.6.1: {}
+
+  dotenv@17.4.2: {}
+
   drizzle-orm@0.45.2(@neondatabase/serverless@0.10.4)(@opentelemetry/api@1.9.0)(@types/pg@8.11.6)(kysely@0.28.17):
     optionalDependencies:
       '@neondatabase/serverless': 0.10.4
@@ -3903,6 +4297,8 @@ snapshots:
 
   electron-to-chromium@1.5.353: {}
 
+  emoji-regex@8.0.0: {}
+
   es-errors@1.3.0: {}
 
   es-module-lexer@1.7.0: {}
@@ -3964,6 +4360,8 @@ snapshots:
 
   escalade@3.2.0: {}
 
+  escape-html@1.0.3: {}
+
   escape-string-regexp@4.0.0: {}
 
   eslint-scope@8.4.0:
@@ -4058,6 +4456,18 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
+  fast-xml-builder@1.2.0:
+    dependencies:
+      path-expression-matcher: 1.5.0
+      xml-naming: 0.1.0
+
+  fast-xml-parser@5.7.3:
+    dependencies:
+      '@nodable/entities': 2.1.0
+      fast-xml-builder: 1.2.0
+      path-expression-matcher: 1.5.0
+      strnum: 2.3.0
+
   fastq@1.20.1:
     dependencies:
       reusify: 1.1.0
@@ -4088,6 +4498,9 @@ snapshots:
 
   fraction.js@5.3.4: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
@@ -4095,6 +4508,8 @@ snapshots:
 
   gensync@1.0.0-beta.2: {}
 
+  get-caller-file@2.0.5: {}
+
   get-nonce@1.0.1: {}
 
   get-tsconfig@4.14.0:
@@ -4144,6 +4559,8 @@ snapshots:
 
   is-extglob@2.1.1: {}
 
+  is-fullwidth-code-point@3.0.0: {}
+
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
@@ -4194,6 +4611,8 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  libphonenumber-js@1.13.1: {}
+
   lie@3.3.0:
     dependencies:
       immediate: 3.0.6
@@ -4241,6 +4660,8 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.14
 
+  minimist@1.2.8: {}
+
   mitt@3.0.1: {}
 
   ms@2.1.3: {}
@@ -4257,8 +4678,14 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  node-forge@1.4.0: {}
+
   node-releases@2.0.38: {}
 
+  node-rsa@1.1.1:
+    dependencies:
+      asn1: 0.2.6
+
   normalize-path@3.0.0: {}
 
   object-assign@4.1.1: {}
@@ -4292,6 +4719,8 @@ snapshots:
 
   path-exists@4.0.0: {}
 
+  path-expression-matcher@1.5.0: {}
+
   path-key@3.1.1: {}
 
   path-parse@1.0.7: {}
@@ -4326,6 +4755,14 @@ snapshots:
 
   pirates@4.0.7: {}
 
+  playwright-core@1.59.1: {}
+
+  playwright@1.59.1:
+    dependencies:
+      playwright-core: 1.59.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
   postcss-import@15.1.0(postcss@8.5.14):
     dependencies:
       postcss: 8.5.14
@@ -4445,6 +4882,8 @@ snapshots:
 
   regexparam@3.0.0: {}
 
+  require-directory@2.1.1: {}
+
   resolve-from@4.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -4495,8 +4934,28 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  rxjs@7.8.2:
+    dependencies:
+      tslib: 2.8.1
+
   safe-buffer@5.1.2: {}
 
+  safer-buffer@2.1.2: {}
+
+  samlify@2.10.2:
+    dependencies:
+      '@authenio/xml-encryption': 2.0.2
+      '@xmldom/xmldom': 0.8.13
+      camelcase: 6.3.0
+      node-forge: 1.4.0
+      node-rsa: 1.1.1
+      pako: 1.0.11
+      uuid: 8.3.2
+      xml: 1.0.1
+      xml-crypto: 6.1.2
+      xml-escape: 1.1.0
+      xpath: 0.0.32
+
   scheduler@0.23.2:
     dependencies:
       loose-envify: 1.4.0
@@ -4515,6 +4974,8 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shell-quote@1.8.3: {}
+
   siginfo@2.0.0: {}
 
   source-map-js@1.2.1: {}
@@ -4523,12 +4984,24 @@ snapshots:
 
   std-env@3.10.0: {}
 
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
 
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
   strip-json-comments@3.1.1: {}
 
+  strnum@2.3.0: {}
+
   sucrase@3.35.1:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
@@ -4543,6 +5016,10 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  supports-color@8.1.1:
+    dependencies:
+      has-flag: 4.0.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   tailwind-merge@2.6.1: {}
@@ -4602,10 +5079,18 @@ snapshots:
 
   tinyspy@3.0.2: {}
 
+  tldts-core@6.1.86: {}
+
+  tldts@6.1.86:
+    dependencies:
+      tldts-core: 6.1.86
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
 
+  tree-kill@1.2.2: {}
+
   ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
@@ -4640,6 +5125,8 @@ snapshots:
 
   undici-types@6.21.0: {}
 
+  undici-types@7.19.2: {}
+
   update-browserslist-db@1.2.3(browserslist@4.28.2):
     dependencies:
       browserslist: 4.28.2
@@ -4671,6 +5158,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@8.3.2: {}
+
   vite-node@2.1.9(@types/node@22.19.18):
     dependencies:
       cac: 6.7.14
@@ -4688,6 +5177,25 @@ snapshots:
       - sugarss
       - supports-color
       - terser
+    optional: true
+
+  vite-node@2.1.9(@types/node@25.6.2):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.3
+      es-module-lexer: 1.7.0
+      pathe: 1.1.2
+      vite: 5.4.21(@types/node@25.6.2)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
 
   vite@5.4.21(@types/node@22.19.18):
     dependencies:
@@ -4697,11 +5205,21 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.19.18
       fsevents: 2.3.3
+    optional: true
+
+  vite@5.4.21(@types/node@25.6.2):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.14
+      rollup: 4.60.3
+    optionalDependencies:
+      '@types/node': 25.6.2
+      fsevents: 2.3.3
 
   vitest@2.1.9(@types/node@22.19.18):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.18))
+      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@25.6.2))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -4732,6 +5250,42 @@ snapshots:
       - sugarss
       - supports-color
       - terser
+    optional: true
+
+  vitest@2.1.9(@types/node@25.6.2):
+    dependencies:
+      '@vitest/expect': 2.1.9
+      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@25.6.2))
+      '@vitest/pretty-format': 2.1.9
+      '@vitest/runner': 2.1.9
+      '@vitest/snapshot': 2.1.9
+      '@vitest/spy': 2.1.9
+      '@vitest/utils': 2.1.9
+      chai: 5.3.3
+      debug: 4.4.3
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      pathe: 1.1.2
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinypool: 1.1.1
+      tinyrainbow: 1.2.0
+      vite: 5.4.21(@types/node@25.6.2)
+      vite-node: 2.1.9(@types/node@25.6.2)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 25.6.2
+    transitivePeerDependencies:
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
 
   which@2.0.2:
     dependencies:
@@ -4751,8 +5305,44 @@ snapshots:
       regexparam: 3.0.0
       use-sync-external-store: 1.6.0(react@18.3.1)
 
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  xml-crypto@6.1.2:
+    dependencies:
+      '@xmldom/is-dom-node': 1.0.1
+      '@xmldom/xmldom': 0.8.13
+      xpath: 0.0.33
+
+  xml-escape@1.1.0: {}
+
+  xml-naming@0.1.0: {}
+
+  xml@1.0.1: {}
+
+  xpath@0.0.32: {}
+
+  xpath@0.0.33: {}
+
+  y18n@5.0.8: {}
+
   yallist@3.1.1: {}
 
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
   yocto-queue@0.1.0: {}
 
   zod@3.25.76: {}
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 2e7af2b..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/readme.md b/readme.md
index 91aaa9d..cb7cba1 100644
--- a/readme.md
+++ b/readme.md
@@ -1,69 +1,155 @@
-# Stackfast - AI-Powered Tech Stack Builder
-
-## Overview
-Stackfast is a comprehensive platform for discovering AI development tools, analyzing compatibility, building tech stacks, and generating project blueprints. Born from the merger of TechStack Explorer and StackFast, it provides intelligent recommendations, harmony scoring, migration planning, and analytics to help developers create optimal stacks.
-
-Key features:
-- Curated database of 51+ tools with add/edit/delete and fuzzy search
-- Compatibility matrix with heatmap, insights, and migration wizard
-- Stack builder with validation, recommendations, saving/loading, and export (JSON/CSV)
-- AI-like blueprint generation with compatibility awareness
-- Analytics dashboard with charts and stats
-- User voting for dynamic popularity scores
-- External data imports and API integrations
-
-Live Demo: [stackfast-demo.vercel.app](https://stackfast-demo.vercel.app) (See DEMO.md for walkthrough)
-
-## System Architecture
-
-### Frontend
-- **Framework**: React 18 with TypeScript
-- **Routing**: Wouter
-- **UI**: shadcn/ui, Radix UI, Tailwind CSS (dark theme with neon orange accents)
-- **State**: TanStack Query
-- **Build**: Vite
-- **Key Pages**: Dashboard, Tool Database (paginated/fuzzy search), Stack Builder (with export/save), Compatibility Matrix (virtualized), Blueprint Builder, Analytics, Migration Wizard
-
-### Backend
-- **Runtime**: Node.js/Express with TypeScript
-- **API**: RESTful, split into modular routes (tools, categories, etc.)
-- **Database**: PostgreSQL with Drizzle ORM
-- **Services**: Compatibility engine, blueprint generator, external imports (GitHub, npm, etc.)
-- **Security**: Rate limiting (100 req/15min), caching
-
-### Database
-- Tables: tools, categories, compatibilities, junctions for multi-category
-- Features: JSONB for flexible data, migrations via Drizzle Kit
-
-## API Endpoints (Selected)
-- `/api/tools`: CRUD for tools
-- `/api/v1/compatibility/:toolA/:toolB`: Score between tools
-- `/api/v1/stack/analyze`: Stack harmony analysis
-- `/api/v1/tools/search`: Fuzzy/filtered search
-- `/api/v1/blueprint`: Generate blueprint
-- `/api/v1/migration/:from/:to`: Migration paths
-- `/api/tools/:id/vote`: Update popularity (new)
-
-Full list in routes files.
+# Stackfast 2026
+
+Stackfast 2026 is a pnpm TypeScript monorepo for building, validating, and exporting modern application stacks. It combines a curated tool registry, compatibility rules, idea-to-stack blueprint generation, migration planning, and scaffold export flows.
+
+## Current Status
+
+- Monorepo scaffold is complete.
+- Core packages compile and test successfully.
+- API contract tests cover the public MVP API surface.
+- Registry validation passes for the expanded catalog.
+- Playwright E2E tests cover the primary MVP flows.
+- Deployment work is still pending.
+
+## Architecture
+
+```text
+apps/
+	api/        Hono API server
+	web/        React + Vite web app
+packages/
+	ai/         Blueprint explanation providers and heuristic fallback
+	exporter/   Starter file, README, env, and setup-guide generation
+	registry/   Curated tool/catalog loading and validation
+	rules-engine/ Compatibility scoring and diagnostics
+	schemas/    Shared Zod, API, and Drizzle schemas
+	shared/     Shared utilities
+```
+
+## Tech Stack
+
+- Package manager: pnpm workspaces
+- Runtime: Node.js 20+
+- API: Hono, Zod, Better Auth, Drizzle, Neon Postgres-ready
+- Web: React 18, Vite, TypeScript, Wouter, TanStack Query, Tailwind CSS
+- Tests: Vitest, Playwright
+- Registry: static curated catalog with build-time Zod validation
 
 ## Setup
-1. Install: `npm install`
-2. Database: Set up PostgreSQL, run migrations `npx drizzle-kit push:pg`
-3. Env: Copy .env.example to .env and fill keys
-4. Run: `npm run dev` (frontend + backend)
-5. Import Data: POST to /api/tools/import-stackfast and /api/tools/import-csv
-
-## Usage
-- Explore tools and vote on popularity
-- Build/analyze stacks with exports
-- Generate blueprints for ideas
-- View compatibility in matrix/heatmap
-
-## Recent Changes
-- Added pagination, fuzzy search, voting, saved stacks, exports
-- Virtualized matrix for performance
-- Expanded to 51+ tools via imports
-- Rate limiting and route modularization
-- Dependency updates
-
-See CODEBASE_REVIEW.md for full audit.
+
+1. Install Node.js 20+.
+2. Install dependencies:
+
+	 ```sh
+	 pnpm install
+	 ```
+
+3. Copy `.env.example` to `.env` at the workspace root and fill in the values
+	 (at minimum `DATABASE_URL`, `BETTER_AUTH_SECRET`, `GITHUB_CLIENT_ID`,
+	 `GITHUB_CLIENT_SECRET`, and optionally `GEMINI_API_KEY`).
+4. Run both dev servers:
+
+	 ```sh
+	 pnpm dev
+	 ```
+
+	 This starts the Hono API on `http://localhost:3000` and the Vite web app
+	 on `http://localhost:5173`. The web dev server proxies `/api/*` to the
+	 API, so sign-in cookies and CORS "just work" in dev.
+
+	 To start only one server:
+
+	 ```sh
+	 pnpm dev:api   # Hono API with tsx watch
+	 pnpm dev:web   # Vite dev server
+	 ```
+
+## Environment Variables
+
+Common local variables are documented in `.env.example`:
+
+| Variable | Purpose |
+| --- | --- |
+| `PORT` | API port, default `3000` |
+| `CORS_ORIGIN` / `WEB_ORIGIN` | Allowed browser origin for API CORS |
+| `DATABASE_URL` | Neon/Postgres connection string |
+| `BETTER_AUTH_SECRET` | Better Auth session secret |
+| `BETTER_AUTH_URL` | Public API/auth base URL |
+| `ALLOW_AUTH_BYPASS` | Local non-production auth bypass when no database is configured |
+| `GITHUB_CLIENT_ID`, `GITHUB_CLIENT_SECRET` | GitHub OAuth credentials |
+| `ADMIN_API_KEY` | Protects `/admin/*` and `/internal/*` routes |
+| `AI_PROVIDER` | `heuristic`, `gemini`, or `azure-openai` |
+| `GEMINI_API_KEY` | Gemini API key (when `AI_PROVIDER=gemini`) |
+| `AZURE_OPENAI_RESOURCE_NAME` | Azure Foundry resource subdomain (when `AI_PROVIDER=azure-openai`) |
+| `AZURE_OPENAI_API_KEY` | Azure OpenAI API key |
+| `AZURE_OPENAI_DEPLOYMENT` | Azure deployment name, e.g. `gpt-5.5` or `gpt-4.1` |
+| `VITE_API_URL` | Web build-time API URL, e.g. `http://localhost:3000/api/v1` |
+| `VITE_AUTH_URL` | Optional web build-time auth origin override |
+
+For local development without a database, keep `NODE_ENV=development` and `ALLOW_AUTH_BYPASS=true`.
+
+## Scripts
+
+| Command | Description |
+| --- | --- |
+| `pnpm dev` | Run API and web dev servers together (colored, shared Ctrl-C) |
+| `pnpm dev:api` | Run only the API (tsx watch, loads `.env` via dotenv-cli) |
+| `pnpm dev:web` | Run only the Vite web dev server |
+| `pnpm seed` | Seed the Neon DB from the registry catalog (needs `DATABASE_URL`) |
+| `pnpm -r type-check` | Type-check every workspace package/app |
+| `pnpm -r lint` | Lint every workspace package/app |
+| `pnpm -r test` | Run unit/API tests |
+| `pnpm validate:registry` | Validate the catalog and compatibility rules |
+| `pnpm -r build` | Build all packages/apps |
+| `pnpm test:e2e` | Run Playwright MVP flow tests |
+
+## API Surface
+
+Public MVP routes:
+
+- `GET /health`
+- `POST /api/v1/blueprints`
+- `POST /api/v1/stacks/analyze`
+- `GET /api/v1/tools/search`
+- `GET /api/v1/tools/:id`
+- `GET /api/v1/categories`
+- `GET /api/v1/catalog`
+- `GET /api/v1/compatibility/:a/:b`
+- `POST /api/v1/scaffolds`
+- `GET /api/v1/migrations/:from/:to`
+
+Protected routes:
+
+- `POST /admin/tools/import`
+- `POST /admin/compatibility/recompute`
+- `POST /internal/enrich-tool`
+
+## Testing and Quality Gate
+
+Recommended local validation before a PR:
+
+```sh
+pnpm -r type-check
+pnpm -r lint
+pnpm -r test
+pnpm validate:registry
+pnpm -r build
+pnpm test:e2e
+```
+
+Playwright uses isolated local ports by default and builds the web app with `VITE_API_URL` pointing at the test API.
+
+## Deployment Notes
+
+Phase 8 deployment is still pending. Before production deployment:
+
+- Replace in-memory rate limiting with a distributed backend such as Redis/Upstash.
+- Provision Neon Postgres and configure `DATABASE_URL`.
+- Configure Better Auth and GitHub OAuth callback URLs.
+- Set production `CORS_ORIGIN`, `BETTER_AUTH_URL`, `VITE_API_URL`, and `VITE_AUTH_URL`.
+- Configure `ADMIN_API_KEY` and AI provider secrets.
+- Add error tracking such as Sentry.
+
+## Roadmap
+
+See `ROADMAP.md` for phase-by-phase progress and remaining deployment/MVP ship tasks.
diff --git a/run.log b/run.log
deleted file mode 100644
index 06ec671..0000000
--- a/run.log
+++ /dev/null
@@ -1,46 +0,0 @@
-12:45:02 PM [express] serving on port 5000
-12:45:15 PM [express] GET /api/tools/export-csv 200 in 5ms
-Browserslist: browsers data (caniuse-lite) is 11 months old. Please run:
-  npx update-browserslist-db@latest
-  Why you should do it regularly: https://github.com/browserslist/update-db#readme
-1:37:27 PM [express] GET /api/tools 200 in 4ms :: [{"id":"5351e9f4-d07b-4578-846d-bfc05878e188","nam…
-1:37:27 PM [express] GET /api/categories 200 in 3ms :: [{"id":"a8546e3e-0f3f-4ffb-9aa3-f902a9bafc03"…
-2:07:22 PM [express] GET /api/tools/quality 200 in 3ms :: [{"id":"69f61222-c6f0-4bbd-997e-5810702fdc…
-2:07:22 PM [express] GET /api/categories 200 in 0ms :: [{"id":"a8546e3e-0f3f-4ffb-9aa3-f902a9bafc03"…
-2:07:22 PM [express] GET /api/compatibility-matrix 200 in 6ms :: [{"toolOne":{"id":"5351e9f4-d07b-45…
-2:07:27 PM [express] GET /api/tools 200 in 1ms :: [{"id":"5351e9f4-d07b-4578-846d-bfc05878e188","nam…
-2:07:29 PM [express] GET /api/tools/export-csv 200 in 1ms
-5:56:36 PM [express] GET /api/tools/export-csv 200 in 8ms
-5:57:03 PM [express] GET /api/tools/quality 200 in 3ms :: [{"id":"69f61222-c6f0-4bbd-997e-5810702fdc…
-5:57:03 PM [express] GET /api/compatibility-matrix 200 in 3ms :: [{"toolOne":{"id":"5351e9f4-d07b-45…
-6:21:36 PM [express] GET /api/compatibility-matrix 304 in 4ms :: [{"toolOne":{"id":"5351e9f4-d07b-45…
-6:25:31 PM [vite] hmr update /src/App.tsx?v=mf86vujd, /src/index.css?v=mf86vujd
-6:25:47 PM [vite] hmr update /src/App.tsx?v=mf86vujd, /src/index.css?v=mf86vujd
-6:25:47 PM [vite] hmr update /src/pages/quickstart.tsx, /src/index.css?v=mf86vujd
-6:45:49 PM [vite] hmr update /src/pages/tool-database.tsx, /src/index.css?v=mf86vujd
-6:45:55 PM [vite] hmr update /src/pages/compatibility-matrix.tsx, /src/index.css?v=mf86vujd
-6:46:39 PM [vite] hmr update /src/pages/tool-database.tsx, /src/index.css?v=mf86vujd
-6:46:39 PM [vite] hmr update /src/components/edit-tool-dialog.tsx, /src/index.css?v=mf86vujd
-6:46:39 PM [vite] hmr update /src/pages/compatibility-matrix.tsx, /src/index.css?v=mf86vujd
-6:50:06 PM [vite] hmr update /src/pages/tool-database.tsx, /src/index.css?v=mf86vujd
-6:50:35 PM [vite] hmr update /src/pages/tool-database.tsx, /src/index.css?v=mf86vujd
-8:11:13 PM [vite] hmr update /src/pages/tool-database.tsx, /src/index.css?v=mf86vujd
-8:11:14 PM [vite] Internal server error: Failed to resolve import "fuse.js" from "client/src/pages/tool-database.tsx". Does the file exist?
-  Plugin: vite:import-analysis
-  File: F:/Demos/Stackfast/client/src/pages/tool-database.tsx:19:17
-  33 |  import { EditToolDialog } from "@/components/edit-tool-dialog";
-  34 |  import { usePaginatedTools } from "@/hooks/use-paginated-tools";
-  35 |  import Fuse from "fuse.js";
-     |                    ^
-  36 |  export default function ToolDatabasePage({ searchQuery, categoryFilter }) {
-  37 |    _s();
-      at TransformPluginContext._formatError (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:49258:41)
-      at TransformPluginContext.error (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:49253:16)
-      at normalizeUrl (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:64291:23)
-      at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
-      at async <anonymous> (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:64423:39)
-      at async Promise.all (index 20)
-      at async TransformPluginContext.transform (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:64350:7)
-      at async PluginContainer.transform (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:49099:18)
-      at async loadAndTransform (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:51977:27)
-      at async viteTransformMiddleware (F:\Demos\Stackfast\node_modules\vite\dist\node\chunks\dep-C6uTJdX2.js:62105:24)
diff --git a/server/db.ts b/server/db.ts
deleted file mode 100644
index d7f01ad..0000000
--- a/server/db.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Pool } from 'pg';
-import { drizzle } from 'drizzle-orm/postgres-js';
-import postgres from 'postgres';
-import * as schema from "@shared/schema";
-
-// Provide a safe fallback when DATABASE_URL is not configured.
-// This prevents imports from throwing during development without a database.
-export const pool = process.env.DATABASE_URL
-  ? new Pool({ connectionString: process.env.DATABASE_URL })
-  : (undefined as any);
-
-export const db = process.env.DATABASE_URL
-  ? drizzle(postgres(process.env.DATABASE_URL), { schema })
-  : (new Proxy({}, {
-      get() {
-        throw new Error("DATABASE_URL must be set to use database-backed storage");
-      }
-    }) as any);
\ No newline at end of file
diff --git a/server/index.ts b/server/index.ts
deleted file mode 100644
index 727f02b..0000000
--- a/server/index.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import express, { type Request, Response, NextFunction } from "express";
-import { registerRoutes } from "./routes";
-import { setupVite, serveStatic, log } from "./vite";
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
-
-const app = express();
-app.use(express.json());
-app.use(express.urlencoded({ extended: false }));
-
-
-app.use((req, res, next) => {
-	const start = Date.now();
-	const path = req.path;
-	let capturedJsonResponse: Record<string, any> | undefined = undefined;
-
-	const originalResJson = res.json;
-	res.json = function (bodyJson, ...args) {
-		capturedJsonResponse = bodyJson;
-		return originalResJson.apply(res, [bodyJson, ...args]);
-	};
-
-	res.on("finish", () => {
-		const duration = Date.now() - start;
-		if (path.startsWith("/api")) {
-			let logLine = `${req.method} ${path} ${res.statusCode} in ${duration}ms`;
-			if (capturedJsonResponse) {
-				logLine += ` :: ${JSON.stringify(capturedJsonResponse)}`;
-			}
-
-			if (logLine.length > 80) {
-				logLine = logLine.slice(0, 79) + "…";
-			}
-
-			log(logLine);
-		}
-	});
-
-	next();
-});
-
-(async () => {
-	// Detect build presence (dist/public) to decide serving mode
-	const __dirname = path.dirname(fileURLToPath(import.meta.url));
-	const builtPublic = path.resolve(__dirname, "..", "dist", "public");
-	const hasBuild = fs.existsSync(builtPublic);
-	const nodeEnv = process.env.NODE_ENV || (hasBuild ? "production" : "development");
-
-	// Register routes FIRST before any middleware that might interfere
-	console.log("About to register routes...");
-	const server = await registerRoutes(app);
-	console.log("Routes registered successfully");
-
-	// Error handling middleware
-	app.use((err: any, _req: Request, res: Response, _next: NextFunction) => {
-		const status = err.status || err.statusCode || 500;
-		const message = err.message || "Internal Server Error";
-
-		try {
-			res.status(status).json({ message });
-		} finally {
-		}
-	});
-
-	// Re-enable Vite for frontend development
-	if (nodeEnv === "development") {
-		await setupVite(app, server);
-	} else {
-		serveStatic(app);
-	}
-
-	const port = Number.parseInt(process.env.PORT || "3001", 10);
-	const listenOptions: any = {
-		port,
-		host: "0.0.0.0",
-	};
-	// reusePort is not supported on Windows; enabling it causes ENOTSUP
-	if (process.platform !== "win32") {
-		listenOptions.reusePort = true;
-	}
-	server.listen(listenOptions, () => {
-		log(`serving on port ${port}`);
-	});
-})();
diff --git a/server/middleware/advanced-cache.ts b/server/middleware/advanced-cache.ts
deleted file mode 100644
index 42c74ff..0000000
--- a/server/middleware/advanced-cache.ts
+++ /dev/null
@@ -1,371 +0,0 @@
-import { Request, Response, NextFunction } from "express";
-import crypto from "crypto";
-
-interface CacheEntry {
-  data: any;
-  timestamp: number;
-  ttl: number;
-  etag: string;
-  hits: number;
-  lastAccess: number;
-  compressed?: boolean;
-}
-
-interface CacheStats {
-  hits: number;
-  misses: number;
-  size: number;
-  entries: number;
-  hitRate: number;
-}
-
-class AdvancedCache {
-  private cache: Map<string, CacheEntry> = new Map();
-  private stats: CacheStats = {
-    hits: 0,
-    misses: 0,
-    size: 0,
-    entries: 0,
-    hitRate: 0
-  };
-  private maxSize: number = 100 * 1024 * 1024; // 100MB default
-  private maxEntries: number = 10000;
-  
-  constructor(options?: { maxSize?: number; maxEntries?: number }) {
-    if (options?.maxSize) this.maxSize = options.maxSize;
-    if (options?.maxEntries) this.maxEntries = options.maxEntries;
-    
-    // Cleanup expired entries every 5 minutes
-    setInterval(() => this.cleanExpired(), 5 * 60 * 1000);
-    
-    // Run LRU eviction every minute
-    setInterval(() => this.evictLRU(), 60 * 1000);
-  }
-  
-  generateETag(data: any): string {
-    const content = typeof data === 'string' ? data : JSON.stringify(data);
-    return crypto.createHash('md5').update(content).digest('hex');
-  }
-  
-  set(key: string, data: any, ttlSeconds: number = 300): void {
-    const dataStr = JSON.stringify(data);
-    const size = Buffer.byteLength(dataStr, 'utf8');
-    
-    // Check if cache is full and evict if necessary
-    if (this.stats.size + size > this.maxSize || this.cache.size >= this.maxEntries) {
-      this.evictLRU();
-    }
-    
-    const entry: CacheEntry = {
-      data,
-      timestamp: Date.now(),
-      ttl: ttlSeconds * 1000,
-      etag: this.generateETag(data),
-      hits: 0,
-      lastAccess: Date.now(),
-      compressed: size > 1024 // Compress if > 1KB
-    };
-    
-    // Remove old entry size if updating
-    const oldEntry = this.cache.get(key);
-    if (oldEntry) {
-      this.stats.size -= Buffer.byteLength(JSON.stringify(oldEntry.data), 'utf8');
-    }
-    
-    this.cache.set(key, entry);
-    this.stats.size += size;
-    this.stats.entries = this.cache.size;
-  }
-  
-  get(key: string, etag?: string): { data: any; status: 'hit' | 'miss' | 'stale' } | null {
-    const entry = this.cache.get(key);
-    
-    if (!entry) {
-      this.stats.misses++;
-      this.updateHitRate();
-      return null;
-    }
-    
-    const now = Date.now();
-    const age = now - entry.timestamp;
-    
-    // Check if expired
-    if (age > entry.ttl) {
-      // Return stale data if available (stale-while-revalidate pattern)
-      if (age < entry.ttl * 2) {
-        this.stats.hits++;
-        entry.hits++;
-        entry.lastAccess = now;
-        this.updateHitRate();
-        return { data: entry.data, status: 'stale' };
-      }
-      
-      // Remove completely expired entry
-      this.cache.delete(key);
-      this.stats.entries = this.cache.size;
-      this.stats.misses++;
-      this.updateHitRate();
-      return null;
-    }
-    
-    // Check ETag if provided
-    if (etag && etag === entry.etag) {
-      this.stats.hits++;
-      entry.hits++;
-      entry.lastAccess = now;
-      this.updateHitRate();
-      return { data: null, status: 'hit' }; // 304 Not Modified
-    }
-    
-    this.stats.hits++;
-    entry.hits++;
-    entry.lastAccess = now;
-    this.updateHitRate();
-    return { data: entry.data, status: 'hit' };
-  }
-  
-  invalidate(pattern?: string): void {
-    if (!pattern) {
-      this.cache.clear();
-      this.stats.size = 0;
-      this.stats.entries = 0;
-      return;
-    }
-    
-    // Invalidate entries matching pattern
-    const regex = new RegExp(pattern);
-    for (const [key, entry] of this.cache.entries()) {
-      if (regex.test(key)) {
-        this.stats.size -= Buffer.byteLength(JSON.stringify(entry.data), 'utf8');
-        this.cache.delete(key);
-      }
-    }
-    this.stats.entries = this.cache.size;
-  }
-  
-  cleanExpired(): void {
-    const now = Date.now();
-    let cleaned = 0;
-    
-    for (const [key, entry] of this.cache.entries()) {
-      if (now - entry.timestamp > entry.ttl * 2) {
-        this.stats.size -= Buffer.byteLength(JSON.stringify(entry.data), 'utf8');
-        this.cache.delete(key);
-        cleaned++;
-      }
-    }
-    
-    if (cleaned > 0) {
-      this.stats.entries = this.cache.size;
-      console.log(`[Cache] Cleaned ${cleaned} expired entries`);
-    }
-  }
-  
-  evictLRU(): void {
-    if (this.cache.size === 0) return;
-    
-    // Sort entries by last access time
-    const entries = Array.from(this.cache.entries()).sort(
-      (a, b) => a[1].lastAccess - b[1].lastAccess
-    );
-    
-    // Remove least recently used entries until we're under limits
-    let removed = 0;
-    while (
-      (this.stats.size > this.maxSize * 0.9 || this.cache.size > this.maxEntries * 0.9) &&
-      entries.length > 0
-    ) {
-      const [key, entry] = entries.shift()!;
-      this.stats.size -= Buffer.byteLength(JSON.stringify(entry.data), 'utf8');
-      this.cache.delete(key);
-      removed++;
-    }
-    
-    if (removed > 0) {
-      this.stats.entries = this.cache.size;
-      console.log(`[Cache] Evicted ${removed} LRU entries`);
-    }
-  }
-  
-  updateHitRate(): void {
-    const total = this.stats.hits + this.stats.misses;
-    this.stats.hitRate = total > 0 ? (this.stats.hits / total) * 100 : 0;
-  }
-  
-  getStats(): CacheStats {
-    return { ...this.stats };
-  }
-  
-  warmup(keys: string[], dataFetcher: (key: string) => Promise<any>): Promise<void> {
-    return Promise.all(
-      keys.map(async (key) => {
-        try {
-          const data = await dataFetcher(key);
-          if (data) {
-            this.set(key, data);
-          }
-        } catch (error) {
-          console.error(`[Cache] Failed to warmup key ${key}:`, error);
-        }
-      })
-    ).then(() => {
-      console.log(`[Cache] Warmed up ${keys.length} entries`);
-    });
-  }
-}
-
-// Create singleton instance
-export const advancedCache = new AdvancedCache({
-  maxSize: 100 * 1024 * 1024, // 100MB
-  maxEntries: 10000
-});
-
-// Advanced cache middleware with multiple strategies
-export function advancedCacheMiddleware(options?: {
-  ttl?: number;
-  strategy?: 'standard' | 'stale-while-revalidate' | 'cache-first';
-  keyGenerator?: (req: Request) => string;
-  shouldCache?: (req: Request, res: Response) => boolean;
-  tags?: string[];
-}) {
-  const {
-    ttl = 300,
-    strategy = 'standard',
-    keyGenerator = (req) => `${req.method}:${req.originalUrl || req.url}`,
-    shouldCache = (req, res) => req.method === 'GET' && res.statusCode === 200,
-    tags = []
-  } = options || {};
-  
-  return async (req: Request, res: Response, next: NextFunction) => {
-    // Skip caching for non-GET requests by default
-    if (req.method !== 'GET' && strategy !== 'cache-first') {
-      return next();
-    }
-    
-    const cacheKey = keyGenerator(req);
-    const etag = req.headers['if-none-match'] as string | undefined;
-    
-    // Try to get from cache
-    const cached = advancedCache.get(cacheKey, etag);
-    
-    if (cached) {
-      if (cached.status === 'hit' && !cached.data) {
-        // ETag matched, return 304
-        res.status(304).end();
-        return;
-      }
-      
-      if (cached.data) {
-        res.setHeader('X-Cache', cached.status === 'stale' ? 'STALE' : 'HIT');
-        res.setHeader('X-Cache-Age', Date.now() - (cached.data.timestamp || Date.now()));
-        
-        if (cached.status === 'hit' || strategy === 'cache-first') {
-          return res.json(cached.data);
-        }
-        
-        // For stale-while-revalidate, return stale data and revalidate in background
-        if (strategy === 'stale-while-revalidate' && cached.status === 'stale') {
-          res.json(cached.data);
-          // Continue to revalidate in background
-          // Fall through to next() but don't wait for response
-          setImmediate(() => {
-            const mockRes = {
-              json: (data: any) => {
-                if (shouldCache(req, { statusCode: 200 } as Response)) {
-                  advancedCache.set(cacheKey, data, ttl);
-                }
-              },
-              status: () => mockRes,
-              statusCode: 200
-            } as any;
-            next();
-          });
-          return;
-        }
-      }
-    }
-    
-    // Cache miss - fetch fresh data
-    res.setHeader('X-Cache', 'MISS');
-    
-    // Store original methods
-    const originalJson = res.json.bind(res);
-    const originalStatus = res.status.bind(res);
-    
-    // Track status code
-    res.status = function(code: number) {
-      res.statusCode = code;
-      return originalStatus(code);
-    };
-    
-    // Override json method to cache response
-    res.json = function(body: any) {
-      if (shouldCache(req, res)) {
-        const etag = advancedCache.generateETag(body);
-        res.setHeader('ETag', etag);
-        advancedCache.set(cacheKey, body, ttl);
-        
-        // Tag-based invalidation support
-        if (tags.length > 0) {
-          // Store tags for later invalidation
-          tags.forEach(tag => {
-            // Implementation would track which keys belong to which tags
-            console.log(`[Cache] Tagged ${cacheKey} with ${tag}`);
-          });
-        }
-      }
-      
-      return originalJson(body);
-    };
-    
-    next();
-  };
-}
-
-// Cache statistics endpoint
-export function cacheStatsHandler(req: Request, res: Response) {
-  const stats = advancedCache.getStats();
-  res.json({
-    ...stats,
-    hitRate: `${stats.hitRate.toFixed(2)}%`,
-    sizeInMB: (stats.size / (1024 * 1024)).toFixed(2),
-    averageEntrySize: stats.entries > 0 ? 
-      ((stats.size / stats.entries) / 1024).toFixed(2) + ' KB' : '0 KB'
-  });
-}
-
-// Invalidation endpoint
-export function cacheInvalidationHandler(req: Request, res: Response) {
-  const { pattern, tags } = req.body;
-  
-  if (pattern) {
-    advancedCache.invalidate(pattern);
-    res.json({ message: `Invalidated cache entries matching pattern: ${pattern}` });
-  } else if (tags && Array.isArray(tags)) {
-    // Tag-based invalidation
-    tags.forEach(tag => {
-      // Implementation would invalidate all keys with this tag
-      console.log(`[Cache] Invalidating tag: ${tag}`);
-    });
-    res.json({ message: `Invalidated cache entries with tags: ${tags.join(', ')}` });
-  } else {
-    advancedCache.invalidate();
-    res.json({ message: 'Invalidated all cache entries' });
-  }
-}
-
-// Warmup cache on server start
-export async function warmupCache() {
-  const criticalEndpoints = [
-    '/api/tools/quality',
-    '/api/categories',
-    '/api/compatibility-matrix'
-  ];
-  
-  console.log('[Cache] Starting cache warmup...');
-  
-  await advancedCache.warmup(criticalEndpoints, async (endpoint) => {
-    // Mock data fetching - in real app would call actual data fetchers
-    return { warmedUp: true, endpoint };
-  });
-}
\ No newline at end of file
diff --git a/server/middleware/cache.ts b/server/middleware/cache.ts
deleted file mode 100644
index 864eb96..0000000
--- a/server/middleware/cache.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { Request, Response, NextFunction } from "express";
-
-// Simple in-memory cache with TTL
-interface CacheEntry {
-  data: any;
-  timestamp: number;
-  ttl: number;
-}
-
-class SimpleCache {
-  private cache: Map<string, CacheEntry> = new Map();
-  
-  set(key: string, data: any, ttlSeconds: number = 300): void {
-    this.cache.set(key, {
-      data,
-      timestamp: Date.now(),
-      ttl: ttlSeconds * 1000
-    });
-  }
-  
-  get(key: string): any | null {
-    const entry = this.cache.get(key);
-    
-    if (!entry) return null;
-    
-    // Check if cache has expired
-    if (Date.now() - entry.timestamp > entry.ttl) {
-      this.cache.delete(key);
-      return null;
-    }
-    
-    return entry.data;
-  }
-  
-  clear(): void {
-    this.cache.clear();
-  }
-  
-  // Clean up expired entries periodically
-  cleanExpired(): void {
-    const now = Date.now();
-    for (const [key, entry] of this.cache.entries()) {
-      if (now - entry.timestamp > entry.ttl) {
-        this.cache.delete(key);
-      }
-    }
-  }
-}
-
-export const apiCache = new SimpleCache();
-
-// Clean expired entries every minute
-setInterval(() => apiCache.cleanExpired(), 60000);
-
-// Cache middleware
-export function cacheMiddleware(ttlSeconds: number = 300) {
-  return (req: Request, res: Response, next: NextFunction) => {
-    // Only cache GET requests
-    if (req.method !== 'GET') {
-      return next();
-    }
-    
-    const cacheKey = `${req.originalUrl || req.url}`;
-    const cachedData = apiCache.get(cacheKey);
-    
-    if (cachedData) {
-      res.setHeader('X-Cache', 'HIT');
-      return res.json(cachedData);
-    }
-    
-    // Store original json method
-    const originalJson = res.json.bind(res);
-    
-    // Override json method to cache the response
-    res.json = function(body: any) {
-      // Cache successful responses only
-      if (res.statusCode === 200) {
-        apiCache.set(cacheKey, body, ttlSeconds);
-        res.setHeader('X-Cache', 'MISS');
-      }
-      
-      return originalJson(body);
-    };
-    
-    next();
-  };
-}
-
-// Cache invalidation helper
-export function invalidateCache(pattern?: string): void {
-  if (!pattern) {
-    apiCache.clear();
-    return;
-  }
-  
-  // Clear specific cache entries matching pattern
-  const cacheMap = (apiCache as any).cache as Map<string, CacheEntry>;
-  for (const key of cacheMap.keys()) {
-    if (key.includes(pattern)) {
-      cacheMap.delete(key);
-    }
-  }
-}
\ No newline at end of file
diff --git a/server/routes.ts b/server/routes.ts
deleted file mode 100644
index b2e6d6c..0000000
--- a/server/routes.ts
+++ /dev/null
@@ -1,1274 +0,0 @@
-import type { Express } from "express";
-import { createServer, type Server } from "http";
-import { storage, DatabaseStorage } from "./storage";
-import { insertToolSchema, insertToolCategorySchema, insertCompatibilitySchema } from "@shared/schema";
-import { cacheMiddleware, invalidateCache } from "./middleware/cache";
-
-export async function registerRoutes(app: Express): Promise<Server> {
-  console.log("Registering routes...");
-  
-  // Simple test route
-  app.get("/test", async (req, res) => {
-    console.log("Test route hit!");
-    res.json({ message: "Server is working!" });
-  });
-
-  // Add a simple synchronous route for testing
-  app.get("/simple", (req, res) => {
-    console.log("Simple route hit!");
-    res.json({ message: "Simple route working!" });
-  });
-
-  // Add a ping route for testing
-  app.get("/ping", async (req, res) => {
-    console.log("Ping route hit!");
-    res.json({ message: "Server is alive!" });
-  });
-
-  // Split into tools.routes.ts
-  app.get("/api/tools", async (req, res) => {
-    console.log("API tools route hit!");
-    try {
-      const tools = await storage.getToolsWithAllCategories();
-      res.json(tools);
-    } catch (error) {
-      console.error("Error fetching tools:", error);
-      res.status(500).json({ message: "Failed to fetch tools" });
-    }
-  });
-
-  // Seed database route
-  app.post("/api/tools/seed", async (req, res) => {
-    try {
-      if (storage instanceof DatabaseStorage) {
-        const result = await storage.seedDatabase();
-        res.json({
-          message: "Database seeded successfully",
-          ...result
-        });
-      } else {
-        res.json({ message: "Seed not needed for MemStorage" });
-      }
-    } catch (error) {
-      console.error("Seed error:", error);
-      res.status(500).json({ message: "Failed to seed database", error: String(error) });
-    }
-  });
-
-  // Get quality tools only - must be before :id route
-  app.get("/api/tools/quality", async (req, res) => {
-    try {
-      const tools = await storage.getToolsWithAllCategories();
-      
-      // Define patterns for non-tools
-      const languageNames = ['Python', 'JavaScript', 'TypeScript', 'Java', 'C++', 'C#', 'Ruby', 'Go', 'Rust', 'Swift', 'Kotlin', 'PHP', 'Perl', 'Scala', 'Haskell', 'Clojure', 'Elixir', 'Dart', 'R', 'Julia', 'Lua', 'MATLAB'];
-      const resourcePatterns = ['awesome-', 'free-', '-books', 'book', 'tutorial', 'course', 'interview', 'roadmap', 'study', 'learning', 'education', 'curriculum', 'algorithms', 'design-patterns', 'cheat-sheet', 'collection', 'list-of', 'resources'];
-      
-      const qualityTools = tools
-        .filter(tool => {
-          // Must have meaningful description
-          if (!tool.description || tool.description.length < 20) return false;
-          
-          const nameLower = tool.name.toLowerCase();
-          const descLower = tool.description.toLowerCase();
-          
-          // Exclude programming languages
-          if (languageNames.some(lang => tool.name === lang || nameLower === lang.toLowerCase())) {
-            return false;
-          }
-          
-          // Exclude resource collections, books, tutorials
-          if (resourcePatterns.some(pattern => 
-            nameLower.includes(pattern) || 
-            (pattern.length > 4 && descLower.includes(pattern))
-          )) {
-            return false;
-          }
-          
-          // Exclude items that are clearly collections or lists
-          if (descLower.includes('collection of') || 
-              descLower.includes('list of') || 
-              descLower.includes('awesome list') ||
-              descLower.includes('freely available') ||
-              descLower.includes('all algorithms')) {
-            return false;
-          }
-          
-          return true;
-        })
-        .sort((a, b) => {
-          // Prioritize tools with more features and better descriptions
-          const scoreA = (a.features?.length || 0) * 2 + (a.description?.length || 0) / 10;
-          const scoreB = (b.features?.length || 0) * 2 + (b.description?.length || 0) / 10;
-          return scoreB - scoreA;
-        }); // Return all quality tools
-        
-      res.json(qualityTools);
-    } catch (error) {
-      console.error("Get quality tools error:", error);
-      res.status(500).json({ message: "Failed to get quality tools" });
-    }
-  });
-
-  // Export tools as CSV (or template if empty) - must be before :id route
-  app.get("/api/tools/export-csv", async (_req, res) => {
-    try {
-      const csv = await storage.exportToolsAsCSV();
-      res.setHeader("Content-Type", "text/csv");
-      res.setHeader("Content-Disposition", "attachment; filename=tools.csv");
-      res.send(csv);
-    } catch (error) {
-      console.error("Export tools CSV error:", error);
-      res.status(500).json({ message: "Failed to export tools CSV" });
-    }
-  });
-
-  app.get("/api/tools/:id", async (req, res) => {
-    try {
-      const tool = await storage.getToolWithCategory(req.params.id);
-      if (!tool) {
-        return res.status(404).json({ message: "Tool not found" });
-      }
-      res.json(tool);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch tool" });
-    }
-  });
-
-  app.post("/api/tools", async (req, res) => {
-    try {
-      const toolData = insertToolSchema.parse(req.body);
-      const tool = await storage.createTool(toolData);
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/compatibility-matrix");
-      res.status(201).json(tool);
-    } catch (error) {
-      res.status(400).json({ message: "Invalid tool data" });
-    }
-  });
-
-  app.put("/api/tools/:id", async (req, res) => {
-    try {
-      const toolData = insertToolSchema.partial().parse(req.body);
-      const tool = await storage.updateTool(req.params.id, toolData);
-      if (!tool) {
-        return res.status(404).json({ message: "Tool not found" });
-      }
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/compatibility-matrix");
-      res.json(tool);
-    } catch (error) {
-      res.status(400).json({ message: "Invalid tool data" });
-    }
-  });
-
-  app.delete("/api/tools/:id", async (req, res) => {
-    try {
-      const deleted = await storage.deleteTool(req.params.id);
-      if (!deleted) {
-        return res.status(404).json({ message: "Tool not found" });
-      }
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/compatibility-matrix");
-      res.status(204).send();
-    } catch (error) {
-      res.status(500).json({ message: "Failed to delete tool" });
-    }
-  });
-
-  // Clear all tools from database
-  app.delete("/api/tools", async (req, res) => {
-    try {
-      await storage.clearAllTools();
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/categories");
-      invalidateCache("/api/compatibility-matrix");
-      res.json({ message: "All tools cleared successfully" });
-    } catch (error) {
-      console.error("Clear tools error:", error);
-      res.status(500).json({ message: "Failed to clear tools" });
-    }
-  });
-
-  // Migrate to multiple categories
-  app.post("/api/tools/migrate-categories", async (req, res) => {
-    try {
-      const { migrateToMultipleCategories } = await import("./services/migrate-categories");
-      const result = await migrateToMultipleCategories();
-      
-      if (result.success) {
-        invalidateCache("/api/tools");
-        invalidateCache("/api/compatibility-matrix");
-        res.json({
-          message: "Categories migration successful",
-          ...result
-        });
-      } else {
-        res.status(500).json({ 
-          message: "Migration failed", 
-          error: result.error 
-        });
-      }
-    } catch (error) {
-      console.error("Migration error:", error);
-      res.status(500).json({ message: "Failed to migrate categories" });
-    }
-  });
-
-  // Import tools from CSV data
-  app.post("/api/tools/import-csv", async (req, res) => {
-    try {
-      const imported = await storage.importToolsFromCSV();
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/compatibility-matrix");
-      res.json({ message: `Successfully imported ${imported} tools from CSV` });
-    } catch (error) {
-      console.error("Import CSV error:", error);
-      res.status(500).json({ message: "Failed to import tools from CSV" });
-    }
-  });
-
-
-  // Generate compatibility scores for all tool pairs
-  app.post("/api/tools/generate-compatibility", async (req, res) => {
-    try {
-      const result = await storage.generateCompatibilityScores();
-      invalidateCache("/api/compatibility-matrix");
-      res.json({ 
-        message: "Compatibility scores generated successfully",
-        generated: result.generated,
-        updated: result.updated,
-        total: result.generated + result.updated
-      });
-    } catch (error) {
-      console.error("Generate compatibility error:", error);
-      res.status(500).json({ message: "Failed to generate compatibility scores" });
-    }
-  });
-
-  // Import StackFast tools
-  app.post("/api/tools/import-stackfast", async (req, res) => {
-    try {
-      const { importStackFastTools } = await import('./services/import-stackfast-tools');
-      const result = await importStackFastTools();
-      invalidateCache("/api/tools");
-      invalidateCache("/api/tools/quality");
-      invalidateCache("/api/compatibility-matrix");
-      res.json({ 
-        message: `Successfully imported ${result.imported} StackFast tools`,
-        imported: result.imported,
-        skipped: result.skipped
-      });
-    } catch (error) {
-      console.error("Import StackFast tools error:", error);
-      res.status(500).json({ message: "Failed to import StackFast tools" });
-    }
-  });
-
-  // ===== STACKFAST INTEGRATION ENDPOINTS =====
-  
-  // Get tool recommendations for a project idea
-  app.post("/api/v1/tools/recommend", async (req, res) => {
-    try {
-      const { idea, maxResults = 5, avoidTools = [] } = req.body;
-      
-      if (!idea) {
-        return res.status(400).json({ 
-          success: false,
-          error: "Project idea is required" 
-        });
-      }
-
-      // Analyze idea to determine needed categories
-      const ideaLower = idea.toLowerCase();
-      const neededCategories: string[] = [];
-      
-      if (ideaLower.includes('web') || ideaLower.includes('app') || ideaLower.includes('ui')) {
-        neededCategories.push('Frontend & Design');
-      }
-      if (ideaLower.includes('api') || ideaLower.includes('backend') || ideaLower.includes('database')) {
-        neededCategories.push('Backend & Infrastructure');
-      }
-      if (ideaLower.includes('ai') || ideaLower.includes('ml') || ideaLower.includes('chatbot')) {
-        neededCategories.push('AI Coding Assistants');
-      }
-      if (neededCategories.length === 0) {
-        neededCategories.push('Development Environments');
-      }
-
-      // Get recommendations
-      const tools = await storage.getToolsWithCategory();
-      const categories = await storage.getToolCategories();
-      const recommendations: any[] = [];
-
-      for (const categoryName of neededCategories) {
-        const category = categories.find(c => c.name === categoryName);
-        if (category) {
-          const categoryTools = tools
-            .filter(t => t.categoryId === category.id && !avoidTools.includes(t.name))
-            .sort((a, b) => (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore))
-            .slice(0, Math.ceil(maxResults / neededCategories.length));
-          
-          for (const tool of categoryTools) {
-            recommendations.push({
-              tool: tool.name,
-              category: categoryName,
-              score: ((tool.popularityScore + tool.maturityScore) / 2).toFixed(1),
-              reason: `High-rated ${categoryName.toLowerCase()} tool`
-            });
-          }
-        }
-      }
-
-      res.json({
-        success: true,
-        recommendations: recommendations.slice(0, maxResults),
-        basedOn: idea,
-        categories: neededCategories
-      });
-    } catch (error) {
-      res.status(500).json({ 
-        success: false,
-        error: "Failed to get recommendations" 
-      });
-    }
-  });
-
-  // Analyze compatibility for a proposed tech stack
-  app.post("/api/v1/stack/compatibility-report", async (req, res) => {
-    try {
-      const { tools } = req.body;
-      
-      if (!Array.isArray(tools) || tools.length < 2) {
-        return res.status(400).json({ 
-          success: false,
-          error: "Please provide at least 2 tool names" 
-        });
-      }
-
-      // Find tool IDs from names
-      const allTools = await storage.getToolsWithCategory();
-      const toolRecords = tools.map(name => 
-        allTools.find(t => t.name.toLowerCase() === name.toLowerCase())
-      ).filter(Boolean);
-
-      if (toolRecords.length < 2) {
-        return res.status(404).json({ 
-          success: false,
-          error: "Could not find enough valid tools",
-          validTools: toolRecords.map(t => t.name)
-        });
-      }
-
-      // Get compatibility matrix
-      const compatibilityMatrix: any[] = [];
-      for (let i = 0; i < toolRecords.length; i++) {
-        for (let j = i + 1; j < toolRecords.length; j++) {
-          const compat = await storage.getCompatibility(toolRecords[i].id, toolRecords[j].id);
-          compatibilityMatrix.push({
-            toolA: toolRecords[i].name,
-            toolB: toolRecords[j].name,
-            score: compat?.compatibilityScore || 50,
-            difficulty: compat?.integrationDifficulty || 'unknown',
-            notes: compat?.notes || 'No compatibility data available'
-          });
-        }
-      }
-
-      // Calculate overall harmony
-      const harmonyResult = await storage.getStackHarmonyScore(toolRecords.map(t => t.id));
-      
-      // Generate recommendations
-      const recommendations: string[] = [];
-      if (harmonyResult.harmonyScore < 50) {
-        recommendations.push('Consider alternative tools with better compatibility');
-        recommendations.push('Plan extra time for integration challenges');
-      } else if (harmonyResult.harmonyScore > 80) {
-        recommendations.push('Excellent tool synergy - proceed with confidence');
-        recommendations.push('Integration should be straightforward');
-      } else {
-        recommendations.push('Moderate compatibility - standard integration effort expected');
-      }
-
-      res.json({
-        success: true,
-        stack: toolRecords.map(t => t.name),
-        overallHarmony: harmonyResult.harmonyScore,
-        compatibilityMatrix,
-        recommendations,
-        summary: {
-          totalTools: toolRecords.length,
-          avgCompatibility: Math.round(
-            compatibilityMatrix.reduce((sum, c) => sum + c.score, 0) / compatibilityMatrix.length
-          ),
-          highCompatibilityPairs: compatibilityMatrix.filter(c => c.score > 70).length,
-          lowCompatibilityPairs: compatibilityMatrix.filter(c => c.score < 40).length
-        }
-      });
-    } catch (error) {
-      res.status(500).json({ 
-        success: false,
-        error: "Failed to generate compatibility report" 
-      });
-    }
-  });
-
-  // Compatibility routes
-  app.get("/api/compatibilities", async (req, res) => {
-    try {
-      const compatibilities = await storage.getCompatibilities();
-      res.json(compatibilities);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch compatibilities" });
-    }
-  });
-
-  app.get("/api/compatibility-matrix", cacheMiddleware(300), async (req, res) => {
-    try {
-      const matrix = await storage.getCompatibilityMatrix();
-      res.json(matrix);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch compatibility matrix" });
-    }
-  });
-
-  app.get("/api/compatibility/:toolOneId/:toolTwoId", async (req, res) => {
-    try {
-      const { toolOneId, toolTwoId } = req.params;
-      const compatibility = await storage.getCompatibility(toolOneId, toolTwoId);
-      if (!compatibility) {
-        return res.status(404).json({ message: "Compatibility not found" });
-      }
-      res.json(compatibility);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch compatibility" });
-    }
-  });
-
-  app.post("/api/compatibilities", async (req, res) => {
-    try {
-      const compatibilityData = insertCompatibilitySchema.parse(req.body);
-      const compatibility = await storage.createCompatibility(compatibilityData);
-      res.status(201).json(compatibility);
-    } catch (error) {
-      res.status(400).json({ message: "Invalid compatibility data" });
-    }
-  });
-
-  app.put("/api/compatibilities/:id", async (req, res) => {
-    try {
-      const compatibilityData = insertCompatibilitySchema.partial().parse(req.body);
-      const compatibility = await storage.updateCompatibility(req.params.id, compatibilityData);
-      if (!compatibility) {
-        return res.status(404).json({ message: "Compatibility not found" });
-      }
-      res.json(compatibility);
-    } catch (error) {
-      res.status(400).json({ message: "Invalid compatibility data" });
-    }
-  });
-
-  app.delete("/api/compatibilities/:id", async (req, res) => {
-    try {
-      const deleted = await storage.deleteCompatibilityById(req.params.id);
-      if (!deleted) {
-        return res.status(404).json({ message: "Compatibility not found" });
-      }
-      invalidateCache("/api/compatibility-matrix");
-      res.status(204).send();
-    } catch (error) {
-      res.status(500).json({ message: "Failed to delete compatibility" });
-    }
-  });
-
-  // ===== NEW STACKFAST INTEGRATION ENDPOINTS =====
-  
-  // Stack Templates endpoints
-  // (single definition retained below)
-
-  app.get("/api/stack-templates/:id", async (req, res) => {
-    try {
-      const template = await storage.getStackTemplate(req.params.id);
-      if (!template) {
-        return res.status(404).json({ message: "Stack template not found" });
-      }
-      res.json(template);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch stack template" });
-    }
-  });
-
-  // (duplicate /api/stack/validate removed)
-
-  // Stack Validation - validates tool compatibility in a stack
-  app.post("/api/stack/validate", async (req, res) => {
-    try {
-      const { toolIds } = req.body;
-      if (!Array.isArray(toolIds) || toolIds.length < 2) {
-        return res.status(400).json({ message: "toolIds must contain at least 2 tools" });
-      }
-      
-      const validation = await storage.validateStack(toolIds);
-      res.json(validation);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to validate stack" });
-    }
-  });
-
-  // Stack Templates - get pre-built stack configurations (single)
-  app.get("/api/stack-templates", async (req, res) => {
-    try {
-      const templates = await storage.getStackTemplates();
-      res.json(templates);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch stack templates" });
-    }
-  });
-
-  // Stack Harmony Score - calculates overall compatibility score for a stack
-  app.post("/api/stack/harmony-score", async (req, res) => {
-    try {
-      const { toolIds } = req.body;
-      if (!Array.isArray(toolIds) || toolIds.length === 0) {
-        return res.status(400).json({ message: "toolIds must be a non-empty array" });
-      }
-      
-      const score = await storage.calculateHarmonyScore(toolIds);
-      res.json({ harmonyScore: score, toolIds });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to calculate harmony score" });
-    }
-  });
-
-  // Best Compatible Tools - get recommendations based on selected tools
-  app.post("/api/stack/recommendations", async (req, res) => {
-    try {
-      const { toolIds, category } = req.body;
-      if (!Array.isArray(toolIds)) {
-        return res.status(400).json({ message: "toolIds must be an array" });
-      }
-      
-      const recommendations = await storage.getRecommendations(toolIds, category);
-      res.json(recommendations);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to get recommendations" });
-    }
-  });
-
-  // Bulk Compatibility Check - check compatibility for multiple tool pairs
-  app.post("/api/stack/bulk-compatibility", async (req, res) => {
-    try {
-      const { toolIds } = req.body;
-      if (!Array.isArray(toolIds) || toolIds.length < 2) {
-        return res.status(400).json({ message: "toolIds must contain at least 2 tools" });
-      }
-      
-      const matrix = await storage.getBulkCompatibility(toolIds);
-      res.json(matrix);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to check bulk compatibility" });
-    }
-  });
-
-  // Migration Paths endpoints
-  app.get("/api/migration-paths/:fromToolId/:toToolId", async (req, res) => {
-    try {
-      const { fromToolId, toToolId } = req.params;
-      const path = await storage.getMigrationPath(fromToolId, toToolId);
-      if (!path) {
-        return res.status(404).json({ message: "Migration path not found" });
-      }
-      res.json(path);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch migration path" });
-    }
-  });
-
-  // Enhanced migration path with detailed analysis
-  app.get("/api/migration-path", async (req, res) => {
-    try {
-      const { from, to } = req.query;
-      if (!from || !to) {
-        return res.status(400).json({ message: "Please provide both 'from' and 'to' tool IDs" });
-      }
-
-      const fromTool = await storage.getTool(from.toString());
-      const toTool = await storage.getTool(to.toString());
-      
-      if (!fromTool || !toTool) {
-        return res.status(404).json({ message: "One or both tools not found" });
-      }
-
-      // Get compatibility score
-      const compatibility = await storage.getCompatibility(from.toString(), to.toString());
-      const compatScore = compatibility?.compatibilityScore || 50;
-
-      // Determine migration difficulty based on tool characteristics
-      let difficulty: "easy" | "moderate" | "complex" = "moderate";
-      let estimatedTime = "1-2 weeks";
-      
-      // Same category = easier migration
-      if (fromTool.categoryId === toTool.categoryId) {
-        difficulty = compatScore >= 70 ? "easy" : "moderate";
-        estimatedTime = compatScore >= 70 ? "3-5 days" : "1-2 weeks";
-      } else {
-        difficulty = compatScore >= 60 ? "moderate" : "complex";
-        estimatedTime = compatScore >= 60 ? "2-3 weeks" : "1-2 months";
-      }
-
-      // Generate migration steps based on tool types
-      const steps = [];
-      const considerations = [];
-      const benefits = [];
-
-      // Generic migration steps
-      steps.push(`Audit current ${fromTool.name} implementation and document dependencies`);
-      steps.push(`Set up ${toTool.name} development environment`);
-      steps.push(`Create proof of concept with ${toTool.name}`);
-      
-      if (difficulty === "complex") {
-        steps.push("Implement compatibility layer for gradual migration");
-        steps.push("Migrate core functionality in phases");
-        considerations.push("Consider running both systems in parallel during transition");
-      } else {
-        steps.push("Migrate configuration and settings");
-        steps.push("Port existing code/functionality");
-      }
-      
-      steps.push("Update CI/CD pipelines and deployment scripts");
-      steps.push("Conduct thorough testing and performance benchmarking");
-      steps.push("Train team on new tool and update documentation");
-      steps.push("Plan rollback strategy and execute migration");
-
-      // Add specific considerations based on categories
-      if (fromTool.categoryId !== toTool.categoryId) {
-        considerations.push("Different paradigms may require architectural changes");
-        considerations.push("Team may need additional training for new tool category");
-      }
-
-      if (toTool.maturityScore < fromTool.maturityScore) {
-        considerations.push(`${toTool.name} is less mature, expect potential stability issues`);
-      }
-
-      if (!toTool.pricing?.toLowerCase().includes("free") && fromTool.pricing?.toLowerCase().includes("free")) {
-        considerations.push("Migration will introduce licensing costs");
-      }
-
-      // Add benefits
-      if (toTool.popularityScore > fromTool.popularityScore) {
-        benefits.push("Larger community and better support");
-      }
-      if (toTool.maturityScore > fromTool.maturityScore) {
-        benefits.push("More stable and battle-tested solution");
-      }
-      if ((toTool.integrations?.length || 0) > (fromTool.integrations?.length || 0)) {
-        benefits.push("Better integration options with other tools");
-      }
-      if ((toTool.features?.length || 0) > (fromTool.features?.length || 0)) {
-        benefits.push("Access to more features and capabilities");
-      }
-
-      res.json({
-        fromTool: from,
-        toTool: to,
-        difficulty,
-        estimatedTime,
-        steps,
-        considerations,
-        benefits,
-        compatibility: compatScore
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to generate migration path" });
-    }
-  });
-
-  // Alternative Tools - get tools that can replace a given tool
-  app.get("/api/tools/:id/alternatives", async (req, res) => {
-    try {
-      const alternatives = await storage.getAlternativeTools(req.params.id);
-      res.json(alternatives);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch alternative tools" });
-    }
-  });
-
-  // ===== STACKFAST INTEGRATION API ENDPOINTS (v1) =====
-  // These endpoints are designed for external consumption by the StackFast platform
-  
-  // Get compatibility score between two specific tools (by name or ID)
-  app.get("/api/v1/compatibility/:toolA/:toolB", async (req, res) => {
-    try {
-      const { toolA, toolB } = req.params;
-      
-      // Try to find tools by name first, then by ID
-      const tools = await storage.getToolsWithCategory();
-      const toolARecord = tools.find(t => t.name === toolA || t.id === toolA);
-      const toolBRecord = tools.find(t => t.name === toolB || t.id === toolB);
-      
-      if (!toolARecord || !toolBRecord) {
-        return res.status(404).json({ 
-          message: "One or both tools not found",
-          toolA,
-          toolB,
-          availableTools: tools.map(t => t.name)
-        });
-      }
-      
-      const compatibility = await storage.getCompatibility(toolARecord.id, toolBRecord.id);
-      
-      if (!compatibility) {
-        return res.status(404).json({ 
-          message: "No compatibility data found",
-          toolA: toolARecord.name,
-          toolB: toolBRecord.name,
-          score: 50, // Default neutral score
-          notes: "No explicit compatibility data available"
-        });
-      }
-      
-      res.json({
-        toolA: toolARecord.name,
-        toolB: toolBRecord.name,
-        toolAId: toolARecord.id,
-        toolBId: toolBRecord.id,
-        score: compatibility.compatibilityScore,
-        notes: compatibility.notes,
-        verifiedIntegration: compatibility.verifiedIntegration === 1,
-        integrationDifficulty: compatibility.integrationDifficulty,
-        setupSteps: compatibility.setupSteps,
-        dependencies: compatibility.dependencies
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch compatibility data" });
-    }
-  });
-  
-  // Analyze a complete stack
-  app.post("/api/v1/stack/analyze", async (req, res) => {
-    try {
-      let { toolIds, toolNames } = req.body;
-      
-      // Support both toolIds and toolNames for flexibility
-      if (toolNames && Array.isArray(toolNames)) {
-        const allTools = await storage.getToolsWithCategory();
-        toolIds = toolNames.map(name => {
-          const tool = allTools.find(t => t.name.toLowerCase() === name.toLowerCase());
-          return tool?.id;
-        }).filter(Boolean);
-      }
-      
-      if (!Array.isArray(toolIds) || toolIds.length < 2) {
-        return res.status(400).json({ message: "Please provide at least 2 tool IDs or tool names" });
-      }
-      
-      const validation = await storage.validateStack(toolIds);
-      const harmonyScore = await storage.calculateHarmonyScore(toolIds);
-      const compatibilityMatrix = await storage.getBulkCompatibility(toolIds);
-      
-      res.json({
-        toolIds,
-        harmonyScore,
-        validation,
-        compatibilityMatrix,
-        summary: {
-          isValid: validation.valid,
-          totalTools: toolIds.length,
-          conflictCount: validation.conflicts.length,
-          warningCount: validation.warnings.length,
-          avgCompatibility: harmonyScore
-        }
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to analyze stack" });
-    }
-  });
-  
-  // Search tools with filters
-  app.get("/api/v1/tools/search", async (req, res) => {
-    try {
-      const {
-        query,
-        q,
-        category,
-        minPopularity,
-        minMaturity,
-        min_popularity,
-        min_maturity,
-        hasFreeTier,
-        frameworks,
-        languages,
-        limit = 20,
-        summary
-      } = req.query as Record<string, any>;
-
-      const searchTerm = (query || q)?.toString().toLowerCase();
-      const frameworksList = (frameworks ? frameworks.toString().split(",") : []).map((s: string) => s.trim().toLowerCase()).filter(Boolean);
-      const languagesList = (languages ? languages.toString().split(",") : []).map((s: string) => s.trim().toLowerCase()).filter(Boolean);
-      const minPop = parseFloat((minPopularity || min_popularity || "").toString());
-      const minMat = parseFloat((minMaturity || min_maturity || "").toString());
-      const limitNum = parseInt(limit.toString(), 10);
-      const wantSummary = (summary || "").toString().toLowerCase() === "true";
-
-      let tools = await storage.getToolsWithCategory();
-
-      // Text search
-      if (searchTerm) {
-        tools = tools.filter((t: any) =>
-          t.name?.toLowerCase().includes(searchTerm) ||
-          t.description?.toLowerCase().includes(searchTerm) ||
-          (Array.isArray(t.features) && t.features.some((f: string) => f.toLowerCase().includes(searchTerm)))
-        );
-      }
-
-      // Category filter (accept exact or case-insensitive match on name)
-      if (category) {
-        const cat = category.toString().toLowerCase();
-        tools = tools.filter((t: any) => t.category?.name?.toLowerCase() === cat || t.category?.name?.toLowerCase().includes(cat));
-      }
-
-      // Score filters (support snake_case and camelCase)
-      if (!isNaN(minPop)) {
-        tools = tools.filter((t: any) => t.popularityScore >= minPop);
-      }
-      if (!isNaN(minMat)) {
-        tools = tools.filter((t: any) => t.maturityScore >= minMat);
-      }
-
-      // Free tier filter
-      if ((hasFreeTier || "").toString() === "true") {
-        tools = tools.filter((t: any) => t.pricing?.toLowerCase().includes("free"));
-      }
-
-      // Framework filters (any match, case-insensitive substring)
-      if (frameworksList.length > 0) {
-        tools = tools.filter((t: any) => Array.isArray(t.frameworks) && frameworksList.some((f: string) =>
-          t.frameworks.some((tf: string) => tf.toLowerCase().includes(f))
-        ));
-      }
-
-      // Language filters
-      if (languagesList.length > 0) {
-        tools = tools.filter((t: any) => Array.isArray(t.languages) && languagesList.some((l: string) =>
-          t.languages.some((tl: string) => tl.toLowerCase().includes(l))
-        ));
-      }
-
-      // Sort by combined popularity + maturity
-      tools = tools.sort((a: any, b: any) => (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore));
-
-      const limited = tools.slice(0, limitNum);
-
-      const summarize = (t: any) => ({
-        id: t.id,
-        name: t.name,
-        category: t.category?.name || null,
-        description: t.description,
-        url: t.url,
-        maturityScore: t.maturityScore,
-        popularityScore: t.popularityScore
-      });
-
-      res.json({
-        results: wantSummary ? limited.map(summarize) : limited,
-        count: limited.length,
-        filters: { query: searchTerm, category, minPopularity: minPop, minMaturity: minMat, hasFreeTier, frameworks: frameworksList, languages: languagesList, summary: wantSummary }
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to search tools" });
-    }
-  });
-  
-  // Get AI-powered recommendations
-  app.post("/api/v1/recommendations", async (req, res) => {
-    try {
-      const { 
-        currentTools = [], 
-        targetCategory,
-        maxResults = 5,
-        excludeTools = []
-      } = req.body;
-      
-      let recommendations = await storage.getRecommendations(currentTools, targetCategory);
-      
-      // Filter out excluded tools
-      if (excludeTools.length > 0) {
-        recommendations = recommendations.filter(r => !excludeTools.includes(r.id));
-      }
-      
-      // Limit results
-      recommendations = recommendations.slice(0, maxResults);
-      
-      // Add compatibility scores with current tools
-      const enhancedRecommendations = await Promise.all(
-        recommendations.map(async (tool) => {
-          const compatibilityScores = await Promise.all(
-            currentTools.map(async (currentToolId: string) => {
-              const compat = await storage.getCompatibility(tool.id, currentToolId);
-              return {
-                toolId: currentToolId,
-                score: compat?.compatibilityScore || 50
-              };
-            })
-          );
-          
-          return {
-            ...tool,
-            compatibilityWithCurrent: compatibilityScores,
-            avgCompatibility: compatibilityScores.length > 0
-              ? Math.round(compatibilityScores.reduce((sum, c) => sum + c.score, 0) / compatibilityScores.length)
-              : null
-          };
-        })
-      );
-      
-      res.json({
-        recommendations: enhancedRecommendations,
-        count: enhancedRecommendations.length,
-        basedOn: currentTools,
-        category: targetCategory
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to get recommendations" });
-    }
-  });
-  
-  // Get all available categories
-  app.get("/api/v1/categories", async (req, res) => {
-    try {
-      const categories = await storage.getToolCategories();
-      const categoriesWithCounts = await Promise.all(
-        categories.map(async (cat) => {
-          const tools = await storage.getToolsByCategory(cat.id);
-          return {
-            ...cat,
-            toolCount: tools.length
-          };
-        })
-      );
-      
-      res.json({
-        categories: categoriesWithCounts,
-        total: categoriesWithCounts.length
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch categories" });
-    }
-  });
-
-  // Python API-compatible aliases
-  app.get("/api/tools/search", async (req, res) => {
-    // Delegate to v1 search to keep a single implementation
-    (req as any).query = { ...req.query, q: req.query.q || req.query.query };
-    // Reuse handler logic by calling the same function body
-    // Not easily re-entrant without refactor; forward by calling storage directly
-    try {
-      const forwardReq = { ...req, query: { ...req.query, q: (req.query as any).q || (req.query as any).query } } as any;
-      const { q, category, min_maturity, min_popularity, frameworks, languages, per_page, summary } = forwardReq.query as any;
-      const limit = per_page || forwardReq.query.limit || 20;
-      const url = new URL(`http://localhost/dummy?limit=${limit}`);
-      // Build params compatible with /api/v1/tools/search
-      const mapped = {
-        q,
-        category,
-        min_maturity,
-        min_popularity,
-        frameworks,
-        languages,
-        limit,
-        summary
-      } as any;
-      forwardReq.query = mapped;
-      // Inline invoke the v1 logic by duplicating the minimal path: use storage and mapping
-      const resp: any = await (async () => {
-        const queryHandler = async () => {
-          const {
-            q,
-            category,
-            min_popularity,
-            min_maturity,
-            frameworks,
-            languages,
-            limit,
-            summary
-          } = forwardReq.query as Record<string, any>;
-
-          const searchTerm = (q || "").toString().toLowerCase();
-          const frameworksList = (frameworks ? frameworks.toString().split(",") : []).map((s: string) => s.trim().toLowerCase()).filter(Boolean);
-          const languagesList = (languages ? languages.toString().split(",") : []).map((s: string) => s.trim().toLowerCase()).filter(Boolean);
-          const minPop = parseFloat((min_popularity || "").toString());
-          const minMat = parseFloat((min_maturity || "").toString());
-          const limitNum = parseInt((limit || 20).toString(), 10);
-          const wantSummary = (summary || "").toString().toLowerCase() === "true";
-
-          let tools = await storage.getToolsWithCategory();
-
-          if (searchTerm) {
-            tools = tools.filter((t: any) =>
-              t.name?.toLowerCase().includes(searchTerm) ||
-              t.description?.toLowerCase().includes(searchTerm) ||
-              (Array.isArray(t.features) && t.features.some((f: string) => f.toLowerCase().includes(searchTerm)))
-            );
-          }
-          if (category) {
-            const cat = category.toString().toLowerCase();
-            tools = tools.filter((t: any) => t.category?.name?.toLowerCase().includes(cat));
-          }
-          if (!isNaN(minPop)) tools = tools.filter((t: any) => t.popularityScore >= minPop);
-          if (!isNaN(minMat)) tools = tools.filter((t: any) => t.maturityScore >= minMat);
-          if ((forwardReq.query.hasFreeTier || "").toString() === "true") {
-            tools = tools.filter((t: any) => t.pricing?.toLowerCase().includes("free"));
-          }
-          if (frameworksList.length > 0) {
-            tools = tools.filter((t: any) => Array.isArray(t.frameworks) && frameworksList.some((f: string) =>
-              t.frameworks.some((tf: string) => tf.toLowerCase().includes(f))
-            ));
-          }
-          if (languagesList.length > 0) {
-            tools = tools.filter((t: any) => Array.isArray(t.languages) && languagesList.some((l: string) =>
-              t.languages.some((tl: string) => tl.toLowerCase().includes(l))
-            ));
-          }
-
-          tools = tools.sort((a: any, b: any) => (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore));
-          const limited = tools.slice(0, limitNum);
-          const summarize = (t: any) => ({ id: t.id, name: t.name, category: t.category?.name || null, description: t.description, url: t.url, maturityScore: t.maturityScore, popularityScore: t.popularityScore });
-          return { results: wantSummary ? limited.map(summarize) : limited, count: limited.length };
-        };
-        return await queryHandler();
-      })();
-      res.json(resp);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to search tools" });
-    }
-  });
-
-  app.get("/api/tools/categories", async (_req, res) => {
-    try {
-      const categories = await storage.getToolCategories();
-      res.json({ categories: categories.map((c) => c.name) });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch categories" });
-    }
-  });
-
-  app.get("/api/v1/tools/stats", async (_req, res) => {
-    try {
-      const tools = await storage.getTools();
-      const categories = await storage.getToolCategories();
-      const byCategory: Record<string, number> = {};
-      for (const cat of categories) byCategory[cat.name] = 0;
-      for (const t of tools) {
-        const cat = categories.find((c) => c.id === t.categoryId);
-        if (cat) byCategory[cat.name] = (byCategory[cat.name] || 0) + 1;
-      }
-      res.json({
-        total_tools: tools.length,
-        total_categories: categories.length,
-        category_breakdown: byCategory
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch stats" });
-    }
-  });
-  
-  // (duplicate /api/v1/migration/:fromTool/:toTool removed; canonical earlier)
-  
-  // ===== END OF STACKFAST API ENDPOINTS =====
-
-  // Compatibility Generation routes
-  app.post("/api/compatibility/generate", async (req, res) => {
-    try {
-      // Set a timeout of 120 seconds for the generation process
-      const timeoutPromise = new Promise((_, reject) => 
-        setTimeout(() => reject(new Error("Generation timeout")), 120000)
-      );
-      
-      const { CompatibilityGenerator } = await import("./services/compatibility-generator");
-      const generator = new CompatibilityGenerator();
-      
-      const result = await Promise.race([
-        generator.generateCompatibilities(),
-        timeoutPromise
-      ]);
-      
-      res.json(result);
-    } catch (error) {
-      console.error("Generate compatibilities error:", error);
-      const message = error instanceof Error && error.message === "Generation timeout" 
-        ? "Compatibility generation timed out. Please try again with fewer tools."
-        : "Failed to generate compatibilities";
-      res.status(500).json({ message });
-    }
-  });
-
-  app.post("/api/tools/cleanup", async (req, res) => {
-    try {
-      const { CompatibilityGenerator } = await import("./services/compatibility-generator");
-      const generator = new CompatibilityGenerator();
-      const deleted = await generator.cleanupLowQualityTools();
-      res.json({ deleted });
-    } catch (error) {
-      console.error("Cleanup tools error:", error);
-      res.status(500).json({ message: "Failed to cleanup tools" });
-    }
-  });
-
-  // External Data Sources Routes
-  app.get("/api/external-sources/available", async (req, res) => {
-    try {
-      const { getAvailableDataSources } = await import("./services/external-data-sources");
-      const sources = getAvailableDataSources();
-      res.json(sources);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch available data sources" });
-    }
-  });
-
-  app.post("/api/external-sources/import", async (req, res) => {
-    try {
-      const { batchImportTools } = await import("./services/external-data-sources");
-      const { sources, apiKeys, dryRun } = req.body;
-      
-      const results = await batchImportTools({
-        sources,
-        apiKeys,
-        dryRun: dryRun || false
-      });
-      
-      res.json(results);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to import tools from external sources" });
-    }
-  });
-
-  app.post("/api/external-sources/sync", async (req, res) => {
-    try {
-      const { syncExternalDataSources } = await import("./services/external-data-sources");
-      const { sources, apiKeys, updateExisting } = req.body;
-      
-      const results = await syncExternalDataSources(sources, {
-        apiKeys,
-        updateExisting: updateExisting !== false
-      });
-      
-      res.json(results);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to sync external data sources" });
-    }
-  });
-
-  // API Integration Routes
-  app.get("/api/integrations/available", async (req, res) => {
-    try {
-      const { getAvailableIntegrations } = await import("./services/api-integrations");
-      const integrations = getAvailableIntegrations();
-      res.json(integrations);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch available integrations" });
-    }
-  });
-
-  app.get("/api/integrations/status/:toolName", async (req, res) => {
-    try {
-      const { getIntegrationStatus } = await import("./services/api-integrations");
-      const status = await getIntegrationStatus(req.params.toolName);
-      res.json(status);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch integration status" });
-    }
-  });
-
-  app.post("/api/integrations/sync/:toolId", async (req, res) => {
-    try {
-      const { fetchToolData, updateToolWithAPIData } = await import("./services/api-integrations");
-      const { toolName, apiKey } = req.body;
-      
-      if (!toolName) {
-        return res.status(400).json({ message: "Tool name is required" });
-      }
-      
-      const data = await fetchToolData(toolName, apiKey);
-      if (!data) {
-        return res.status(404).json({ message: "Unable to fetch data for this tool" });
-      }
-      
-      const success = await updateToolWithAPIData(req.params.toolId, data);
-      if (success) {
-        res.json({ message: "Tool updated successfully", data });
-      } else {
-        res.status(500).json({ message: "Failed to update tool" });
-      }
-    } catch (error) {
-      res.status(500).json({ message: "Failed to sync tool data" });
-    }
-  });
-
-  app.post("/api/integrations/batch-sync", async (req, res) => {
-    try {
-      const { batchUpdateTools } = await import("./services/api-integrations");
-      const { toolNames } = req.body;
-      const results = await batchUpdateTools(toolNames);
-      res.json(results);
-    } catch (error) {
-      res.status(500).json({ message: "Failed to batch sync tools" });
-    }
-  });
-
-  // ===== BLUEPRINT GENERATION ENDPOINT =====
-  app.post("/api/v1/blueprint", async (req, res) => {
-    try {
-      const { blueprintGenerator } = await import("./services/blueprint-generator");
-      const blueprint = await blueprintGenerator.generateBlueprint(req.body);
-      res.json({ blueprint });
-    } catch (error) {
-      console.error("Blueprint generation error:", error);
-      res.status(500).json({ message: "Failed to generate blueprint" });
-    }
-  });
-
-  // ===== PAGINATION SUPPORT FOR TOOLS =====
-  app.get("/api/tools/paginated", async (req, res) => {
-    try {
-      const page = parseInt(req.query.page as string) || 1;
-      const limit = parseInt(req.query.limit as string) || 20;
-      const summary = ((req.query.summary as string) || '').toLowerCase() === 'true';
-      const offset = (page - 1) * limit;
-      
-      const allTools = await storage.getToolsWithAllCategories();
-      const totalCount = allTools.length;
-      const tools = allTools.slice(offset, offset + limit);
-      const summarize = (t: any) => ({
-        id: t.id,
-        name: t.name,
-        category: t.category?.name || null,
-        description: t.description,
-        url: t.url,
-        maturityScore: t.maturityScore,
-        popularityScore: t.popularityScore
-      });
-      
-      res.json({
-        tools: summary ? tools.map(summarize) : tools,
-        pagination: {
-          page,
-          limit,
-          totalCount,
-          totalPages: Math.ceil(totalCount / limit),
-          hasNext: offset + limit < totalCount,
-          hasPrevious: page > 1
-        }
-      });
-    } catch (error) {
-      res.status(500).json({ message: "Failed to fetch paginated tools" });
-    }
-  });
-
-  const httpServer = createServer(app);
-  return httpServer;
-}
diff --git a/server/services/api-integrations.ts b/server/services/api-integrations.ts
deleted file mode 100644
index d862ad8..0000000
--- a/server/services/api-integrations.ts
+++ /dev/null
@@ -1,303 +0,0 @@
-import { db } from "../db";
-import { tools, type Tool } from "@shared/schema";
-import { eq } from "drizzle-orm";
-
-// Interface for API integration configuration
-interface ToolAPIConfig {
-  name: string;
-  apiUrl?: string;
-  headers?: Record<string, string>;
-  rateLimit?: number; // requests per minute
-  dataMapper: (data: any) => Partial<ToolUpdate>;
-  requiresAuth?: boolean;
-}
-
-interface ToolUpdate {
-  pricing?: string;
-  features?: string[];
-  latestVersion?: string;
-  description?: string;
-  popularityScore?: number;
-  communityScore?: number;
-  lastUpdated?: Date;
-}
-
-// API configurations for various tools
-const toolAPIConfigs: Record<string, ToolAPIConfig> = {
-  "GitHub Copilot": {
-    name: "GitHub Copilot",
-    apiUrl: "https://api.github.com/repos/github/copilot-docs",
-    headers: {
-      "Accept": "application/vnd.github.v3+json"
-    },
-    rateLimit: 60,
-    dataMapper: (data: any) => ({
-      popularityScore: Math.min(10, (data.stargazers_count || 0) / 1000),
-      communityScore: Math.min(10, (data.forks_count || 0) / 100),
-      lastUpdated: new Date()
-    })
-  },
-  "OpenAI API": {
-    name: "OpenAI API",
-    apiUrl: "https://api.openai.com/v1/models",
-    requiresAuth: true,
-    rateLimit: 30,
-    dataMapper: (data: any) => ({
-      features: data.data?.map((model: any) => model.id) || [],
-      latestVersion: data.data?.[0]?.id || "gpt-4",
-      lastUpdated: new Date()
-    })
-  },
-  "Stripe": {
-    name: "Stripe",
-    apiUrl: "https://api.stripe.com/v1/products",
-    requiresAuth: true,
-    rateLimit: 100,
-    dataMapper: (data: any) => ({
-      features: ["Payment processing", "Subscriptions", "Invoicing", "Fraud detection"],
-      pricing: "2.9% + 30¢ per successful charge",
-      lastUpdated: new Date()
-    })
-  },
-  "Next.js": {
-    name: "Next.js",
-    apiUrl: "https://api.github.com/repos/vercel/next.js/releases/latest",
-    headers: {
-      "Accept": "application/vnd.github.v3+json"
-    },
-    rateLimit: 60,
-    dataMapper: (data: any) => ({
-      latestVersion: data.tag_name?.replace('v', '') || "14.0.0",
-      description: data.body?.substring(0, 500) || "The React Framework for Production",
-      lastUpdated: new Date()
-    })
-  },
-  "React": {
-    name: "React",
-    apiUrl: "https://api.github.com/repos/facebook/react/releases/latest",
-    headers: {
-      "Accept": "application/vnd.github.v3+json"
-    },
-    rateLimit: 60,
-    dataMapper: (data: any) => ({
-      latestVersion: data.tag_name?.replace('v', '') || "18.0.0",
-      popularityScore: 10,
-      communityScore: 10,
-      lastUpdated: new Date()
-    })
-  },
-  "Tailwind CSS": {
-    name: "Tailwind CSS",
-    apiUrl: "https://api.github.com/repos/tailwindlabs/tailwindcss/releases/latest",
-    headers: {
-      "Accept": "application/vnd.github.v3+json"
-    },
-    rateLimit: 60,
-    dataMapper: (data: any) => ({
-      latestVersion: data.tag_name?.replace('v', '') || "3.0.0",
-      features: ["Utility-first CSS", "JIT compiler", "Dark mode", "Responsive design"],
-      lastUpdated: new Date()
-    })
-  },
-  "PostgreSQL": {
-    name: "PostgreSQL",
-    apiUrl: "https://www.postgresql.org/versions.json",
-    rateLimit: 10,
-    dataMapper: (data: any) => ({
-      latestVersion: data.latest || "16.0",
-      features: ["ACID compliance", "JSON support", "Full-text search", "Replication"],
-      lastUpdated: new Date()
-    })
-  },
-  "Vercel": {
-    name: "Vercel",
-    apiUrl: "https://api.vercel.com/v2/deployments",
-    requiresAuth: true,
-    headers: {
-      "Authorization": "Bearer YOUR_VERCEL_TOKEN"
-    },
-    rateLimit: 100,
-    dataMapper: (data: any) => ({
-      features: ["Edge Functions", "Serverless", "Analytics", "Preview deployments"],
-      pricing: "Free tier + $20/month Pro",
-      lastUpdated: new Date()
-    })
-  }
-};
-
-// Rate limiting tracker
-const rateLimitTracker = new Map<string, { count: number; resetTime: number }>();
-
-// Check rate limit
-function checkRateLimit(toolName: string, limit: number): boolean {
-  const now = Date.now();
-  const tracker = rateLimitTracker.get(toolName);
-  
-  if (!tracker || now > tracker.resetTime) {
-    rateLimitTracker.set(toolName, {
-      count: 1,
-      resetTime: now + 60000 // Reset after 1 minute
-    });
-    return true;
-  }
-  
-  if (tracker.count >= limit) {
-    return false;
-  }
-  
-  tracker.count++;
-  return true;
-}
-
-// Fetch data from external API
-export async function fetchToolData(toolName: string, apiKey?: string): Promise<ToolUpdate | null> {
-  const config = toolAPIConfigs[toolName];
-  
-  if (!config) {
-    console.log(`No API configuration found for ${toolName}`);
-    return null;
-  }
-  
-  if (!config.apiUrl) {
-    console.log(`No API URL configured for ${toolName}`);
-    return null;
-  }
-  
-  if (config.requiresAuth && !apiKey) {
-    console.log(`API key required for ${toolName}`);
-    return null;
-  }
-  
-  // Check rate limit
-  if (!checkRateLimit(toolName, config.rateLimit || 60)) {
-    console.log(`Rate limit exceeded for ${toolName}`);
-    return null;
-  }
-  
-  try {
-    const headers: HeadersInit = {
-      ...config.headers,
-      "User-Agent": "TechStack-Explorer/1.0"
-    };
-    
-    if (config.requiresAuth && apiKey) {
-      headers["Authorization"] = `Bearer ${apiKey}`;
-    }
-    
-    const response = await fetch(config.apiUrl, {
-      method: "GET",
-      headers,
-      signal: AbortSignal.timeout(5000) // 5 second timeout
-    });
-    
-    if (!response.ok) {
-      console.error(`Failed to fetch data for ${toolName}: ${response.status}`);
-      return null;
-    }
-    
-    const data = await response.json();
-    return config.dataMapper(data);
-  } catch (error) {
-    console.error(`Error fetching data for ${toolName}:`, error);
-    return null;
-  }
-}
-
-// Update tool in database with fetched data
-export async function updateToolWithAPIData(toolId: string, update: ToolUpdate): Promise<boolean> {
-  try {
-    const updateData: any = {};
-    
-    if (update.pricing) updateData.pricing = update.pricing;
-    if (update.features) updateData.features = update.features;
-    if (update.latestVersion) updateData.frameworks = [update.latestVersion];
-    if (update.description) updateData.description = update.description;
-    if (update.popularityScore !== undefined) updateData.popularityScore = update.popularityScore;
-    if (update.communityScore !== undefined) updateData.communityScore = update.communityScore;
-    
-    // Add metadata about the update
-    updateData.apiLastSync = new Date();
-    
-    await db.update(tools)
-      .set(updateData)
-      .where(eq(tools.id, toolId));
-    
-    return true;
-  } catch (error) {
-    console.error(`Error updating tool ${toolId}:`, error);
-    return false;
-  }
-}
-
-// Batch update multiple tools
-export async function batchUpdateTools(toolNames?: string[]): Promise<{
-  success: number;
-  failed: number;
-  errors: string[];
-}> {
-  const results = {
-    success: 0,
-    failed: 0,
-    errors: [] as string[]
-  };
-  
-  // Get tools from database
-  const dbTools = await db.select().from(tools);
-  const toolsToUpdate = toolNames 
-    ? dbTools.filter((t: Tool) => toolNames.includes(t.name))
-    : dbTools.filter((t: Tool) => toolAPIConfigs[t.name]); // Only update tools with API configs
-  
-  for (const tool of toolsToUpdate) {
-    try {
-      const update = await fetchToolData(tool.name);
-      if (update) {
-        const success = await updateToolWithAPIData(tool.id, update);
-        if (success) {
-          results.success++;
-        } else {
-          results.failed++;
-          results.errors.push(`Failed to update ${tool.name} in database`);
-        }
-      } else {
-        results.failed++;
-        results.errors.push(`Failed to fetch data for ${tool.name}`);
-      }
-    } catch (error) {
-      results.failed++;
-      results.errors.push(`Error processing ${tool.name}: ${error}`);
-    }
-  }
-  
-  return results;
-}
-
-// Get available integrations
-export function getAvailableIntegrations(): string[] {
-  return Object.keys(toolAPIConfigs);
-}
-
-// Get integration status for a tool
-export async function getIntegrationStatus(toolName: string): Promise<{
-  available: boolean;
-  requiresAuth: boolean;
-  lastSync?: Date;
-  rateLimit?: number;
-}> {
-  const config = toolAPIConfigs[toolName];
-  
-  if (!config) {
-    return { available: false, requiresAuth: false };
-  }
-  
-  // Get last sync time from database
-  const [tool] = await db.select()
-    .from(tools)
-    .where(eq(tools.name, toolName));
-  
-  return {
-    available: true,
-    requiresAuth: config.requiresAuth || false,
-    lastSync: tool?.apiLastSync || undefined,
-    rateLimit: config.rateLimit
-  };
-}
\ No newline at end of file
diff --git a/server/services/assign-default-categories.ts b/server/services/assign-default-categories.ts
deleted file mode 100644
index 9b907a4..0000000
--- a/server/services/assign-default-categories.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { db } from "../db";
-import { tools, toolCategories, toolCategoryJunction } from "@shared/schema";
-import { eq, sql } from "drizzle-orm";
-
-async function assignDefaultCategories() {
-  console.log("Assigning default categories to tools...");
-  
-  try {
-    // Get all tools with their categories from the junction table
-    const toolsWithCategories = await db.execute(`
-      SELECT 
-        t.id as tool_id,
-        t.name as tool_name,
-        ARRAY_AGG(j.category_id) as category_ids
-      FROM tools t
-      LEFT JOIN tool_category_junction j ON t.id = j.tool_id
-      GROUP BY t.id, t.name
-    `);
-    
-    console.log(`Found ${toolsWithCategories.rows.length} tools to update`);
-    
-    // For each tool, set its categoryId to the first category from junction
-    for (const row of toolsWithCategories.rows) {
-      const toolId = row.tool_id as string;
-      const toolName = row.tool_name as string;
-      const categoryIds = row.category_ids as string[] | null;
-      
-      if (categoryIds && categoryIds.length > 0 && categoryIds[0]) {
-        // Use the first category as the default
-        await db.update(tools)
-          .set({ categoryId: categoryIds[0] })
-          .where(eq(tools.id, toolId));
-        console.log(`  Updated ${toolName} with default category`);
-      } else {
-        // If no categories in junction, assign to "AI Coding Assistants/Chat-based AI" as default
-        const [defaultCategory] = await db.select()
-          .from(toolCategories)
-          .where(eq(toolCategories.name, "AI Coding Assistants/Chat-based AI"))
-          .limit(1);
-        
-        if (defaultCategory) {
-          await db.update(tools)
-            .set({ categoryId: defaultCategory.id })
-            .where(eq(tools.id, toolId));
-          console.log(`  Updated ${toolName} with fallback category`);
-        }
-      }
-    }
-    
-    // Delete the temporary migration category
-    console.log("\nDeleting temporary migration category...");
-    await db.delete(toolCategories)
-      .where(eq(toolCategories.name, "_TEMP_MIGRATION_CATEGORY"));
-    
-    console.log("✅ Default categories assigned successfully!");
-    
-    // Show final statistics
-    const stats = await db.execute(`
-      SELECT 
-        c.name as category_name,
-        COUNT(DISTINCT t.id) as tool_count
-      FROM tool_categories c
-      LEFT JOIN tools t ON t.category_id = c.id
-      GROUP BY c.id, c.name
-      ORDER BY c.name
-    `);
-    
-    console.log("\nFinal Category Statistics (default categories):");
-    stats.rows.forEach((row: any) => {
-      if (row.tool_count > 0) {
-        console.log(`  ${row.category_name}: ${row.tool_count} tools`);
-      }
-    });
-    
-  } catch (error) {
-    console.error("Error assigning default categories:", error);
-    throw error;
-  }
-}
-
-// Run the assignment
-assignDefaultCategories()
-  .then(() => {
-    console.log("Process completed successfully");
-    process.exit(0);
-  })
-  .catch((error) => {
-    console.error("Process failed:", error);
-    process.exit(1);
-  });
\ No newline at end of file
diff --git a/server/services/blueprint-generator.ts b/server/services/blueprint-generator.ts
deleted file mode 100644
index a907692..0000000
--- a/server/services/blueprint-generator.ts
+++ /dev/null
@@ -1,492 +0,0 @@
-/**
- * Blueprint Generator Service
- * Integrates StackFast's blueprint generation with our compatibility matrix
- */
-
-import { z } from 'zod';
-import { storage } from '../storage';
-import { stackfastAdapter } from './stackfast-adapter';
-import { CompatibilityEngine } from './compatibility-engine';
-
-const blueprintRequestSchema = z.object({
-  rawIdea: z.string().min(1),
-  preferredTools: z.array(z.string()).optional(),
-  avoidTools: z.array(z.string()).optional(),
-  budget: z.enum(['low', 'medium', 'high', 'enterprise']).optional(),
-  timeline: z.enum(['prototype', 'mvp', 'production']).optional()
-});
-
-export type BlueprintRequest = z.infer<typeof blueprintRequestSchema>;
-
-export interface EnhancedBlueprint {
-  title: string;
-  techStack: string;
-  backendLogic: string[];
-  frontendLogic: string[];
-  recommendedWorkflow: {
-    name: string;
-    stages: string[];
-    reasoning: string;
-  };
-  recommendedTools: {
-    tool: string;
-    category: string;
-    reason: string;
-    compatibilityScore?: number;
-  }[];
-  stackAnalysis: {
-    harmonyScore: number;
-    totalTools: number;
-    conflicts: string[];
-    warnings: string[];
-    integrationComplexity: 'low' | 'medium' | 'high';
-  };
-  alternativeStacks?: {
-    name: string;
-    tools: string[];
-    harmonyScore: number;
-    tradeoffs: string;
-  }[];
-  estimatedTimeline?: {
-    development: string;
-    testing: string;
-    deployment: string;
-  };
-  costEstimate?: {
-    tooling: string;
-    infrastructure: string;
-    maintenance: string;
-  };
-}
-
-export class BlueprintGenerator {
-  private compatibilityEngine: CompatibilityEngine;
-
-  constructor() {
-    this.compatibilityEngine = new CompatibilityEngine();
-  }
-
-  /**
-   * Generate an enhanced blueprint with compatibility awareness
-   */
-  async generateBlueprint(request: BlueprintRequest): Promise<EnhancedBlueprint> {
-    // Get all available tools
-    const allTools = await storage.getToolsWithCategory();
-    
-    // Analyze the idea to determine needed tool categories
-    const neededCategories = this.analyzeIdea(request.rawIdea);
-    
-    // Select optimal tools based on compatibility
-    const selectedTools = await this.selectOptimalTools(
-      neededCategories,
-      allTools,
-      request.preferredTools,
-      request.avoidTools
-    );
-
-    // Generate the base blueprint structure
-    const blueprint = this.createBaseBlueprint(request.rawIdea, selectedTools);
-
-    // Analyze stack compatibility
-    const stackAnalysis = await this.analyzeStackCompatibility(selectedTools.map(t => t.id));
-
-    // Generate alternative stacks if harmony is low
-    let alternativeStacks;
-    if (stackAnalysis.harmonyScore < 60) {
-      alternativeStacks = await this.generateAlternativeStacks(
-        neededCategories,
-        allTools,
-        request.avoidTools
-      );
-    }
-
-    // Calculate timeline and cost estimates
-    const estimatedTimeline = this.estimateTimeline(request.timeline || 'mvp', stackAnalysis.integrationComplexity);
-    const costEstimate = this.estimateCosts(selectedTools, request.budget || 'medium');
-
-    // Build the enhanced blueprint
-    const enhancedBlueprint: EnhancedBlueprint = {
-      ...blueprint,
-      recommendedTools: selectedTools.map(tool => ({
-        tool: tool.name,
-        category: tool.categoryName || 'General',
-        reason: this.getToolRecommendationReason(tool, request.rawIdea),
-        compatibilityScore: tool.avgCompatibilityScore
-      })),
-      stackAnalysis,
-      alternativeStacks,
-      estimatedTimeline,
-      costEstimate
-    };
-
-    return enhancedBlueprint;
-  }
-
-  /**
-   * Analyze idea to determine needed tool categories
-   */
-  private analyzeIdea(idea: string): string[] {
-    const ideaLower = (idea || '').toLowerCase();
-    const categories: string[] = [];
-
-    // Frontend needs
-    if (ideaLower.includes('web') || ideaLower.includes('app') || ideaLower.includes('ui') || 
-        ideaLower.includes('dashboard') || ideaLower.includes('mobile')) {
-      categories.push('Frontend & Design');
-    }
-
-    // Backend needs
-    if (ideaLower.includes('api') || ideaLower.includes('database') || ideaLower.includes('backend') ||
-        ideaLower.includes('server') || ideaLower.includes('auth')) {
-      categories.push('Backend & Infrastructure');
-    }
-
-    // AI/ML needs
-    if (ideaLower.includes('ai') || ideaLower.includes('ml') || ideaLower.includes('llm') ||
-        ideaLower.includes('chatbot') || ideaLower.includes('intelligent')) {
-      categories.push('AI Coding Assistants');
-    }
-
-    // Development environment needs
-    if (ideaLower.includes('deploy') || ideaLower.includes('host') || ideaLower.includes('cloud')) {
-      categories.push('Development Environments');
-    }
-
-    // No-code/Low-code for rapid prototyping
-    if (ideaLower.includes('prototype') || ideaLower.includes('mvp') || ideaLower.includes('quick')) {
-      categories.push('No-Code/Low-Code');
-    }
-
-    // Payment processing
-    if (ideaLower.includes('payment') || ideaLower.includes('subscription') || ideaLower.includes('commerce')) {
-      categories.push('Payment & Commerce');
-    }
-
-    // Default to general development if no specific needs identified
-    if (categories.length === 0) {
-      categories.push('Development Environments', 'Frontend & Design', 'Backend & Infrastructure');
-    }
-
-    return categories;
-  }
-
-  /**
-   * Select optimal tools based on compatibility
-   */
-  private async selectOptimalTools(
-    neededCategories: string[],
-    allTools: any[],
-    preferredTools?: string[],
-    avoidTools?: string[]
-  ): Promise<any[]> {
-    const selectedTools: any[] = [];
-    const categories = await storage.getToolCategories();
-
-    for (const categoryName of neededCategories) {
-      const category = categories.find(c => c.name === categoryName);
-      if (!category) continue;
-
-      // Get tools in this category
-      let categoryTools = allTools.filter(t => t.categoryId === category.id);
-
-      // Filter out avoided tools
-      if (avoidTools && avoidTools.length > 0) {
-        categoryTools = categoryTools.filter(t => !avoidTools.includes(t.name));
-      }
-
-      // Prioritize preferred tools
-      if (preferredTools && preferredTools.length > 0) {
-        const preferred = categoryTools.filter(t => preferredTools.includes(t.name));
-        if (preferred.length > 0) {
-          selectedTools.push(...preferred);
-          continue;
-        }
-      }
-
-      // Select best tool based on score and compatibility with already selected tools
-      let bestTool = null;
-      let bestScore = -1;
-
-      for (const tool of categoryTools) {
-        let score = tool.popularityScore + tool.maturityScore;
-        
-        // Calculate average compatibility with already selected tools
-        if (selectedTools.length > 0) {
-          let compatSum = 0;
-          let compatCount = 0;
-          
-          for (const selected of selectedTools) {
-            const compat = await storage.getCompatibility(tool.id, selected.id);
-            if (compat) {
-              compatSum += compat.compatibilityScore;
-              compatCount++;
-            }
-          }
-          
-          if (compatCount > 0) {
-            const avgCompat = compatSum / compatCount;
-            score += avgCompat / 10; // Add compatibility bonus
-            tool.avgCompatibilityScore = avgCompat;
-          }
-        }
-
-        if (score > bestScore) {
-          bestScore = score;
-          bestTool = tool;
-          bestTool.categoryName = category.name;
-        }
-      }
-
-      if (bestTool) {
-        selectedTools.push(bestTool);
-      }
-    }
-
-    return selectedTools;
-  }
-
-  /**
-   * Create base blueprint structure
-   */
-  private createBaseBlueprint(idea: string, tools: any[]): any {
-    const toolNames = tools.map(t => t.name).join(', ');
-    
-    return {
-      title: this.generateTitle(idea),
-      techStack: `${toolNames}`,
-      backendLogic: this.generateBackendLogic(idea, tools),
-      frontendLogic: this.generateFrontendLogic(idea, tools),
-      recommendedWorkflow: {
-        name: 'Compatibility-Optimized Workflow',
-        stages: this.generateWorkflowStages(idea, tools),
-        reasoning: `Selected tools with high compatibility scores to minimize integration complexity. Average stack harmony ensures smooth development.`
-      }
-    };
-  }
-
-  /**
-   * Analyze stack compatibility
-   */
-  private async analyzeStackCompatibility(toolIds: string[]): Promise<any> {
-    if (toolIds.length < 2) {
-      return {
-        harmonyScore: 100,
-        totalTools: toolIds.length,
-        conflicts: [],
-        warnings: [],
-        integrationComplexity: 'low' as const
-      };
-    }
-
-    const result = await storage.validateStack(toolIds);
-    const harmonyResult = await storage.getStackHarmonyScore(toolIds);
-
-    // Determine integration complexity
-    let integrationComplexity: 'low' | 'medium' | 'high' = 'low';
-    if (harmonyResult.harmonyScore < 40) {
-      integrationComplexity = 'high';
-    } else if (harmonyResult.harmonyScore < 70) {
-      integrationComplexity = 'medium';
-    }
-
-    return {
-      harmonyScore: harmonyResult.harmonyScore,
-      totalTools: toolIds.length,
-      conflicts: result.conflicts,
-      warnings: result.dependencies,
-      integrationComplexity
-    };
-  }
-
-  /**
-   * Generate alternative stacks with better compatibility
-   */
-  private async generateAlternativeStacks(
-    neededCategories: string[],
-    allTools: any[],
-    avoidTools?: string[]
-  ): Promise<any[]> {
-    const alternatives: any[] = [];
-    
-    // Try different tool combinations
-    for (let i = 0; i < 2; i++) {
-      const altTools = await this.selectOptimalTools(
-        neededCategories,
-        allTools.sort(() => Math.random() - 0.5), // Randomize for variety
-        [],
-        avoidTools
-      );
-
-      if (altTools.length > 0) {
-        const harmonyResult = await storage.getStackHarmonyScore(altTools.map(t => t.id));
-        
-        alternatives.push({
-          name: `Alternative Stack ${i + 1}`,
-          tools: altTools.map(t => t.name),
-          harmonyScore: harmonyResult.harmonyScore,
-          tradeoffs: this.generateTradeoffs(altTools)
-        });
-      }
-    }
-
-    return alternatives.sort((a, b) => b.harmonyScore - a.harmonyScore);
-  }
-
-  // Helper methods
-  private generateTitle(idea: string): string {
-    if (!idea || idea.trim() === '') {
-      return 'Tech Stack Blueprint';
-    }
-    const words = idea.split(' ').slice(0, 5);
-    const title = words.join(' ');
-    return title.charAt(0).toUpperCase() + title.slice(1);
-  }
-
-  private generateBackendLogic(idea: string, tools: any[]): string[] {
-    const logic = [
-      'Set up database schema and migrations',
-      'Implement authentication and authorization',
-      'Create RESTful API endpoints',
-      'Set up data validation and error handling',
-      'Implement business logic layer'
-    ];
-
-    // Add tool-specific logic
-    if (tools.some(t => t.name.includes('Supabase'))) {
-      logic.push('Configure Supabase real-time subscriptions');
-    }
-    if (tools.some(t => t.name.includes('Firebase'))) {
-      logic.push('Set up Firebase cloud functions');
-    }
-
-    return logic;
-  }
-
-  private generateFrontendLogic(idea: string, tools: any[]): string[] {
-    const logic = [
-      'Design responsive UI components',
-      'Implement state management',
-      'Set up routing and navigation',
-      'Create forms with validation',
-      'Add loading states and error handling'
-    ];
-
-    // Add tool-specific logic
-    if (tools.some(t => t.name.includes('React'))) {
-      logic.push('Configure React hooks and context');
-    }
-    if (tools.some(t => t.name.includes('v0'))) {
-      logic.push('Generate UI components with v0');
-    }
-
-    return logic;
-  }
-
-  private generateWorkflowStages(idea: string, tools: any[]): string[] {
-    return [
-      'Set up development environment',
-      'Initialize project with selected tools',
-      'Build core functionality',
-      'Integrate tools and services',
-      'Test compatibility and performance',
-      'Deploy to production'
-    ];
-  }
-
-  private getToolRecommendationReason(tool: any, idea: string): string {
-    const reasons: Record<string, string> = {
-      'Replit': 'Instant development environment with built-in hosting',
-      'Cursor IDE': 'AI-powered coding assistance for faster development',
-      'Supabase': 'Complete backend solution with real-time features',
-      'ChatGPT': 'AI integration for intelligent features',
-      'GitHub Copilot': 'Code completion to accelerate development',
-      'Bolt.new': 'Rapid prototyping with AI generation',
-      'v0': 'Quick UI component generation'
-    };
-
-    return reasons[tool.name] || `High compatibility score (${tool.avgCompatibilityScore || 'N/A'}%) with selected stack`;
-  }
-
-  private estimateTimeline(scope: string, complexity: string): any {
-    const timelines: Record<string, Record<string, any>> = {
-      prototype: {
-        low: { development: '1-2 weeks', testing: '2-3 days', deployment: '1 day' },
-        medium: { development: '2-3 weeks', testing: '3-5 days', deployment: '2 days' },
-        high: { development: '3-4 weeks', testing: '1 week', deployment: '3 days' }
-      },
-      mvp: {
-        low: { development: '4-6 weeks', testing: '1 week', deployment: '2-3 days' },
-        medium: { development: '6-8 weeks', testing: '2 weeks', deployment: '3-5 days' },
-        high: { development: '8-12 weeks', testing: '3 weeks', deployment: '1 week' }
-      },
-      production: {
-        low: { development: '2-3 months', testing: '3-4 weeks', deployment: '1 week' },
-        medium: { development: '3-4 months', testing: '4-6 weeks', deployment: '2 weeks' },
-        high: { development: '4-6 months', testing: '6-8 weeks', deployment: '3 weeks' }
-      }
-    };
-
-    return timelines[scope]?.[complexity] || timelines.mvp.medium;
-  }
-
-  private estimateCosts(tools: any[], budget: string): any {
-    let toolingCost = 0;
-    
-    // Estimate monthly tooling costs
-    for (const tool of tools) {
-      if (tool.pricing?.includes('$')) {
-        const match = tool.pricing.match(/\$(\d+)/);
-        if (match) {
-          toolingCost += parseInt(match[1]);
-        }
-      }
-    }
-
-    const costEstimates: Record<string, any> = {
-      low: {
-        tooling: `$${toolingCost}/month`,
-        infrastructure: '$50-100/month',
-        maintenance: '$500-1000/month'
-      },
-      medium: {
-        tooling: `$${toolingCost * 2}/month`,
-        infrastructure: '$200-500/month',
-        maintenance: '$2000-5000/month'
-      },
-      high: {
-        tooling: `$${toolingCost * 5}/month`,
-        infrastructure: '$1000-3000/month',
-        maintenance: '$5000-15000/month'
-      },
-      enterprise: {
-        tooling: 'Custom pricing',
-        infrastructure: '$5000+/month',
-        maintenance: '$20000+/month'
-      }
-    };
-
-    return costEstimates[budget] || costEstimates.medium;
-  }
-
-  private generateTradeoffs(tools: any[]): string {
-    const tradeoffs: string[] = [];
-    
-    const avgMaturity = tools.reduce((sum, t) => sum + t.maturityScore, 0) / tools.length;
-    if (avgMaturity < 7) {
-      tradeoffs.push('Lower maturity - may encounter more bugs');
-    }
-    
-    const avgPopularity = tools.reduce((sum, t) => sum + t.popularityScore, 0) / tools.length;
-    if (avgPopularity < 7) {
-      tradeoffs.push('Less popular tools - smaller community support');
-    }
-    
-    if (tools.some(t => t.pricing?.includes('Enterprise'))) {
-      tradeoffs.push('Higher cost for enterprise features');
-    }
-
-    return tradeoffs.join(', ') || 'Well-balanced stack with minimal tradeoffs';
-  }
-}
-
-export const blueprintGenerator = new BlueprintGenerator();
\ No newline at end of file
diff --git a/server/services/compatibility-engine.ts b/server/services/compatibility-engine.ts
deleted file mode 100644
index cc30bc7..0000000
--- a/server/services/compatibility-engine.ts
+++ /dev/null
@@ -1,237 +0,0 @@
-import { type Tool } from "@shared/schema";
-
-export interface CompatibilityResult {
-  toolOneId: string;
-  toolTwoId: string;
-  compatibilityScore: number;
-  notes: string;
-  verifiedIntegration: number;
-  integrationDifficulty: "easy" | "medium" | "hard";
-  setupSteps: string[];
-  dependencies: string[];
-}
-
-/**
- * Intelligent compatibility scoring engine that analyzes tool relationships
- * based on categories, frameworks, languages, features, and integrations
- */
-export class CompatibilityEngine {
-  
-  /**
-   * Calculate compatibility score between two tools (0-100)
-   */
-  calculateCompatibility(toolA: Tool, toolB: Tool): CompatibilityResult {
-    let score = 50; // Start with neutral score
-    const notes: string[] = [];
-    const setupSteps: string[] = [];
-    const dependencies: string[] = [];
-    
-    // Category compatibility (25% weight)
-    const categoryScore = this.calculateCategoryCompatibility(toolA, toolB);
-    score += categoryScore * 0.25;
-    if (categoryScore > 0) {
-      notes.push(`Same category tools (${categoryScore > 20 ? 'high' : 'moderate'} synergy)`);
-    }
-    
-    // Framework compatibility (20% weight) 
-    const frameworkScore = this.calculateFrameworkCompatibility(toolA, toolB);
-    score += frameworkScore * 0.20;
-    if (frameworkScore > 0) {
-      notes.push(`Shared framework support`);
-    }
-    
-    // Language compatibility (15% weight)
-    const languageScore = this.calculateLanguageCompatibility(toolA, toolB);
-    score += languageScore * 0.15;
-    if (languageScore > 0) {
-      notes.push(`Common programming languages`);
-    }
-    
-    // Integration compatibility (20% weight)
-    const integrationScore = this.calculateIntegrationCompatibility(toolA, toolB);
-    score += integrationScore * 0.20;
-    if (integrationScore > 0) {
-      notes.push(`Mutual integration support`);
-      setupSteps.push(`Configure ${toolA.name} and ${toolB.name} integration`);
-    }
-    
-    // Feature complementarity (15% weight)
-    const featureScore = this.calculateFeatureCompatibility(toolA, toolB);
-    score += featureScore * 0.15;
-    if (featureScore > 0) {
-      notes.push(`Complementary feature sets`);
-    }
-    
-    // Maturity alignment (5% weight)
-    const maturityScore = this.calculateMaturityAlignment(toolA, toolB);
-    score += maturityScore * 0.05;
-    
-    // Ensure score is within bounds
-    score = Math.max(0, Math.min(100, score));
-    
-    // Determine integration difficulty
-    const difficulty = this.determineIntegrationDifficulty(score, toolA, toolB);
-    
-    // Generate setup steps
-    const generatedSteps = this.generateSetupSteps(toolA, toolB, difficulty);
-    setupSteps.push(...generatedSteps);
-    
-    // Generate dependencies
-    const generatedDeps = this.generateDependencies(toolA, toolB);
-    dependencies.push(...generatedDeps);
-    
-    return {
-      toolOneId: toolA.id,
-      toolTwoId: toolB.id,
-      compatibilityScore: Math.round(score * 10) / 10,
-      notes: notes.join('; '),
-      verifiedIntegration: integrationScore > 30 ? 1 : 0,
-      integrationDifficulty: difficulty,
-      setupSteps,
-      dependencies
-    };
-  }
-  
-  private calculateCategoryCompatibility(toolA: Tool, toolB: Tool): number {
-    if (toolA.categoryId === toolB.categoryId) {
-      return 30; // Same category = high compatibility
-    }
-    
-    // Specific category combinations that work well together
-    const synergisticPairs = new Map([
-      ['AI Coding Assistants', ['Development Environments', 'Frontend & Design']],
-      ['Development Environments', ['AI Coding Assistants', 'Backend & Infrastructure']],
-      ['Frontend & Design', ['Backend & Infrastructure', 'AI Coding Assistants']],
-      ['Backend & Infrastructure', ['Frontend & Design', 'Payment & Commerce']],
-      ['No-Code/Low-Code', ['Backend & Infrastructure', 'Payment & Commerce']]
-    ]);
-    
-    // This would need category names, for now use simplified logic
-    return 10; // Different categories = moderate compatibility
-  }
-  
-  private calculateFrameworkCompatibility(toolA: Tool, toolB: Tool): number {
-    const frameworksA = toolA.frameworks || [];
-    const frameworksB = toolB.frameworks || [];
-    
-    if (frameworksA.length === 0 || frameworksB.length === 0) return 0;
-    
-    const sharedFrameworks = frameworksA.filter(f => frameworksB.includes(f));
-    const compatibilityRatio = sharedFrameworks.length / Math.max(frameworksA.length, frameworksB.length);
-    
-    return compatibilityRatio * 40; // Up to 40 points for perfect framework overlap
-  }
-  
-  private calculateLanguageCompatibility(toolA: Tool, toolB: Tool): number {
-    const languagesA = toolA.languages || [];
-    const languagesB = toolB.languages || [];
-    
-    if (languagesA.length === 0 || languagesB.length === 0) return 0;
-    
-    const sharedLanguages = languagesA.filter(l => languagesB.includes(l));
-    const compatibilityRatio = sharedLanguages.length / Math.max(languagesA.length, languagesB.length);
-    
-    return compatibilityRatio * 30; // Up to 30 points for perfect language overlap
-  }
-  
-  private calculateIntegrationCompatibility(toolA: Tool, toolB: Tool): number {
-    const integrationsA = toolA.integrations || [];
-    const integrationsB = toolB.integrations || [];
-    
-    if (integrationsA.length === 0 || integrationsB.length === 0) return 0;
-    
-    // Check for mutual mentions (A integrates with B or vice versa)
-    const mutualIntegration = integrationsA.some(i => 
-      i.toLowerCase().includes(toolB.name.toLowerCase())
-    ) || integrationsB.some(i => 
-      i.toLowerCase().includes(toolA.name.toLowerCase())
-    );
-    
-    if (mutualIntegration) return 50; // High score for direct integration
-    
-    // Check for common third-party integrations
-    const commonIntegrations = integrationsA.filter(i => integrationsB.includes(i));
-    const compatibilityRatio = commonIntegrations.length / Math.max(integrationsA.length, integrationsB.length);
-    
-    return compatibilityRatio * 35; // Up to 35 points for common integrations
-  }
-  
-  private calculateFeatureCompatibility(toolA: Tool, toolB: Tool): number {
-    const featuresA = toolA.features || [];
-    const featuresB = toolB.features || [];
-    
-    if (featuresA.length === 0 || featuresB.length === 0) return 0;
-    
-    // Check for complementary features (different but related)
-    const complementaryPairs = [
-      ['code generation', 'debugging'],
-      ['UI design', 'backend'],
-      ['hosting', 'database'],
-      ['authentication', 'database'],
-      ['payment processing', 'user management']
-    ];
-    
-    let complementaryScore = 0;
-    for (const [featureA, featureB] of complementaryPairs) {
-      const hasA = featuresA.some(f => f.toLowerCase().includes(featureA));
-      const hasB = featuresB.some(f => f.toLowerCase().includes(featureB));
-      if (hasA && hasB) complementaryScore += 15;
-    }
-    
-    // Avoid feature overlap (competing tools score lower)
-    const sharedFeatures = featuresA.filter(f => 
-      featuresB.some(fb => fb.toLowerCase().includes(f.toLowerCase()))
-    );
-    const overlapPenalty = sharedFeatures.length * 5;
-    
-    return Math.max(0, complementaryScore - overlapPenalty);
-  }
-  
-  private calculateMaturityAlignment(toolA: Tool, toolB: Tool): number {
-    const maturityDiff = Math.abs(toolA.maturityScore - toolB.maturityScore);
-    // Lower difference = better alignment, max 10 points
-    return Math.max(0, 10 - maturityDiff);
-  }
-  
-  private determineIntegrationDifficulty(score: number, toolA: Tool, toolB: Tool): "easy" | "medium" | "hard" {
-    if (score >= 75) return "easy";
-    if (score >= 55) return "medium";
-    return "hard";
-  }
-  
-  private generateSetupSteps(toolA: Tool, toolB: Tool, difficulty: string): string[] {
-    const steps = [];
-    
-    if (difficulty === "hard") {
-      steps.push(`Research compatibility requirements between ${toolA.name} and ${toolB.name}`);
-      steps.push(`Set up development environment with both tools`);
-      steps.push(`Create proof of concept integration`);
-    } else if (difficulty === "medium") {
-      steps.push(`Install and configure both ${toolA.name} and ${toolB.name}`);
-      steps.push(`Follow integration documentation`);
-    } else {
-      steps.push(`Install ${toolA.name} and ${toolB.name} packages`);
-      steps.push(`Configure basic integration settings`);
-    }
-    
-    steps.push(`Test integration functionality`);
-    return steps;
-  }
-  
-  private generateDependencies(toolA: Tool, toolB: Tool): string[] {
-    const deps = [];
-    
-    // Extract common frameworks/languages as dependencies
-    const commonFrameworks = (toolA.frameworks || []).filter(f => 
-      (toolB.frameworks || []).includes(f)
-    );
-    const commonLanguages = (toolA.languages || []).filter(l => 
-      (toolB.languages || []).includes(l)
-    );
-    
-    deps.push(...commonFrameworks.map(f => f.toLowerCase()));
-    deps.push(...commonLanguages.map(l => `${l.toLowerCase()}-runtime`));
-    
-    return Array.from(new Set(deps)).slice(0, 5); // Limit to 5 unique deps
-  }
-}
\ No newline at end of file
diff --git a/server/services/compatibility-generator.ts b/server/services/compatibility-generator.ts
deleted file mode 100644
index ad57d8e..0000000
--- a/server/services/compatibility-generator.ts
+++ /dev/null
@@ -1,349 +0,0 @@
-import { storage } from "../storage";
-import { Tool, InsertCompatibility } from "@shared/schema";
-
-export class CompatibilityGenerator {
-  /**
-   * Generate smart compatibility scores based on tool metadata
-   */
-  async generateCompatibilities() {
-    console.log("Starting smart compatibility generation...");
-    
-    // Get all tools
-    const tools = await storage.getTools();
-    
-    // Define patterns for non-tools
-    const languageNames = ['Python', 'JavaScript', 'TypeScript', 'Java', 'C++', 'C#', 'Ruby', 'Go', 'Rust', 'Swift', 'Kotlin', 'PHP', 'Perl', 'Scala', 'Haskell', 'Clojure', 'Elixir', 'Dart', 'R', 'Julia', 'Lua', 'MATLAB'];
-    const resourcePatterns = ['awesome-', 'free-', '-books', 'book', 'tutorial', 'course', 'interview', 'roadmap', 'study', 'learning', 'education', 'curriculum', 'algorithms', 'design-patterns', 'cheat-sheet', 'collection', 'list-of', 'resources'];
-    
-    // Filter to only actual tools (not languages, books, or resource collections)
-    const qualityTools = tools
-      .filter(tool => {
-        // Must have meaningful description
-        if (!tool.description || tool.description.length < 20) return false;
-        
-        const nameLower = tool.name.toLowerCase();
-        const descLower = tool.description.toLowerCase();
-        
-        // Exclude programming languages
-        if (languageNames.some(lang => tool.name === lang || nameLower === lang.toLowerCase())) {
-          return false;
-        }
-        
-        // Exclude resource collections, books, tutorials
-        if (resourcePatterns.some(pattern => 
-          nameLower.includes(pattern) || 
-          (pattern.length > 4 && descLower.includes(pattern))
-        )) {
-          return false;
-        }
-        
-        // Exclude items that are clearly collections or lists
-        if (descLower.includes('collection of') || 
-            descLower.includes('list of') || 
-            descLower.includes('awesome list') ||
-            descLower.includes('freely available') ||
-            descLower.includes('all algorithms')) {
-          return false;
-        }
-        
-        return true;
-      });
-    
-    // Calculate compatibility scores for all tools first
-    const toolCompatibilityMap = new Map<string, number>();
-    
-    for (const tool of qualityTools) {
-      let totalScore = 0;
-      let connectionCount = 0;
-      
-      for (const otherTool of qualityTools) {
-        if (tool.id === otherTool.id) continue;
-        
-        const score = this.calculateCompatibilityScore(tool, otherTool);
-        if (score !== 50) { // Count only non-neutral scores
-          totalScore += Math.abs(score - 50); // How far from neutral
-          connectionCount++;
-        }
-      }
-      
-      // Average deviation from neutral (higher = more connections)
-      const avgDeviation = connectionCount > 0 ? totalScore / connectionCount : 0;
-      toolCompatibilityMap.set(tool.id, avgDeviation);
-    }
-    
-    // Filter to tools with meaningful connections (top 50 by connection strength)
-    const connectedTools = qualityTools
-      .filter(tool => toolCompatibilityMap.get(tool.id)! > 5) // Must have some meaningful connections
-      .sort((a, b) => {
-        const scoreA = toolCompatibilityMap.get(a.id)! + (a.features?.length || 0) * 2;
-        const scoreB = toolCompatibilityMap.get(b.id)! + (b.features?.length || 0) * 2;
-        return scoreB - scoreA;
-      })
-      .slice(0, 50); // Limit to top 50 most connected tools
-    
-    console.log(`Filtered to ${connectedTools.length} well-connected tools from ${tools.length} total`);
-    
-    // Clear all compatibilities in a single operation for better performance
-    console.log(`Clearing existing compatibilities...`);
-    await storage.clearAllCompatibilities();
-    
-    let generated = 0;
-    let skipped = 0;
-    
-    // Generate compatibilities for connected tools only
-    for (let i = 0; i < connectedTools.length; i++) {
-      for (let j = i + 1; j < connectedTools.length; j++) {
-        const toolOne = connectedTools[i];
-        const toolTwo = connectedTools[j];
-        
-        try {
-          // Calculate smart compatibility score
-          const score = this.calculateCompatibilityScore(toolOne, toolTwo);
-          
-          // Save all scores (even neutral) for connected tools to have complete matrix
-          const compatibility: InsertCompatibility = {
-            toolOneId: toolOne.id,
-            toolTwoId: toolTwo.id,
-            compatibilityScore: score,
-            notes: this.generateCompatibilityNotes(toolOne, toolTwo, score),
-            verifiedIntegration: score >= 80 ? 1 : 0,
-            // Align with schema defaults (easy|medium|hard)
-            integrationDifficulty: score >= 70 ? "easy" : score >= 40 ? "medium" : "hard"
-          };
-          
-          await storage.createCompatibility(compatibility);
-          generated++;
-        } catch (error) {
-          console.error(`Failed to create compatibility for ${toolOne.name} - ${toolTwo.name}:`, error);
-          skipped++;
-        }
-      }
-    }
-    
-    // Remove tools with no connections from database
-    const toolsToRemove = qualityTools.filter(tool => 
-      !connectedTools.some(ct => ct.id === tool.id)
-    );
-    
-    console.log(`Removing ${toolsToRemove.length} tools with no meaningful connections...`);
-    for (const tool of toolsToRemove) {
-      await storage.deleteTool(tool.id);
-    }
-    
-    console.log(`Generated ${generated} compatibilities for ${connectedTools.length} connected tools`);
-    return { generated, skipped: 0, totalTools: connectedTools.length };
-  }
-  
-  /**
-   * Calculate compatibility score based on tool characteristics
-   */
-  private calculateCompatibilityScore(toolOne: Tool, toolTwo: Tool): number {
-    let score = 50; // Start neutral
-    
-    // Same category = usually compatible
-    if (toolOne.categoryId === toolTwo.categoryId) {
-      // But tools in same category might compete
-      const competingCategories = ["ai-coding", "deployment"];
-      if (competingCategories.includes(toolOne.categoryId)) {
-        score -= 20; // Competing tools
-      } else {
-        score += 10; // Complementary tools in same space
-      }
-    }
-    
-    // Check language compatibility
-    const languages1 = toolOne.languages || [];
-    const languages2 = toolTwo.languages || [];
-    const sharedLanguages = languages1.filter(l => languages2.includes(l));
-    
-    if (sharedLanguages.length > 0) {
-      score += Math.min(sharedLanguages.length * 10, 30);
-    } else if (languages1.length > 0 && languages2.length > 0) {
-      score -= 10; // Different language ecosystems
-    }
-    
-    // Check framework compatibility
-    const frameworks1 = toolOne.frameworks || [];
-    const frameworks2 = toolTwo.frameworks || [];
-    const sharedFrameworks = frameworks1.filter(f => frameworks2.includes(f));
-    
-    if (sharedFrameworks.length > 0) {
-      score += Math.min(sharedFrameworks.length * 15, 30);
-    }
-    
-    // Category-based rules
-    const categoryPairs = this.getCategoryCompatibilityRules();
-    const pair = `${toolOne.categoryId}:${toolTwo.categoryId}`;
-    const reversePair = `${toolTwo.categoryId}:${toolOne.categoryId}`;
-    
-    if (categoryPairs[pair]) {
-      score = categoryPairs[pair];
-    } else if (categoryPairs[reversePair]) {
-      score = categoryPairs[reversePair];
-    }
-    
-    // Specific tool relationships
-    const toolRelationships = this.getKnownToolRelationships();
-    const toolPair = `${toolOne.name}:${toolTwo.name}`;
-    const reverseToolPair = `${toolTwo.name}:${toolOne.name}`;
-    
-    if (toolRelationships[toolPair]) {
-      score = toolRelationships[toolPair];
-    } else if (toolRelationships[reverseToolPair]) {
-      score = toolRelationships[reverseToolPair];
-    }
-    
-    // Ensure score is within bounds
-    return Math.max(0, Math.min(100, score));
-  }
-  
-  /**
-   * Generate human-readable compatibility notes
-   */
-  private generateCompatibilityNotes(toolOne: Tool, toolTwo: Tool, score: number): string {
-    const notes: string[] = [];
-    
-    if (score >= 80) {
-      notes.push("Excellent compatibility");
-      
-      const sharedLangs = (toolOne.languages || []).filter(l => 
-        (toolTwo.languages || []).includes(l)
-      );
-      if (sharedLangs.length > 0) {
-        notes.push(`Share ${sharedLangs.join(", ")} support`);
-      }
-      
-      const sharedFrameworks = (toolOne.frameworks || []).filter(f => 
-        (toolTwo.frameworks || []).includes(f)
-      );
-      if (sharedFrameworks.length > 0) {
-        notes.push(`Both work with ${sharedFrameworks.join(", ")}`);
-      }
-    } else if (score >= 60) {
-      notes.push("Good compatibility with some configuration");
-    } else if (score <= 30) {
-      notes.push("Limited compatibility");
-      if (toolOne.categoryId === toolTwo.categoryId) {
-        notes.push("Competing solutions in same space");
-      }
-    } else {
-      notes.push("Neutral compatibility");
-    }
-    
-    return notes.join(". ");
-  }
-  
-  /**
-   * Define category-level compatibility rules
-   */
-  private getCategoryCompatibilityRules(): Record<string, number> {
-    return {
-      // Frontend + Backend = High compatibility
-      "frontend-framework:backend-framework": 85,
-      "frontend-framework:database": 75,
-      "frontend-framework:deployment": 80,
-      "frontend-framework:ai-coding": 70,
-      
-      // Backend + Database = High compatibility
-      "backend-framework:database": 90,
-      "backend-framework:deployment": 85,
-      "backend-framework:monitoring": 80,
-      "backend-framework:testing": 75,
-      
-      // AI tools work well with most things
-      "ai-coding:frontend-framework": 75,
-      "ai-coding:backend-framework": 75,
-      "ai-coding:database": 65,
-      
-      // Deployment works with everything
-      "deployment:database": 80,
-      "deployment:monitoring": 85,
-      "deployment:testing": 70,
-      
-      // Testing integrates well
-      "testing:monitoring": 75,
-      "testing:frontend-framework": 70,
-      "testing:backend-framework": 70,
-      
-      // Competing categories
-      "ai-coding:ai-coding": 30, // Competing AI tools
-      "deployment:deployment": 25, // Competing platforms
-      "database:database": 35, // Usually pick one database
-      
-      // Authentication + Everything
-      "authentication:frontend-framework": 80,
-      "authentication:backend-framework": 85,
-      "authentication:database": 70,
-    };
-  }
-  
-  /**
-   * Define specific tool relationships
-   */
-  private getKnownToolRelationships(): Record<string, number> {
-    return {
-      // Known excellent pairs
-      "React:Next.js": 95,
-      "React:Vite": 90,
-      "React:Tailwind CSS": 95,
-      "Next.js:Vercel": 98,
-      "Next.js:Tailwind CSS": 95,
-      "Vue:Vite": 95,
-      "Vue:Nuxt": 98,
-      "Node.js:Express": 95,
-      "Node.js:PostgreSQL": 85,
-      "TypeScript:React": 90,
-      "TypeScript:Node.js": 95,
-      "PostgreSQL:Drizzle": 90,
-      "MongoDB:Mongoose": 95,
-      "Docker:Kubernetes": 90,
-      "GitHub:GitHub Actions": 98,
-      "GitHub:Vercel": 85,
-      
-      // Known incompatible pairs
-      "React:Angular": 20,
-      "Vue:Angular": 20,
-      "MySQL:PostgreSQL": 25,
-      "npm:yarn": 30,
-      "Webpack:Vite": 25,
-      
-      // Complementary AI tools
-      "GitHub Copilot:ChatGPT": 75,
-      "Cursor:GitHub Copilot": 70,
-      
-      // Database + ORM pairs
-      "PostgreSQL:Prisma": 90,
-      "MySQL:Prisma": 90,
-      "SQLite:Prisma": 85,
-      "PostgreSQL:TypeORM": 85,
-      "MySQL:TypeORM": 85,
-    };
-  }
-  
-  /**
-   * Clean up low-quality tools from database
-   */
-  async cleanupLowQualityTools() {
-    const tools = await storage.getTools();
-    let deleted = 0;
-    
-    for (const tool of tools) {
-      // Delete tools with very poor data quality
-      const shouldDelete = 
-        (!tool.description || tool.description.length < 10) ||
-        ((tool as any).popularityScore !== undefined && (tool as any).popularityScore < 10) ||
-        ((tool as any).maturityScore !== undefined && (tool as any).maturityScore < 20) ||
-        (!tool.features || tool.features.length === 0);
-      
-      if (shouldDelete) {
-        await storage.deleteTool(tool.id);
-        deleted++;
-      }
-    }
-    
-    console.log(`Deleted ${deleted} low-quality tools`);
-    return deleted;
-  }
-}
-
-export const compatibilityGenerator = new CompatibilityGenerator();
\ No newline at end of file
diff --git a/server/services/external-data-sources.ts b/server/services/external-data-sources.ts
deleted file mode 100644
index 9d6bcfc..0000000
--- a/server/services/external-data-sources.ts
+++ /dev/null
@@ -1,483 +0,0 @@
-import { db } from "../db";
-import { tools, toolCategories, type Tool, type ToolCategory } from "@shared/schema";
-import { eq, inArray } from "drizzle-orm";
-
-// Configuration for external data sources
-interface DataSourceConfig {
-  name: string;
-  type: 'rest' | 'graphql' | 'registry';
-  baseUrl: string;
-  requiresAuth: boolean;
-  rateLimit?: number; // requests per minute
-  dataMapping: {
-    name: string;
-    description?: string;
-    category?: string;
-    url?: string;
-    features?: string | string[];
-    pricing?: string;
-  };
-}
-
-// External data source configurations
-const dataSources: Record<string, DataSourceConfig> = {
-  back4app: {
-    name: 'Back4App Developer Tools Database',
-    type: 'rest',
-    baseUrl: 'https://parseapi.back4app.com',
-    requiresAuth: true,
-    rateLimit: 60,
-    dataMapping: {
-      name: 'Name',
-      description: 'Description',
-      category: 'Category',
-      url: 'Website',
-      features: 'Details',
-      pricing: 'ServiceOffering'
-    }
-  },
-  github: {
-    name: 'GitHub API',
-    type: 'rest',
-    baseUrl: 'https://api.github.com',
-    requiresAuth: false,
-    rateLimit: 60,
-    dataMapping: {
-      name: 'name',
-      description: 'description',
-      url: 'html_url',
-      features: ['topics'],
-      pricing: 'free'
-    }
-  },
-  npm: {
-    name: 'npm Registry',
-    type: 'rest',
-    baseUrl: 'https://registry.npmjs.org',
-    requiresAuth: false,
-    rateLimit: 100,
-    dataMapping: {
-      name: 'name',
-      description: 'description',
-      url: 'homepage',
-      features: ['keywords'],
-      pricing: 'free'
-    }
-  },
-  producthunt: {
-    name: 'Product Hunt API',
-    type: 'graphql',
-    baseUrl: 'https://api.producthunt.com/v2/api/graphql',
-    requiresAuth: true,
-    rateLimit: 30,
-    dataMapping: {
-      name: 'name',
-      description: 'tagline',
-      category: 'topics',
-      url: 'website',
-      features: ['description'],
-      pricing: 'pricing_type'
-    }
-  },
-  devhunt: {
-    name: 'DevHunt API',
-    type: 'rest',
-    baseUrl: 'https://devhunt.org/api',
-    requiresAuth: false,
-    rateLimit: 60,
-    dataMapping: {
-      name: 'name',
-      description: 'description',
-      category: 'category',
-      url: 'url',
-      features: ['tags'],
-      pricing: 'pricing'
-    }
-  }
-};
-
-// Fetch data from Back4App database
-async function fetchBack4AppTools(apiKey?: string): Promise<any[]> {
-  try {
-    const headers: Record<string, string> = {
-      'X-Parse-Application-Id': process.env.BACK4APP_APP_ID || 'X4zHblrpTF5ZhOwoKXzm6PhPpUQCQLrmZoKPBAoS',
-      'X-Parse-REST-API-Key': apiKey || process.env.BACK4APP_API_KEY || ''
-    };
-
-    // Fetch categories first
-    const categoriesResponse = await fetch(
-      `${dataSources.back4app.baseUrl}/classes/Categories`,
-      { headers }
-    );
-    
-    if (!categoriesResponse.ok) {
-      console.error('Failed to fetch Back4App categories');
-      return [];
-    }
-
-    const categoriesData = await categoriesResponse.json();
-    
-    // Fetch vendors/tools
-    const vendorsResponse = await fetch(
-      `${dataSources.back4app.baseUrl}/classes/Vendors_List?limit=500`,
-      { headers }
-    );
-    
-    if (!vendorsResponse.ok) {
-      console.error('Failed to fetch Back4App vendors');
-      return [];
-    }
-
-    const vendorsData = await vendorsResponse.json();
-    return vendorsData.results || [];
-  } catch (error) {
-    console.error('Error fetching Back4App data:', error);
-    return [];
-  }
-}
-
-// Fetch GitHub trending repositories with more diverse queries
-async function fetchGitHubTrending(language?: string, page: number = 1): Promise<any[]> {
-  try {
-    // Use a variety of queries to get diverse repositories
-    const queries = [
-      'stars:>5000 pushed:>2024-01-01',
-      'language:JavaScript stars:>1000',
-      'language:Python stars:>1000',
-      'language:TypeScript stars:>1000',
-      'language:Go stars:>500',
-      'language:Rust stars:>500',
-      'topic:ai stars:>500',
-      'topic:machine-learning stars:>500',
-      'topic:web stars:>1000',
-      'topic:framework stars:>500',
-      'topic:database stars:>500',
-      'topic:api stars:>500',
-      'topic:devops stars:>500',
-      'topic:testing stars:>500',
-      'topic:security stars:>500'
-    ];
-    
-    // If language is specified, use it; otherwise rotate through queries
-    let query: string;
-    if (language) {
-      query = `language:${language} stars:>1000 pushed:>2024-01-01`;
-    } else {
-      // Use different query based on page to get variety
-      const queryIndex = (page - 1) % queries.length;
-      query = queries[queryIndex];
-    }
-    
-    const response = await fetch(
-      `${dataSources.github.baseUrl}/search/repositories?q=${encodeURIComponent(query)}&sort=stars&order=desc&per_page=100&page=${page}`,
-      {
-        headers: {
-          'Accept': 'application/vnd.github.v3+json',
-          ...(process.env.GITHUB_TOKEN && {
-            'Authorization': `token ${process.env.GITHUB_TOKEN}`
-          })
-        }
-      }
-    );
-
-    if (!response.ok) {
-      console.error('Failed to fetch GitHub data');
-      return [];
-    }
-
-    const data = await response.json();
-    return data.items || [];
-  } catch (error) {
-    console.error('Error fetching GitHub data:', error);
-    return [];
-  }
-}
-
-// Fetch npm packages by keyword
-async function fetchNpmPackages(keyword: string): Promise<any[]> {
-  try {
-    const response = await fetch(
-      `https://registry.npmjs.org/-/v1/search?text=keywords:${keyword}&size=100`
-    );
-
-    if (!response.ok) {
-      console.error('Failed to fetch npm data');
-      return [];
-    }
-
-    const data = await response.json();
-    return data.objects?.map((obj: any) => obj.package) || [];
-  } catch (error) {
-    console.error('Error fetching npm data:', error);
-    return [];
-  }
-}
-
-// Fetch Product Hunt tools
-async function fetchProductHuntTools(apiKey?: string): Promise<any[]> {
-  if (!apiKey && !process.env.PRODUCTHUNT_TOKEN) {
-    console.log('Product Hunt API key not available');
-    return [];
-  }
-
-  try {
-    const query = `
-      query {
-        posts(first: 100, topic: "developer-tools", order: VOTES) {
-          edges {
-            node {
-              name
-              tagline
-              description
-              website
-              topics {
-                edges {
-                  node {
-                    name
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    `;
-
-    const response = await fetch(dataSources.producthunt.baseUrl, {
-      method: 'POST',
-      headers: {
-        'Authorization': `Bearer ${apiKey || process.env.PRODUCTHUNT_TOKEN}`,
-        'Content-Type': 'application/json'
-      },
-      body: JSON.stringify({ query })
-    });
-
-    if (!response.ok) {
-      console.error('Failed to fetch Product Hunt data');
-      return [];
-    }
-
-    const data = await response.json();
-    return data.data?.posts?.edges?.map((edge: any) => edge.node) || [];
-  } catch (error) {
-    console.error('Error fetching Product Hunt data:', error);
-    return [];
-  }
-}
-
-// Transform external data to our schema format
-function transformToToolFormat(data: any, source: string): Partial<Tool> {
-  const mapping = dataSources[source]?.dataMapping;
-  if (!mapping) return {};
-
-  const tool: Partial<Tool> = {
-    name: data[mapping.name] || 'Unknown',
-    description: data[mapping.description || ''] || '',
-    url: data[mapping.url || ''] || '',
-    pricing: data[mapping.pricing || ''] || 'unknown'
-  };
-
-  // Handle features array
-  if (mapping.features) {
-    if (Array.isArray(mapping.features)) {
-      tool.features = mapping.features.flatMap(field => data[field] || []);
-    } else {
-      tool.features = data[mapping.features] || [];
-    }
-  }
-
-  // Add source-specific transformations
-  if (source === 'github') {
-    tool.popularityScore = Math.min(10, (data.stargazers_count || 0) / 10000) as number;
-    tool.maturityScore = Math.min(10, (data.forks_count || 0) / 1000) as number;
-    tool.features = [...(tool.features || []), `${data.stargazers_count} stars`, `${data.language}`];
-  }
-
-  if (source === 'npm') {
-    tool.popularityScore = Math.min(10, (data.downloads?.weekly || 0) / 100000) as number;
-    tool.maturityScore = data.version ? (parseFloat(data.version.split('.')[0]) > 1 ? 8 : 5) : 5;
-  }
-
-  return tool;
-}
-
-// Main function to sync external data sources
-export async function syncExternalDataSources(
-  sources: string[] = ['github', 'npm'],
-  options: {
-    apiKeys?: Record<string, string>;
-    updateExisting?: boolean;
-    dryRun?: boolean;
-    page?: number;
-  } = {}
-): Promise<{
-  imported: number;
-  updated: number;
-  failed: number;
-  skipped: number;
-  sources: Record<string, number>;
-}> {
-  const results = {
-    imported: 0,
-    updated: 0,
-    failed: 0,
-    skipped: 0,
-    sources: {} as Record<string, number>
-  };
-
-  // Ensure we have categories
-  const categories = await db.select().from(toolCategories);
-  let devToolsCategory = categories.find(c => c.name === 'Developer Tools');
-  
-  if (!devToolsCategory) {
-    [devToolsCategory] = await db.insert(toolCategories).values({
-      name: 'Developer Tools',
-      description: 'Tools imported from external sources',
-      color: '#4A90E2'
-    }).returning();
-  }
-
-  for (const source of sources) {
-    results.sources[source] = 0;
-    
-    try {
-      let externalData: any[] = [];
-      
-      // Fetch data based on source
-      switch (source) {
-        case 'back4app':
-          externalData = await fetchBack4AppTools(options.apiKeys?.back4app);
-          break;
-        case 'github':
-          // Use page parameter or random page for variety
-          const githubPage = options.page || Math.floor(Math.random() * 5) + 1;
-          externalData = await fetchGitHubTrending(undefined, githubPage);
-          break;
-        case 'npm':
-          // Fetch popular categories
-          const keywords = ['framework', 'database', 'api', 'testing', 'build-tool'];
-          for (const keyword of keywords) {
-            const packages = await fetchNpmPackages(keyword);
-            externalData.push(...packages);
-          }
-          break;
-        case 'producthunt':
-          externalData = await fetchProductHuntTools(options.apiKeys?.producthunt);
-          break;
-      }
-
-      // Process each item
-      for (const item of externalData) {
-        try {
-          const toolData = transformToToolFormat(item, source);
-          
-          if (!toolData.name) continue;
-
-          // Check if tool already exists
-          const existingTools = await db
-            .select()
-            .from(tools)
-            .where(eq(tools.name, toolData.name));
-
-          if (existingTools.length > 0) {
-            if (options.updateExisting && !options.dryRun) {
-              // Update existing tool
-              await db
-                .update(tools)
-                .set({
-                  ...toolData,
-                  apiLastSync: new Date()
-                })
-                .where(eq(tools.id, existingTools[0].id));
-              results.updated++;
-            } else {
-              // Tool exists but we're not updating it
-              results.skipped++;
-            }
-          } else if (!options.dryRun) {
-            // Insert new tool
-            await db.insert(tools).values({
-              ...toolData,
-              categoryId: devToolsCategory!.id,
-              maturityScore: toolData.maturityScore || 5,
-              popularityScore: toolData.popularityScore || 5,
-              apiLastSync: new Date()
-            } as any);
-            results.imported++;
-            results.sources[source]++;
-          }
-        } catch (error) {
-          console.error(`Error processing item from ${source}:`, error);
-          results.failed++;
-        }
-      }
-    } catch (error) {
-      console.error(`Error fetching data from ${source}:`, error);
-    }
-  }
-
-  return results;
-}
-
-// Get available external data sources
-export function getAvailableDataSources(): {
-  id: string;
-  name: string;
-  requiresAuth: boolean;
-  type: string;
-  description: string;
-}[] {
-  return Object.entries(dataSources).map(([id, config]) => ({
-    id,
-    name: config.name,
-    requiresAuth: config.requiresAuth,
-    type: config.type,
-    description: getSourceDescription(id)
-  }));
-}
-
-function getSourceDescription(source: string): string {
-  const descriptions: Record<string, string> = {
-    back4app: '500+ developer tools across 50 categories from Back4App database',
-    github: 'Trending repositories and developer tools from GitHub',
-    npm: 'Popular npm packages and JavaScript libraries',
-    producthunt: 'Latest developer tools launched on Product Hunt',
-    devhunt: 'Developer-focused tools from DevHunt platform'
-  };
-  return descriptions[source] || 'External data source';
-}
-
-// Batch import from multiple sources
-export async function batchImportTools(
-  options: {
-    sources?: string[];
-    limit?: number;
-    apiKeys?: Record<string, string>;
-    dryRun?: boolean;
-    page?: number;
-  } = {}
-): Promise<{
-  total: number;
-  imported: number;
-  updated: number;
-  failed: number;
-  skipped: number;
-  duration: number;
-  sources: Record<string, number>;
-}> {
-  const startTime = Date.now();
-  const sourcesToSync = options.sources || ['github', 'npm'];
-  
-  const results = await syncExternalDataSources(sourcesToSync, {
-    apiKeys: options.apiKeys,
-    updateExisting: false, // Don't update existing tools by default
-    dryRun: options.dryRun,
-    page: options.page
-  });
-
-  return {
-    ...results,
-    total: results.imported + results.updated + results.skipped + results.failed,
-    duration: Date.now() - startTime
-  };
-}
\ No newline at end of file
diff --git a/server/services/import-stackfast-tools.ts b/server/services/import-stackfast-tools.ts
deleted file mode 100644
index 89d7fda..0000000
--- a/server/services/import-stackfast-tools.ts
+++ /dev/null
@@ -1,184 +0,0 @@
-import { storage } from '../storage';
-import { InsertTool } from '@shared/schema';
-import { randomUUID } from 'crypto';
-
-// StackFast tools data extracted from their mock tools
-const stackfastTools = [
-  {
-    tool_id: "replit",
-    name: "Replit",
-    description: "Browser-based IDE with instant hosting and AI-assisted coding.",
-    category: ["Vibe Coding Tool", "Cloud IDE"],
-    notable_strengths: ["Instant dev environment", "Ghostwriter AI"],
-    known_limitations: ["Limited offline access", "Resource constraints"],
-    output_types: ["code", "live_preview"],
-    integrations: ["GitHub", "Vercel", "Netlify"],
-    license: "Proprietary",
-    maturity_score: 0.9,
-  },
-  {
-    tool_id: "cursor",
-    name: "Cursor IDE",
-    description: "AI-first code editor built on VS Code with advanced AI capabilities.",
-    category: ["Agentic Tool", "Code Editor"],
-    notable_strengths: ["Advanced AI chat", "Codebase understanding"],
-    known_limitations: ["Resource intensive", "Requires internet"],
-    output_types: ["code", "explanations"],
-    integrations: ["Git", "GitHub", "VS Code extensions"],
-    license: "Proprietary",
-    maturity_score: 0.8,
-  },
-  {
-    tool_id: "bolt",
-    name: "Bolt.new",
-    description: "AI-powered web app builder with instant deployment.",
-    category: ["Vibe Coding Tool", "No-Code Platform"],
-    notable_strengths: ["Instant deployment", "AI generation"],
-    known_limitations: ["Limited customization", "Vendor lock-in"],
-    output_types: ["hosted_app", "code"],
-    integrations: ["Vercel", "GitHub"],
-    license: "Proprietary",
-    maturity_score: 0.7,
-  },
-  {
-    tool_id: "v0",
-    name: "v0",
-    description: "Vercel's AI-powered UI generation tool for React components.",
-    category: ["Agentic Tool", "UI Builder"],
-    notable_strengths: ["Component generation", "Tailwind CSS support"],
-    known_limitations: ["React only", "Limited to components"],
-    output_types: ["react_components", "code"],
-    integrations: ["Vercel", "Next.js", "Tailwind CSS"],
-    license: "Proprietary",
-    maturity_score: 0.75,
-  },
-  {
-    tool_id: "claude-artifacts",
-    name: "Claude Artifacts",
-    description: "Interactive code execution and visualization within Claude AI.",
-    category: ["Agentic Tool", "AI Assistant"],
-    notable_strengths: ["Real-time execution", "Multi-language support"],
-    known_limitations: ["Session-based", "No persistence"],
-    output_types: ["code", "visualizations", "interactive_demos"],
-    integrations: ["Claude API"],
-    license: "Proprietary",
-    maturity_score: 0.85,
-  },
-  {
-    tool_id: "windsurf-ide",
-    name: "Windsurf IDE",
-    description: "Next-generation IDE with AI-powered code flows and automation.",
-    category: ["Agentic Tool", "Code Editor"],
-    notable_strengths: ["Flow automation", "AI workflows"],
-    known_limitations: ["Early stage", "Limited ecosystem"],
-    output_types: ["code", "workflows"],
-    integrations: ["Git", "GitHub"],
-    license: "Proprietary",
-    maturity_score: 0.65,
-  }
-];
-
-export async function importStackFastTools(): Promise<{ imported: number; skipped: number }> {
-  let imported = 0;
-  let skipped = 0;
-
-  // Get existing categories
-  const categories = await storage.getToolCategories();
-  
-  // Category mapping from StackFast to our system
-  const categoryMap = new Map<string, string>();
-  categories.forEach(cat => {
-    // Map StackFast categories to our categories
-    if (cat.name === "AI Coding Assistants") {
-      categoryMap.set("Agentic Tool", cat.id);
-      categoryMap.set("AI Assistant", cat.id);
-    } else if (cat.name === "Development Environments") {
-      categoryMap.set("Cloud IDE", cat.id);
-      categoryMap.set("Code Editor", cat.id);
-      categoryMap.set("Vibe Coding Tool", cat.id);
-    } else if (cat.name === "No-Code/Low-Code") {
-      categoryMap.set("No-Code Platform", cat.id);
-      categoryMap.set("UI Builder", cat.id);
-    }
-  });
-
-  // Get default category if mapping fails
-  const defaultCategoryId = categories.find(c => c.name === "Development Environments")?.id || categories[0]?.id;
-
-  for (const stackfastTool of stackfastTools) {
-    try {
-      // Check if tool already exists
-      const existingTools = await storage.getToolsWithCategory();
-      const exists = existingTools.some(t => 
-        t.name.toLowerCase() === stackfastTool.name.toLowerCase() ||
-        t.name.includes(stackfastTool.name.split(' ')[0])
-      );
-
-      if (exists) {
-        console.log(`Tool ${stackfastTool.name} already exists, skipping...`);
-        skipped++;
-        continue;
-      }
-
-      // Map to our tool schema
-      const tool: InsertTool = {
-        id: randomUUID(),
-        name: stackfastTool.name,
-        description: stackfastTool.description,
-        categoryId: categoryMap.get(stackfastTool.category[0]) || defaultCategoryId,
-        url: null, // Will be added later if available
-        frameworks: [], // Extract from integrations if needed
-        languages: [], // Determine based on tool type
-        features: stackfastTool.notable_strengths,
-        integrations: stackfastTool.integrations,
-        maturityScore: stackfastTool.maturity_score * 10, // Convert to 0-10 scale
-        popularityScore: stackfastTool.maturity_score * 10 * 0.9, // Estimate based on maturity
-        pricing: determinePricing(stackfastTool.name),
-        notes: `Imported from StackFast. Limitations: ${stackfastTool.known_limitations.join(', ')}. Output types: ${stackfastTool.output_types.join(', ')}`
-      };
-
-      // Add languages based on tool type
-      if (stackfastTool.name.includes('IDE') || stackfastTool.name === 'Replit' || stackfastTool.name === 'Cursor IDE') {
-        tool.languages = ['JavaScript', 'TypeScript', 'Python', 'Java', 'Go'];
-      } else if (stackfastTool.name === 'v0') {
-        tool.languages = ['JavaScript', 'TypeScript'];
-        tool.frameworks = ['React', 'Next.js', 'Tailwind CSS'];
-      } else if (stackfastTool.name.includes('Claude')) {
-        tool.languages = ['JavaScript', 'Python', 'TypeScript', 'Java', 'C++'];
-      }
-
-      await storage.createTool(tool);
-      imported++;
-      console.log(`Imported tool: ${stackfastTool.name}`);
-
-      // Add to additional categories if specified
-      if (stackfastTool.category.length > 1) {
-        for (let i = 1; i < stackfastTool.category.length; i++) {
-          const additionalCategoryId = categoryMap.get(stackfastTool.category[i]);
-          if (additionalCategoryId && additionalCategoryId !== tool.categoryId) {
-            await storage.addToolToCategory(tool.id, additionalCategoryId);
-          }
-        }
-      }
-
-    } catch (error) {
-      console.error(`Error importing tool ${stackfastTool.name}:`, error);
-      skipped++;
-    }
-  }
-
-  return { imported, skipped };
-}
-
-function determinePricing(toolName: string): string {
-  const pricingMap: Record<string, string> = {
-    'Replit': 'Free tier available, Pro from $20/month',
-    'Cursor IDE': 'Free tier available, Pro from $20/month',
-    'Bolt.new': 'Free tier with limits, Pro from $15/month',
-    'v0': 'Credits-based, starts at $10/month',
-    'Claude Artifacts': 'Part of Claude Pro at $20/month',
-    'Windsurf IDE': 'Free during beta, pricing TBD'
-  };
-  
-  return pricingMap[toolName] || 'Pricing information available on website';
-}
\ No newline at end of file
diff --git a/server/services/migrate-categories.ts b/server/services/migrate-categories.ts
deleted file mode 100644
index 393f5da..0000000
--- a/server/services/migrate-categories.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-import { db } from "../db";
-import { tools, toolCategories, toolCategoryJunction } from "@shared/schema";
-import { eq, and } from "drizzle-orm";
-
-export async function migrateToMultipleCategories() {
-  console.log("Starting migration to multiple categories...");
-  
-  try {
-    // Get all tools and categories
-    const allTools = await db.select().from(tools);
-    const allCategories = await db.select().from(toolCategories);
-    
-    // Create a map of category names to IDs for quick lookup
-    const categoryMap = new Map<string, string>();
-    allCategories.forEach(cat => {
-      categoryMap.set(cat.name.toLowerCase(), cat.id);
-    });
-    
-    // Define category detection patterns
-    const categoryPatterns = {
-      'AI Coding': ['ai', 'artificial intelligence', 'machine learning', 'llm', 'gpt', 'copilot', 'assistant', 'code generation'],
-      'Frontend/Design': ['frontend', 'ui', 'ux', 'design', 'css', 'styling', 'component', 'react', 'vue', 'angular', 'svelte'],
-      'Backend/Database': ['backend', 'database', 'api', 'server', 'sql', 'nosql', 'orm', 'rest', 'graphql', 'microservice'],
-      'DevOps/Infrastructure': ['devops', 'ci/cd', 'deployment', 'docker', 'kubernetes', 'infrastructure', 'monitoring', 'logging'],
-      'Testing/QA': ['testing', 'test', 'qa', 'quality', 'e2e', 'unit test', 'integration test', 'cypress', 'jest'],
-      'Full-Stack': ['full-stack', 'fullstack', 'full stack', 'framework', 'nextjs', 'nuxt', 'remix', 'sveltekit'],
-      'Mobile': ['mobile', 'ios', 'android', 'react native', 'flutter', 'swift', 'kotlin'],
-      'Analytics': ['analytics', 'metrics', 'tracking', 'data analysis', 'reporting', 'dashboard'],
-      'Authentication': ['auth', 'authentication', 'authorization', 'identity', 'oauth', 'jwt', 'sso'],
-      'Content Management': ['cms', 'content management', 'headless', 'blog', 'wordpress', 'strapi'],
-      'Version Control': ['version control', 'git', 'github', 'gitlab', 'bitbucket', 'source control'],
-      'Documentation': ['documentation', 'docs', 'api documentation', 'swagger', 'readme'],
-      'Collaboration': ['collaboration', 'team', 'communication', 'chat', 'project management'],
-      'Security': ['security', 'encryption', 'vulnerability', 'penetration', 'firewall', 'ssl'],
-      'Performance': ['performance', 'optimization', 'caching', 'cdn', 'speed', 'lazy loading'],
-      'Cloud Services': ['cloud', 'aws', 'azure', 'gcp', 'serverless', 'lambda', 'functions'],
-      'Payment': ['payment', 'billing', 'subscription', 'stripe', 'paypal', 'checkout'],
-      'Email': ['email', 'smtp', 'mail', 'newsletter', 'transactional'],
-      'Search': ['search', 'elasticsearch', 'algolia', 'indexing', 'full-text'],
-      'Other': []
-    };
-    
-    let migratedCount = 0;
-    
-    for (const tool of allTools) {
-      const detectedCategories = new Set<string>();
-      
-      // Always add the primary category
-      if (tool.categoryId) {
-        detectedCategories.add(tool.categoryId);
-      }
-      
-      // Analyze tool properties to detect additional categories
-      const searchText = `${tool.name} ${tool.description} ${tool.features?.join(' ')} ${tool.frameworks?.join(' ')}`.toLowerCase();
-      
-      for (const [categoryName, patterns] of Object.entries(categoryPatterns)) {
-        const categoryId = categoryMap.get(categoryName.toLowerCase());
-        if (!categoryId) continue;
-        
-        // Check if any pattern matches
-        const hasMatch = patterns.some(pattern => searchText.includes(pattern.toLowerCase()));
-        
-        if (hasMatch) {
-          detectedCategories.add(categoryId);
-        }
-      }
-      
-      // Special detection for tools that might belong to multiple categories
-      // Frontend frameworks that are also full-stack
-      if (tool.name.toLowerCase().includes('next') || tool.name.toLowerCase().includes('nuxt') || tool.name.toLowerCase().includes('remix')) {
-        const frontendId = categoryMap.get('frontend/design');
-        const fullstackId = categoryMap.get('full-stack');
-        if (frontendId) detectedCategories.add(frontendId);
-        if (fullstackId) detectedCategories.add(fullstackId);
-      }
-      
-      // Database tools that are also backend
-      if (searchText.includes('database') || searchText.includes('orm') || searchText.includes('sql')) {
-        const backendId = categoryMap.get('backend/database');
-        if (backendId) detectedCategories.add(backendId);
-      }
-      
-      // AI tools that are also coding tools
-      if (searchText.includes('copilot') || searchText.includes('code ai') || searchText.includes('coding assistant')) {
-        const aiId = categoryMap.get('ai coding');
-        if (aiId) detectedCategories.add(aiId);
-      }
-      
-      // Testing tools that might also be DevOps
-      if (searchText.includes('ci') || searchText.includes('continuous integration')) {
-        const devopsId = categoryMap.get('devops/infrastructure');
-        const testingId = categoryMap.get('testing/qa');
-        if (devopsId) detectedCategories.add(devopsId);
-        if (testingId) detectedCategories.add(testingId);
-      }
-      
-      // Insert junction records for each detected category
-      const categoriesArray = Array.from(detectedCategories);
-      for (let i = 0; i < categoriesArray.length; i++) {
-        const categoryId = categoriesArray[i];
-        
-        // Check if junction already exists
-        const existing = await db.select()
-          .from(toolCategoryJunction)
-          .where(and(
-            eq(toolCategoryJunction.toolId, tool.id),
-            eq(toolCategoryJunction.categoryId, categoryId)
-          ));
-        
-        if (existing.length === 0) {
-          await db.insert(toolCategoryJunction).values({
-            toolId: tool.id,
-            categoryId: categoryId,
-            isPrimary: categoryId === tool.categoryId // Mark primary category
-          });
-        }
-      }
-      
-      migratedCount++;
-      if (migratedCount % 10 === 0) {
-        console.log(`Migrated ${migratedCount}/${allTools.length} tools...`);
-      }
-    }
-    
-    console.log(`Migration complete! Processed ${migratedCount} tools.`);
-    
-    // Show statistics
-    const junctionRecords = await db.select().from(toolCategoryJunction);
-    const toolsWithMultiple = new Map<string, number>();
-    
-    junctionRecords.forEach(record => {
-      const count = toolsWithMultiple.get(record.toolId) || 0;
-      toolsWithMultiple.set(record.toolId, count + 1);
-    });
-    
-    const multiCategoryTools = Array.from(toolsWithMultiple.values()).filter(count => count > 1).length;
-    
-    console.log(`Statistics:`);
-    console.log(`- Total junction records: ${junctionRecords.length}`);
-    console.log(`- Tools with multiple categories: ${multiCategoryTools}`);
-    console.log(`- Average categories per tool: ${(junctionRecords.length / allTools.length).toFixed(2)}`);
-    
-    return {
-      success: true,
-      totalTools: allTools.length,
-      junctionRecords: junctionRecords.length,
-      multiCategoryTools
-    };
-  } catch (error) {
-    console.error("Migration failed:", error);
-    return {
-      success: false,
-      error: error
-    };
-  }
-}
\ No newline at end of file
diff --git a/server/services/recategorize-tools.ts b/server/services/recategorize-tools.ts
deleted file mode 100644
index ad701e3..0000000
--- a/server/services/recategorize-tools.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { db } from "../db";
-import { tools, toolCategories, toolCategoryJunction } from "@shared/schema";
-import { eq, sql } from "drizzle-orm";
-import * as fs from "fs";
-import * as path from "path";
-import { parse } from 'csv-parse/sync';
-
-interface CSVTool {
-  Name: string;
-  Categories: string;
-  Description: string;
-  URL: string;
-  Frameworks: string;
-  Features: string;
-  "Native Integrations": string;
-  "Verified Integrations": string;
-  "Notable Strengths": string;
-  "Known Limitations": string;
-  "Maturity Score": string;
-  "Popularity Score": string;
-  Pricing: string;
-}
-
-// New category structure with parent-child relationships
-const categoryStructure = [
-  {
-    name: "Development Environments",
-    description: "IDEs, code editors, and development platforms",
-    color: "#8B5CF6",
-    subcategories: [
-      { name: "IDE", description: "Integrated Development Environments" },
-      { name: "Code Editor", description: "Lightweight code editors and extensions" }
-    ]
-  },
-  {
-    name: "AI Coding Assistants",
-    description: "AI-powered coding tools and assistants",
-    color: "#FF4500",
-    subcategories: [
-      { name: "Chat-based AI", description: "Conversational AI for coding" },
-      { name: "IDE-integrated AI", description: "AI integrated into development environments" },
-      { name: "Autonomous Agents", description: "Self-directed AI coding agents" }
-    ]
-  },
-  {
-    name: "No-Code/Low-Code",
-    description: "Visual development and natural language coding platforms",
-    color: "#10B981",
-    subcategories: [
-      { name: "Vibe Coding", description: "Natural language to code platforms" },
-      { name: "Visual Builder", description: "Drag-and-drop app builders" }
-    ]
-  },
-  {
-    name: "Backend & Infrastructure",
-    description: "Backend services, databases, and hosting platforms",
-    color: "#238636",
-    subcategories: [
-      { name: "Database", description: "Database platforms and management tools" },
-      { name: "Hosting", description: "Deployment and hosting services" },
-      { name: "Backend Platform", description: "Complete backend solutions" }
-    ]
-  },
-  {
-    name: "Frontend & Design",
-    description: "UI/UX tools, frontend frameworks, and design platforms",
-    color: "#1F6FEB",
-    subcategories: [
-      { name: "UI Generation", description: "AI-powered UI component generators" },
-      { name: "Design Tool", description: "Visual design and prototyping tools" }
-    ]
-  },
-  {
-    name: "Specialized Tools",
-    description: "Tools for specific development tasks",
-    color: "#9333EA",
-    subcategories: [
-      { name: "Database Tool", description: "SQL and database-specific tools" },
-      { name: "Testing & QA", description: "Testing and quality assurance tools" },
-      { name: "Framework", description: "Development frameworks and libraries" }
-    ]
-  },
-  {
-    name: "Payment & Commerce",
-    description: "Payment processing and e-commerce tools",
-    color: "#F59E0B",
-    subcategories: []
-  }
-];
-
-// Map CSV categories to new structure
-const categoryMapping: Record<string, string[]> = {
-  // IDEs
-  "IDE": ["Development Environments/IDE"],
-  
-  // Coding tools and AI assistants
-  "Coding tool": ["AI Coding Assistants/Chat-based AI"],
-  "Agentic framework": ["AI Coding Assistants/Autonomous Agents", "Specialized Tools/Framework"],
-  
-  // No-code/Low-code
-  "Vibe coding": ["No-Code/Low-Code/Vibe Coding"],
-  
-  // Design and Frontend
-  "Design/frontend": ["Frontend & Design/UI Generation"],
-  
-  // Backend and Database
-  "Database/backend": ["Backend & Infrastructure/Database", "Backend & Infrastructure/Backend Platform"],
-  
-  // Payment
-  "Payment platform": ["Payment & Commerce"]
-};
-
-// Tool-specific overrides based on analysis
-const toolOverrides: Record<string, string[]> = {
-  "Cursor": ["Development Environments/IDE", "AI Coding Assistants/IDE-integrated AI"],
-  "Windsurf": ["Development Environments/IDE", "AI Coding Assistants/IDE-integrated AI"],
-  "Kiro AI": ["Development Environments/IDE", "AI Coding Assistants/IDE-integrated AI"],
-  "Zed": ["Development Environments/IDE"],
-  "GitHub Copilot": ["AI Coding Assistants/IDE-integrated AI", "Development Environments/Code Editor"],
-  "Cody": ["AI Coding Assistants/IDE-integrated AI"],
-  "Claude/Claude Code": ["AI Coding Assistants/Chat-based AI", "AI Coding Assistants/IDE-integrated AI"],
-  "ChatGPT": ["AI Coding Assistants/Chat-based AI"],
-  "Gemini (CLI)": ["AI Coding Assistants/Chat-based AI"],
-  "Devin": ["AI Coding Assistants/Autonomous Agents"],
-  "Lovable": ["No-Code/Low-Code/Vibe Coding", "Frontend & Design/UI Generation"],
-  "Bolt": ["No-Code/Low-Code/Vibe Coding", "Frontend & Design/UI Generation"],
-  "v0": ["Frontend & Design/UI Generation", "No-Code/Low-Code/Vibe Coding"],
-  "Bubble": ["No-Code/Low-Code/Visual Builder"],
-  "Knack": ["No-Code/Low-Code/Visual Builder"],
-  "UI Bakery": ["No-Code/Low-Code/Visual Builder"],
-  "Supabase": ["Backend & Infrastructure/Database", "Backend & Infrastructure/Backend Platform"],
-  "Firebase": ["Backend & Infrastructure/Database", "Backend & Infrastructure/Backend Platform"],
-  "Pocketbase": ["Backend & Infrastructure/Database"],
-  "Vercel": ["Backend & Infrastructure/Hosting", "Frontend & Design/UI Generation"],
-  "Netlify": ["Backend & Infrastructure/Hosting"],
-  "Render": ["Backend & Infrastructure/Hosting"],
-  "Replit": ["Development Environments/IDE", "No-Code/Low-Code/Vibe Coding", "Backend & Infrastructure/Hosting"],
-  "Figma": ["Frontend & Design/Design Tool"],
-  "Balsamiq": ["Frontend & Design/Design Tool"],
-  "AI2sql": ["Specialized Tools/Database Tool"],
-  "GibsonAI": ["Specialized Tools/Database Tool", "Backend & Infrastructure/Database"],
-  "gocodeo": ["Specialized Tools/Testing & QA"],
-  "LangChain": ["Specialized Tools/Framework", "AI Coding Assistants/Autonomous Agents"],
-  "CrewAI": ["Specialized Tools/Framework", "AI Coding Assistants/Autonomous Agents"],
-  "AutoGen": ["Specialized Tools/Framework", "AI Coding Assistants/Autonomous Agents"],
-  "Tabnine": ["AI Coding Assistants/IDE-integrated AI"],
-  "Codeium": ["AI Coding Assistants/IDE-integrated AI"],
-  "Amazon CodeWhisperer": ["AI Coding Assistants/IDE-integrated AI"]
-};
-
-async function recategorizeTools() {
-  console.log("Starting recategorization process...");
-  
-  try {
-    // Step 1: Clear existing junctions first
-    console.log("Clearing existing junctions...");
-    await db.delete(toolCategoryJunction);
-    
-    // Step 2: Create a temporary category for all tools to avoid FK constraint issues
-    console.log("Creating temporary category...");
-    const [tempCategory] = await db.insert(toolCategories).values({
-      name: "_TEMP_MIGRATION_CATEGORY",
-      description: "Temporary category for migration",
-      color: "#000000"
-    }).returning();
-    
-    // Update all tools to use the temporary category
-    console.log("Updating tools to use temporary category...");
-    await db.update(tools).set({ categoryId: tempCategory.id });
-    
-    // Step 3: Delete old categories (except the temporary one)
-    console.log("Deleting old categories...");
-    await db.delete(toolCategories).where(
-      sql`${toolCategories.id} != ${tempCategory.id}`
-    );
-    
-    // Step 2: Create new categories
-    console.log("Creating new category structure...");
-    const categoryMap = new Map<string, string>();
-    
-    for (const parent of categoryStructure) {
-      // Create parent category
-      const [parentCategory] = await db.insert(toolCategories).values({
-        name: parent.name,
-        description: parent.description,
-        color: parent.color
-      }).returning();
-      
-      categoryMap.set(parent.name, parentCategory.id);
-      console.log(`Created parent category: ${parent.name}`);
-      
-      // Create subcategories
-      for (const sub of parent.subcategories) {
-        const [subCategory] = await db.insert(toolCategories).values({
-          name: `${parent.name}/${sub.name}`,
-          description: sub.description,
-          color: parent.color
-        }).returning();
-        
-        categoryMap.set(`${parent.name}/${sub.name}`, subCategory.id);
-        console.log(`  Created subcategory: ${sub.name}`);
-      }
-    }
-    
-    // Step 3: Read CSV and update tools
-    console.log("\nReading CSV file...");
-    const csvPath = path.join(process.cwd(), "attached_assets", "Coding tool profile database setup_1754841204572.csv");
-    const csvContent = fs.readFileSync(csvPath, "utf-8");
-    const records: CSVTool[] = parse(csvContent, {
-      columns: true,
-      skip_empty_lines: true
-    });
-    
-    console.log(`Found ${records.length} tools in CSV`);
-    
-    // Step 4: Process each tool
-    for (const record of records) {
-      const toolName = record.Name.trim();
-      console.log(`\nProcessing: ${toolName}`);
-      
-      // Find or create tool
-      let [tool] = await db.select().from(tools).where(eq(tools.name, toolName));
-      
-      if (!tool) {
-        console.log(`  Tool not found in database, skipping: ${toolName}`);
-        continue;
-      }
-      
-      // Determine categories for this tool
-      let toolCategories: string[] = [];
-      
-      // Check for manual overrides first
-      if (toolOverrides[toolName]) {
-        toolCategories = toolOverrides[toolName];
-        console.log(`  Using override categories: ${toolCategories.join(", ")}`);
-      } else {
-        // Parse categories from CSV
-        const csvCategories = record.Categories.split(",").map(c => c.trim());
-        for (const csvCat of csvCategories) {
-          if (categoryMapping[csvCat]) {
-            toolCategories.push(...categoryMapping[csvCat]);
-          }
-        }
-        console.log(`  Mapped categories: ${toolCategories.join(", ")}`);
-      }
-      
-      // Remove duplicates
-      toolCategories = Array.from(new Set(toolCategories));
-      
-      // Create junction entries
-      for (const catPath of toolCategories) {
-        const categoryId = categoryMap.get(catPath);
-        if (categoryId) {
-          await db.insert(toolCategoryJunction).values({
-            toolId: tool.id,
-            categoryId: categoryId
-          }).onConflictDoNothing();
-          console.log(`    Added to category: ${catPath}`);
-        }
-      }
-    }
-    
-    console.log("\n✅ Recategorization complete!");
-    
-    // Step 5: Show statistics
-    const stats = await db.execute(`
-      SELECT c.name, COUNT(DISTINCT j.tool_id) as tool_count
-      FROM tool_categories c
-      LEFT JOIN tool_category_junction j ON c.id = j.category_id
-      GROUP BY c.id, c.name
-      ORDER BY c.name
-    `);
-    
-    console.log("\nCategory Statistics:");
-    stats.rows.forEach((row: any) => {
-      console.log(`  ${row.name}: ${row.tool_count} tools`);
-    });
-    
-  } catch (error) {
-    console.error("Error during recategorization:", error);
-    throw error;
-  }
-}
-
-// Run the recategorization
-recategorizeTools()
-  .then(() => {
-    console.log("Process completed successfully");
-    process.exit(0);
-  })
-  .catch((error) => {
-    console.error("Process failed:", error);
-    process.exit(1);
-  });
\ No newline at end of file
diff --git a/server/services/stackfast-adapter.ts b/server/services/stackfast-adapter.ts
deleted file mode 100644
index 01f999c..0000000
--- a/server/services/stackfast-adapter.ts
+++ /dev/null
@@ -1,304 +0,0 @@
-/**
- * StackFast Adapter Service
- * Bridges StackFast's tool profiles and blueprint generation with our compatibility matrix
- */
-
-import { z } from 'zod';
-import { InsertTool, Tool } from '@shared/schema';
-import { storage } from '../storage';
-import { randomUUID } from 'crypto';
-
-// StackFast's tool profile schema (imported from their schemas)
-export const stackfastToolProfileSchema = z.object({
-  tool_id: z.string(),
-  name: z.string(),
-  description: z.string(),
-  category: z.array(z.string()),
-  notable_strengths: z.array(z.string()).optional(),
-  known_limitations: z.array(z.string()).optional(),
-  output_types: z.array(z.string()).optional(),
-  integrations: z.array(z.string()).optional(),
-  license: z.string().nullable().optional(),
-  maturity_score: z.number().min(0).max(1).nullable().optional(),
-  popularity_score: z.number().min(0).max(1).nullable().optional(),
-  last_updated: z.string().datetime(),
-  schema_version: z.string(),
-  requires_review: z.boolean().optional(),
-  source_url: z.string().url().optional(),
-  source_description: z.string().optional(),
-  scraping_failed: z.boolean().optional(),
-  established: z.string().optional(),
-  default_use_case: z.string().optional(),
-  llm_backends: z.array(z.string()).optional(),
-  reviewed_at: z.string().datetime().optional(),
-  reviewed_by: z.string().optional(),
-  rejected_reason: z.string().optional(),
-});
-
-export type StackFastToolProfile = z.infer<typeof stackfastToolProfileSchema>;
-
-// Blueprint schema from StackFast
-export const blueprintSchema = z.object({
-  title: z.string().default('Untitled Project'),
-  techStack: z.string().optional().default(''),
-  backendLogic: z.array(z.string()).default([]),
-  frontendLogic: z.array(z.string()).default([]),
-  recommendedWorkflow: z
-    .object({
-      name: z.string().default('Recommended Workflow'),
-      stages: z.array(z.string()).default([]),
-      reasoning: z.string().optional().default('')
-    })
-    .default({ name: 'Recommended Workflow', stages: [], reasoning: '' }),
-  recommendedBackend: z.object({ name: z.string(), reasoning: z.string().optional().default('') }).optional(),
-  recommendedFrontend: z.object({ name: z.string(), reasoning: z.string().optional().default('') }).optional(),
-  recommendedBoilerplate: z.object({ name: z.string(), reasoning: z.string().optional().default('') }).optional(),
-  marketGapAnalysis: z
-    .object({
-      segments: z.array(z.string()).default([]),
-      competitors: z.array(z.string()).default([]),
-      gaps: z.array(z.string()).default([]),
-      validationPlan: z.array(z.string()).default([]),
-    })
-    .optional()
-});
-
-export type Blueprint = z.infer<typeof blueprintSchema>;
-
-export class StackFastAdapter {
-  /**
-   * Convert StackFast tool profile to our tool schema
-   */
-  async convertToolProfile(stackfastTool: StackFastToolProfile): Promise<InsertTool> {
-    // Get categories for mapping
-    const categories = await storage.getToolCategories();
-    
-    // Map StackFast categories to our system
-    const categoryMap = new Map<string, string>();
-    categories.forEach(cat => {
-      if (cat.name === "AI Coding Assistants") {
-        categoryMap.set("Agentic Tool", cat.id);
-        categoryMap.set("AI Assistant", cat.id);
-      } else if (cat.name === "Development Environments") {
-        categoryMap.set("Cloud IDE", cat.id);
-        categoryMap.set("Code Editor", cat.id);
-        categoryMap.set("Vibe Coding Tool", cat.id);
-      } else if (cat.name === "No-Code/Low-Code") {
-        categoryMap.set("No-Code Platform", cat.id);
-        categoryMap.set("UI Builder", cat.id);
-      }
-    });
-
-    const defaultCategoryId = categories.find(c => c.name === "Specialized Tools")?.id || categories[0]?.id || '';
-
-    // Extract languages and frameworks from integrations/features
-    const languages = this.extractLanguages(stackfastTool);
-    const frameworks = this.extractFrameworks(stackfastTool);
-
-    return {
-      id: randomUUID(),
-      name: stackfastTool.name,
-      description: stackfastTool.description,
-      categoryId: categoryMap.get(stackfastTool.category[0]) || defaultCategoryId,
-      url: stackfastTool.source_url || null,
-      frameworks,
-      languages,
-      features: stackfastTool.notable_strengths || [],
-      integrations: stackfastTool.integrations || [],
-      maturityScore: (stackfastTool.maturity_score || 0.5) * 10,
-      popularityScore: (stackfastTool.popularity_score || 0.5) * 10,
-      pricing: this.determinePricing(stackfastTool),
-      notes: this.buildNotes(stackfastTool)
-    };
-  }
-
-  /**
-   * Enhance blueprint with compatibility insights
-   */
-  async enhanceBlueprint(blueprint: Blueprint, toolIds?: string[]): Promise<Blueprint & { compatibilityInsights: any }> {
-    const compatibilityInsights: any = {
-      overallHarmony: 0,
-      toolCompatibilities: [],
-      warnings: [],
-      recommendations: []
-    };
-
-    if (!toolIds || toolIds.length < 2) {
-      return { ...blueprint, compatibilityInsights };
-    }
-
-    // Analyze stack harmony
-    const harmonyResult = await storage.getStackHarmonyScore(toolIds);
-    compatibilityInsights.overallHarmony = harmonyResult.harmonyScore;
-
-    // Get pairwise compatibilities
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const compat = await storage.getCompatibility(toolIds[i], toolIds[j]);
-        if (compat) {
-          const toolA = await storage.getTool(toolIds[i]);
-          const toolB = await storage.getTool(toolIds[j]);
-          
-          compatibilityInsights.toolCompatibilities.push({
-            toolA: toolA?.name,
-            toolB: toolB?.name,
-            score: compat.compatibilityScore,
-            difficulty: compat.integrationDifficulty,
-            notes: compat.notes
-          });
-
-          // Add warnings for low compatibility
-          if (compat.compatibilityScore < 40) {
-            compatibilityInsights.warnings.push(
-              `Low compatibility between ${toolA?.name} and ${toolB?.name} (${compat.compatibilityScore}%). Consider alternatives.`
-            );
-          }
-        }
-      }
-    }
-
-    // Generate recommendations based on compatibility
-    if (compatibilityInsights.overallHarmony < 50) {
-      compatibilityInsights.recommendations.push(
-        "Consider replacing tools with higher compatibility alternatives",
-        "Review integration complexity before proceeding"
-      );
-    } else if (compatibilityInsights.overallHarmony > 80) {
-      compatibilityInsights.recommendations.push(
-        "Excellent tool synergy - proceed with confidence",
-        "Integration should be straightforward"
-      );
-    }
-
-    // Update blueprint recommendations with compatibility awareness
-    if (blueprint.recommendedWorkflow) {
-      blueprint.recommendedWorkflow.reasoning = 
-        `${blueprint.recommendedWorkflow.reasoning} Stack harmony: ${compatibilityInsights.overallHarmony}%.`;
-    }
-
-    return { ...blueprint, compatibilityInsights };
-  }
-
-  /**
-   * Generate tool recommendations for a blueprint
-   */
-  async recommendToolsForBlueprint(blueprint: Blueprint): Promise<Tool[]> {
-    const recommendations: Tool[] = [];
-    const allTools = await storage.getToolsWithCategory();
-
-    // Parse tech stack to identify needed tool categories
-    const techStackLower = (blueprint.techStack || '').toLowerCase();
-    const neededCategories: string[] = [];
-
-    if (techStackLower.includes('react') || techStackLower.includes('vue') || techStackLower.includes('frontend')) {
-      neededCategories.push('Frontend & Design');
-    }
-    if (techStackLower.includes('backend') || techStackLower.includes('api') || techStackLower.includes('database')) {
-      neededCategories.push('Backend & Infrastructure');
-    }
-    if (techStackLower.includes('ai') || techStackLower.includes('llm') || techStackLower.includes('ml')) {
-      neededCategories.push('AI Coding Assistants');
-    }
-    if (techStackLower.includes('deploy') || techStackLower.includes('hosting')) {
-      neededCategories.push('Development Environments');
-    }
-
-    // Find tools matching needed categories
-    for (const categoryName of neededCategories) {
-      const category = await storage.getToolCategories();
-      const categoryId = category.find(c => c.name === categoryName)?.id;
-      
-      if (categoryId) {
-        const categoryTools = allTools
-          .filter(t => t.categoryId === categoryId)
-          .sort((a, b) => (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore))
-          .slice(0, 2); // Top 2 tools per category
-        
-        recommendations.push(...categoryTools);
-      }
-    }
-
-    // Deduplicate recommendations
-    const uniqueTools = Array.from(new Map(recommendations.map(t => [t.id, t])).values());
-
-    return uniqueTools;
-  }
-
-  private extractLanguages(tool: StackFastToolProfile): string[] {
-    const languages: Set<string> = new Set();
-    
-    // Check integrations and features for language hints
-    const allText = [
-      ...(tool.integrations || []),
-      ...(tool.notable_strengths || []),
-      tool.description
-    ].join(' ').toLowerCase();
-
-    if (allText.includes('javascript') || allText.includes('js')) languages.add('JavaScript');
-    if (allText.includes('typescript') || allText.includes('ts')) languages.add('TypeScript');
-    if (allText.includes('python')) languages.add('Python');
-    if (allText.includes('java')) languages.add('Java');
-    if (allText.includes('go') || allText.includes('golang')) languages.add('Go');
-    if (allText.includes('rust')) languages.add('Rust');
-    if (allText.includes('c++') || allText.includes('cpp')) languages.add('C++');
-    if (allText.includes('ruby')) languages.add('Ruby');
-
-    return Array.from(languages);
-  }
-
-  private extractFrameworks(tool: StackFastToolProfile): string[] {
-    const frameworks: Set<string> = new Set();
-    
-    const allText = [
-      ...(tool.integrations || []),
-      ...(tool.notable_strengths || []),
-      tool.description
-    ].join(' ').toLowerCase();
-
-    if (allText.includes('react')) frameworks.add('React');
-    if (allText.includes('vue')) frameworks.add('Vue');
-    if (allText.includes('angular')) frameworks.add('Angular');
-    if (allText.includes('next')) frameworks.add('Next.js');
-    if (allText.includes('tailwind')) frameworks.add('Tailwind CSS');
-    if (allText.includes('express')) frameworks.add('Express');
-    if (allText.includes('django')) frameworks.add('Django');
-    if (allText.includes('flask')) frameworks.add('Flask');
-
-    return Array.from(frameworks);
-  }
-
-  private determinePricing(tool: StackFastToolProfile): string {
-    // Estimate pricing based on tool characteristics
-    if (tool.name.toLowerCase().includes('open source')) {
-      return 'Free and open source';
-    }
-    if (tool.maturity_score && tool.maturity_score > 0.8) {
-      return 'Enterprise pricing available';
-    }
-    return 'Pricing varies - check website for details';
-  }
-
-  private buildNotes(tool: StackFastToolProfile): string {
-    const parts: string[] = ['Imported from StackFast'];
-    
-    if (tool.known_limitations && tool.known_limitations.length > 0) {
-      parts.push(`Limitations: ${tool.known_limitations.join(', ')}`);
-    }
-    
-    if (tool.output_types && tool.output_types.length > 0) {
-      parts.push(`Output types: ${tool.output_types.join(', ')}`);
-    }
-    
-    if (tool.default_use_case) {
-      parts.push(`Default use case: ${tool.default_use_case}`);
-    }
-    
-    if (tool.established) {
-      parts.push(`Established: ${tool.established}`);
-    }
-
-    return parts.join('. ');
-  }
-}
-
-export const stackfastAdapter = new StackFastAdapter();
\ No newline at end of file
diff --git a/server/storage.ts b/server/storage.ts
deleted file mode 100644
index 34a7ea4..0000000
--- a/server/storage.ts
+++ /dev/null
@@ -1,2717 +0,0 @@
-import { 
-  type ToolCategory, 
-  type Tool, 
-  type Compatibility,
-  type StackTemplate,
-  type StackRule,
-  type MigrationPath,
-  type InsertToolCategory, 
-  type InsertTool, 
-  type InsertCompatibility,
-  type InsertStackTemplate,
-  type InsertStackRule,
-  type InsertMigrationPath,
-  type ToolWithCategory,
-  type CompatibilityMatrix,
-  toolCategories as toolCategoriesTable,
-  tools as toolsTable,
-  compatibilities as compatibilitiesTable,
-  migrationPaths as migrationPathsTable,
-  toolCategoryJunction
-} from "@shared/schema";
-import { randomUUID } from "crypto";
-import { db } from "./db";
-import { eq, and, desc, sql } from "drizzle-orm";
-
-export interface IStorage {
-  // Tool Categories
-  getToolCategories(): Promise<ToolCategory[]>;
-  getToolCategory(id: string): Promise<ToolCategory | undefined>;
-  createToolCategory(category: InsertToolCategory): Promise<ToolCategory>;
-  updateToolCategory(id: string, category: Partial<InsertToolCategory>): Promise<ToolCategory | undefined>;
-  deleteToolCategory(id: string): Promise<boolean>;
-
-  // Tools
-  getTools(): Promise<Tool[]>;
-  getToolsWithCategory(): Promise<ToolWithCategory[]>;
-  getToolsWithAllCategories(): Promise<any[]>;
-  getTool(id: string): Promise<Tool | undefined>;
-  getToolWithCategory(id: string): Promise<ToolWithCategory | undefined>;
-  getToolsByCategory(categoryId: string): Promise<Tool[]>;
-  createTool(tool: InsertTool): Promise<Tool>;
-  updateTool(id: string, tool: Partial<InsertTool>): Promise<Tool | undefined>;
-  deleteTool(id: string): Promise<boolean>;
-  getAlternativeTools(toolId: string): Promise<Tool[]>;
-  exportToolsAsCSV(): Promise<string>;
-
-  // Compatibilities
-  getCompatibilities(): Promise<Compatibility[]>;
-  getCompatibilityMatrix(): Promise<CompatibilityMatrix[]>;
-  getCompatibility(toolOneId: string, toolTwoId: string): Promise<Compatibility | undefined>;
-  createCompatibility(compatibility: InsertCompatibility): Promise<Compatibility>;
-  updateCompatibility(id: string, compatibility: Partial<InsertCompatibility>): Promise<Compatibility | undefined>;
-  deleteCompatibilityById(id: string): Promise<boolean>;
-  deleteCompatibilityPair(toolOneId: string, toolTwoId: string): Promise<boolean>;
-
-  // Stack Templates
-  getStackTemplates(): Promise<StackTemplate[]>;
-  getStackTemplate(id: string): Promise<StackTemplate | undefined>;
-  createStackTemplate(template: InsertStackTemplate): Promise<StackTemplate>;
-  updateStackTemplate(id: string, template: Partial<InsertStackTemplate>): Promise<StackTemplate | undefined>;
-  deleteStackTemplate(id: string): Promise<boolean>;
-
-  // Stack Validation & Scoring
-  validateStack(toolIds: string[]): Promise<{
-    valid: boolean;
-    conflicts: Array<{ toolOne: string; toolTwo: string; reason: string }>;
-    dependencies: Array<{ tool: string; requires: string[] }>;
-    warnings: string[];
-    recommendations: string[];
-  }>;
-  calculateHarmonyScore(toolIds: string[]): Promise<number>;
-  getRecommendations(toolIds: string[], category?: string): Promise<Tool[]>;
-  getBulkCompatibility(toolIds: string[]): Promise<Array<{
-    toolOneId: string;
-    toolTwoId: string;
-    score: number;
-    notes?: string;
-  }>>;
-
-  // Migration Paths
-  getMigrationPath(fromToolId: string, toToolId: string): Promise<MigrationPath | undefined>;
-  createMigrationPath(path: InsertMigrationPath): Promise<MigrationPath>;
-
-  // Export Functions
-  exportStackAsJSON(toolIds?: string[]): Promise<any>;
-  exportStackAsCSV(toolIds?: string[]): Promise<string>;
-  
-  // Utility Functions
-  clearAllTools(): Promise<void>;
-  clearAllCompatibilities(): Promise<void>;
-  importToolsFromCSV(): Promise<number>;
-  generateCompatibilityScores(): Promise<{ generated: number; updated: number }>;
-  
-  // StackFast integration methods
-  getStackHarmonyScore(toolIds: string[]): Promise<{ harmonyScore: number; toolIds: string[] }>;
-}
-
-export class MemStorage implements IStorage {
-  private toolCategories: Map<string, ToolCategory>;
-  private tools: Map<string, Tool>;
-  private compatibilities: Map<string, Compatibility>;
-
-  constructor() {
-    this.toolCategories = new Map();
-    this.tools = new Map();
-    this.compatibilities = new Map();
-    this.seedData();
-  }
-
-  private seedData() {
-    // Seed categories
-    const categories = [
-      { name: "AI Coding Tools", description: "AI-powered development assistants and code generation", color: "#FF4500" },
-      { name: "Frontend/Design", description: "Frontend frameworks, UI libraries, and design tools", color: "#1F6FEB" },
-      { name: "Backend/Database", description: "Backend services, databases, and hosting platforms", color: "#238636" },
-      { name: "Payment Platforms", description: "Payment processing and financial services", color: "#FB8500" },
-      { name: "IDE/Development", description: "Integrated development environments and editors", color: "#8B5CF6" },
-      { name: "DevOps/Deployment", description: "Deployment platforms and development operations", color: "#7C3AED" },
-    ];
-
-    for (const category of categories) {
-      const id = randomUUID();
-      this.toolCategories.set(id, { id, ...category });
-    }
-
-    // Get category IDs for seeding tools
-    const categoryIds = Array.from(this.toolCategories.keys());
-    const [aiCategoryId, frontendCategoryId, backendCategoryId, paymentCategoryId, ideCategoryId, devopsCategoryId] = categoryIds;
-
-    // Comprehensive tools from CSV data
-    const tools = [
-      // AI Coding Tools
-      {
-        name: "Lovable",
-        description: "AI-powered platform for creating full-stack websites via natural language.",
-        categoryId: aiCategoryId,
-        url: "https://lovable.dev",
-        frameworks: ["React", "TypeScript", "Tailwind CSS", "Vite"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Website and app builder", "UI design", "templates"],
-        integrations: ["GitHub", "Supabase", "Stripe", "Figma", "OpenAI", "Anthropic"],
-        maturityScore: 8.3,
-        popularityScore: 8.9,
-        pricing: "Free tier, $25 pro tier",
-        notes: "End-to-end automation, great for MVPs, user-friendly for non-coders"
-      },
-      {
-        name: "ChatGPT",
-        description: "Conversational AI for code generation, debugging, and programming assistance.",
-        categoryId: aiCategoryId,
-        url: "https://chatgpt.com",
-        frameworks: ["React", "Django", "Flask"],
-        languages: ["Python", "JavaScript", "TypeScript", "Java", "C++"],
-        features: ["Code generation", "debugging", "explanation", "natural language to code"],
-        integrations: ["OpenAI API", "GitHub Copilot", "VS Code", "Jupyter"],
-        maturityScore: 9.5,
-        popularityScore: 9.8,
-        pricing: "Free tier, Plus $20/month, Team/Enterprise custom",
-        notes: "Versatile, excellent for learning, vast knowledge base"
-      },
-      {
-        name: "Gemini (CLI)",
-        description: "Google's AI with CLI for code generation and multimodal inputs.",
-        categoryId: aiCategoryId,
-        url: "https://gemini.google.com",
-        frameworks: ["Android", "Web", "Flutter"],
-        languages: ["Java", "Kotlin", "JavaScript", "TypeScript"],
-        features: ["Code Assist", "multimodal prompts", "CLI", "Google Cloud integration"],
-        integrations: ["Google Cloud", "Android Studio", "VS Code", "JetBrains"],
-        maturityScore: 9.0,
-        popularityScore: 9.2,
-        pricing: "Free with limits, Pro $20/month",
-        notes: "Multimodal coding, fast inference, good for mobile/web"
-      },
-      {
-        name: "Cody",
-        description: "Enterprise AI code assistant for complex codebases, speed, and consistency.",
-        categoryId: aiCategoryId,
-        url: "https://sourcegraph.com/cody",
-        frameworks: ["All code hosts/editors"],
-        languages: ["All programming languages"],
-        features: ["Accelerates dev", "reusable prompts", "enterprise-grade security"],
-        integrations: ["All code hosts/editors"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Enterprise custom",
-        notes: "Trusted by enterprises, saves 5-6 hours/week, doubles coding speed"
-      },
-      {
-        name: "Claude/Claude Code",
-        description: "AI for developers to write/test/debug/analyze codebases.",
-        categoryId: aiCategoryId,
-        url: "https://www.anthropic.com/solutions/coding",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Write/test/debug", "codebase analysis", "GitHub integration", "terminal embedding"],
-        integrations: ["GitHub", "GitLab", "Vercel", "Cursor", "Sourcegraph", "Replit"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Custom pricing",
-        notes: "Leads SWE-bench (74.5%), 95% test time reduction, clean code"
-      },
-      {
-        name: "GitHub Copilot",
-        description: "AI pair programmer for contextualized code assistance.",
-        categoryId: aiCategoryId,
-        url: "https://github.com/features/copilot",
-        frameworks: ["JavaScript", "OpenAI GPT-5", "Claude Opus 4.1", "Gemini 2.0 Flash"],
-        languages: ["All major programming languages"],
-        features: ["Code completions", "chat", "explanations", "code review", "Autofix"],
-        integrations: ["VS Code", "Visual Studio", "Vim", "Neovim", "JetBrains", "Azure Data Studio"],
-        maturityScore: 9.0,
-        popularityScore: 9.5,
-        pricing: "Free: $0, Pro: $10/month, Pro+: $39/month, Business/Enterprise custom",
-        notes: "Widely adopted, 55% productivity boost, multi-model support"
-      },
-      {
-        name: "IBM watsonx Code Assistant",
-        description: "AI for faster code creation and modernization across SDLC.",
-        categoryId: aiCategoryId,
-        url: "https://www.ibm.com/products/watsonx-code-assistant",
-        frameworks: ["Python", "Java", "C", "C++", "Go", "JavaScript", "TypeScript"],
-        languages: ["Python", "Java", "C", "C++", "Go", "JavaScript", "TypeScript"],
-        features: ["Chat recommendations", "automate tasks", "generate/explain/test code", "IP indemnification"],
-        integrations: ["Enterprise systems"],
-        maturityScore: 8.0,
-        popularityScore: 7.0,
-        pricing: "30-day free trial, 25% off Essentials Plan for 3 months",
-        notes: "IDC MarketScape leader, 90% time savings, 80% legacy code transformed"
-      },
-      {
-        name: "Bolt",
-        description: "AI web builder for creating apps/sites via natural language.",
-        categoryId: aiCategoryId,
-        url: "https://bolt.new",
-        frameworks: ["React", "Next.js"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Natural language app building", "UI generation", "code export", "rapid prototyping"],
-        integrations: ["Stripe", "GitHub", "OpenAI", "Anthropic"],
-        maturityScore: 7.5,
-        popularityScore: 8.2,
-        pricing: "Custom pricing",
-        notes: "Easiest vibe coding, fast MVP creation, user-friendly"
-      },
-      {
-        name: "Cursor",
-        description: "AI code editor for predicting edits and natural language coding.",
-        categoryId: ideCategoryId,
-        url: "https://www.cursor.com",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Predicts edits", "answers codebase queries", "natural language editing"],
-        integrations: ["GitHub", "OpenAI", "Anthropic"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Trusted by Samsung/Stripe/Shopify, fast autocompletion"
-      },
-      {
-        name: "v0",
-        description: "Vercel's AI tool for generating UI components from natural language.",
-        categoryId: frontendCategoryId,
-        url: "https://v0.dev",
-        frameworks: ["React", "Tailwind CSS"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["AI UI generation", "code export", "natural language to design", "templates"],
-        integrations: ["Vercel", "GitHub"],
-        maturityScore: 8.0,
-        popularityScore: 8.5,
-        pricing: "Custom pricing",
-        notes: "Fast UI prototyping, Vercel ecosystem integration, high-quality code"
-      },
-      {
-        name: "Replit",
-        description: "Platform for turning ideas into apps with vibe coding and AI Agent.",
-        categoryId: ideCategoryId,
-        url: "https://replit.com",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Replit Agent", "design imports from Figma", "built-in Database/Auth", "vibe coding", "SSO"],
-        integrations: ["Database", "Auth", "Stripe", "OpenAI"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Custom pricing",
-        notes: "Loved by 40M creators, trusted by Google/Anthropic/Coinbase"
-      },
-      {
-        name: "Windsurf",
-        description: "AI-powered IDE with deep codebase understanding and real-time collaboration.",
-        categoryId: ideCategoryId,
-        url: "https://codeium.com/windsurf",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Contextual awareness", "autocomplete", "Previews", "linter", "MCP", "in-line/terminal commands"],
-        integrations: ["GitHub", "VS Code extensions"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Custom pricing",
-        notes: "Writes 70M+ lines daily, 1M+ users, 94% AI code, 59% Fortune 500"
-      },
-      {
-        name: "Codeium",
-        description: "AI code completion tool with suggestions, chat, and search in IDEs.",
-        categoryId: ideCategoryId,
-        url: "https://codeium.com",
-        frameworks: ["70+ languages"],
-        languages: ["70+ programming languages"],
-        features: ["Autocomplete", "chat for code", "search codebase", "enterprise self-host"],
-        integrations: ["VS Code", "JetBrains", "Neovim"],
-        maturityScore: 8.0,
-        popularityScore: 8.5,
-        pricing: "Free for individuals",
-        notes: "Free for individuals, fast, privacy-focused"
-      },
-      {
-        name: "Tabnine",
-        description: "Contextually aware AI platform for speeding up development with air-gapped deployments.",
-        categoryId: ideCategoryId,
-        url: "https://www.tabnine.com",
-        frameworks: ["Popular languages/libraries/IDEs"],
-        languages: ["All major programming languages"],
-        features: ["Context-aware suggestions", "bespoke models", "AI agents for review/testing/docs"],
-        integrations: ["Atlassian Jira", "All major IDEs"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Custom pricing",
-        notes: "Gartner #1, 11% productivity boost, custom suggestions"
-      },
-
-      // Frontend/Design Tools
-      {
-        name: "React",
-        description: "A JavaScript library for building user interfaces",
-        categoryId: frontendCategoryId,
-        url: "https://react.dev",
-        frameworks: ["Next.js", "Vite", "Create React App"],
-        languages: ["JavaScript", "TypeScript", "JSX"],
-        features: ["Component-based", "Virtual DOM", "Hooks", "Server Components"],
-        integrations: ["Next.js", "Vite", "Webpack", "Babel"],
-        maturityScore: 9.5,
-        popularityScore: 9.8,
-        pricing: "Free (Open Source)",
-        notes: "Most popular frontend library, extensive ecosystem"
-      },
-      {
-        name: "Next.js",
-        description: "React framework with server-side rendering and static site generation",
-        categoryId: frontendCategoryId,
-        url: "https://nextjs.org",
-        frameworks: ["React"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["SSR", "SSG", "API Routes", "App Router", "Server Components"],
-        integrations: ["Vercel", "React", "Tailwind CSS", "Prisma"],
-        maturityScore: 9.2,
-        popularityScore: 9.5,
-        pricing: "Free (Open Source)",
-        notes: "Production-ready React framework with excellent developer experience"
-      },
-      {
-        name: "Bubble",
-        description: "Full-stack no-code app builder with visual editing and backend.",
-        categoryId: frontendCategoryId,
-        url: "https://bubble.io",
-        frameworks: ["Visual Builder"],
-        languages: ["No-code"],
-        features: ["Visual app builder", "databases", "workflows", "integrations", "hosting"],
-        integrations: ["Stripe", "Google", "various APIs"],
-        maturityScore: 8.5,
-        popularityScore: 8.7,
-        pricing: "Free tier, paid from $25/month",
-        notes: "Easy no-code, full-stack, trusted for MVPs"
-      },
-      {
-        name: "Figma",
-        description: "Collaborative interface design tool for design/development teams.",
-        categoryId: frontendCategoryId,
-        url: "https://figma.com",
-        frameworks: ["Design tool"],
-        languages: ["Design"],
-        features: ["Create/refine products", "mockups", "design to code", "design systems", "collaboration"],
-        integrations: ["Developer tools", "Design systems"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Custom pricing",
-        notes: "Trusted by AirBnb/Asana/Atlassian/GitHub, seamless collaboration"
-      },
-      {
-        name: "Uizard",
-        description: "AI-powered UI design tool for rapid prototyping from prompts/sketches.",
-        categoryId: frontendCategoryId,
-        url: "https://uizard.io",
-        frameworks: ["Exports to React", "Figma"],
-        languages: ["Design"],
-        features: ["AI UI generation", "prototyping", "collaboration", "export code"],
-        integrations: ["Figma", "Adobe XD"],
-        maturityScore: 7.0,
-        popularityScore: 7.5,
-        pricing: "Custom pricing",
-        notes: "Fast from prompt to UI, focused on design"
-      },
-
-      // Backend/Database Tools
-      {
-        name: "Supabase",
-        description: "Postgres development platform with database, auth, APIs, and more.",
-        categoryId: backendCategoryId,
-        url: "https://supabase.com",
-        frameworks: ["ReactJS", "NextJS", "RedwoodJS", "Flutter", "Kotlin", "SvelteKit", "SolidJS", "Vue", "NuxtJS", "Refine"],
-        languages: ["SQL", "JavaScript", "TypeScript", "Python"],
-        features: ["Postgres database", "Auth", "APIs", "Edge Functions", "Realtime", "Storage", "Vector embeddings"],
-        integrations: ["React", "Next.js", "Flutter"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Free tier, Pro plans available",
-        notes: "Trusted by Mozilla/GitHub/1Password, quick build/scale"
-      },
-      {
-        name: "Firebase",
-        description: "Platform for app development with AI-powered experiences.",
-        categoryId: backendCategoryId,
-        url: "https://firebase.google.com",
-        frameworks: ["iOS", "Android", "Web", "Flutter", "Unity", "C++"],
-        languages: ["JavaScript", "Swift", "Kotlin", "C++"],
-        features: ["Build AI experiences", "managed infra", "launch/monitor/iterate", "Gemini integration"],
-        integrations: ["Gemini", "Google Cloud"],
-        maturityScore: 9.0,
-        popularityScore: 9.0,
-        pricing: "Free tier, pay-as-you-go",
-        notes: "Google-backed, trusted by NPR/Duolingo, millions of users"
-      },
-      {
-        name: "Appwrite",
-        description: "Open-source backend platform with auth, databases, and hosting.",
-        categoryId: backendCategoryId,
-        url: "https://appwrite.io",
-        frameworks: ["13 languages for serverless functions"],
-        languages: ["JavaScript", "Python", "PHP", "Ruby", "Java", "etc."],
-        features: ["Auth", "scalable databases", "secure storage", "serverless", "messaging", "Realtime", "hosting"],
-        integrations: ["All Appwrite products"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Free: $0, Pro: $15/month, Scale: $599/month, Enterprise: custom",
-        notes: "Loved by Apple/Oracle/TikTok/IBM, wide product range, global scaling"
-      },
-      {
-        name: "Pocketbase",
-        description: "Open-source backend in 1 file with database, auth, storage, and dashboard.",
-        categoryId: backendCategoryId,
-        url: "https://pocketbase.io",
-        frameworks: ["JavaScript SDK"],
-        languages: ["Go", "JavaScript"],
-        features: ["Realtime database", "auth", "file storage", "admin dashboard", "CRUD operations"],
-        integrations: ["Frontend stacks"],
-        maturityScore: 5.0,
-        popularityScore: 5.0,
-        pricing: "Free (Open Source)",
-        notes: "Ready to use, integrates with frontend stacks"
-      },
-
-      // DevOps/Deployment
-      {
-        name: "Vercel",
-        description: "Developer tools and cloud infra for faster, personalized web.",
-        categoryId: devopsCategoryId,
-        url: "https://vercel.com",
-        frameworks: ["Next.js", "React", "Vue", "Svelte"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Build/deploy on AI Cloud", "Git deploys", "collaborative previews", "AI Gateway", "rollbacks"],
-        integrations: ["GitHub", "GitLab", "Bitbucket"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Free tier, Pro plans available",
-        notes: "95% page load reduction, globally performant, collaborative"
-      },
-      {
-        name: "Netlify",
-        description: "Platform for deploying modern frontend stacks with AI apps.",
-        categoryId: devopsCategoryId,
-        url: "https://netlify.com",
-        frameworks: ["All frontend frameworks"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Optimized builds", "collaborative previews", "instant rollbacks", "global edge", "serverless"],
-        integrations: ["GitHub", "GitLab", "Bitbucket"],
-        maturityScore: 9.0,
-        popularityScore: 9.0,
-        pricing: "Free tier, Pro plans available",
-        notes: "35M+ projects, 7M+ developers, 99.99% uptime"
-      },
-      {
-        name: "Render",
-        description: "Cloud platform for building, deploying, scaling apps.",
-        categoryId: devopsCategoryId,
-        url: "https://render.com",
-        frameworks: ["Node.js", "Python", "Ruby", "Docker"],
-        languages: ["JavaScript", "Python", "Ruby"],
-        features: ["Web services/static sites/cron jobs", "auto deploys", "datastores", "autoscaling", "IaC"],
-        integrations: ["Slack", "GitHub"],
-        maturityScore: 8.0,
-        popularityScore: 9.0,
-        pricing: "Free tier, pay-as-you-go",
-        notes: "3M+ developers, 100B requests/month, enterprise-grade"
-      },
-
-      // Payment Platforms
-      {
-        name: "Stripe",
-        description: "Payment processing platform for online payments and financial services.",
-        categoryId: paymentCategoryId,
-        url: "https://stripe.com",
-        frameworks: ["JavaScript", "Python", "Ruby", "etc."],
-        languages: ["All major programming languages"],
-        features: ["Payments", "billing", "fraud prevention", "global support", "APIs"],
-        integrations: ["Many e-commerce platforms", "Next.js", "Shopify", "Supabase", "Vercel", "Bubble"],
-        maturityScore: 9.5,
-        popularityScore: 9.7,
-        pricing: "Transaction-based fees",
-        notes: "Developer-friendly APIs, reliable, scales for enterprises"
-      },
-      {
-        name: "Plaid",
-        description: "Connects bank accounts for payments, verification, and financial data.",
-        categoryId: paymentCategoryId,
-        url: "https://plaid.com",
-        frameworks: ["SDKs for various languages"],
-        languages: ["JavaScript", "Python", "Ruby", "Java"],
-        features: ["Bank connections", "transactions", "identity verification", "payments"],
-        integrations: ["Stripe", "Venmo", "many fintech apps"],
-        maturityScore: 9.0,
-        popularityScore: 8.5,
-        pricing: "API-based pricing",
-        notes: "Secure bank links, wide coverage, easy integration"
-      },
-
-      // Additional AI Coding Tools
-      {
-        name: "Devin",
-        description: "AI software engineer for coding tasks like migration, refactoring, bug fixing.",
-        categoryId: aiCategoryId,
-        url: "https://devin.ai",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Code migration", "refactoring", "data engineering", "bug/backlog resolution"],
-        integrations: ["GitHub", "Linear", "Slack", "Asana", "Zapier", "Confluence", "Airtable"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "8-12x efficiency gains, 20x cost savings, reduces errors"
-      },
-      {
-        name: "AI2sql",
-        description: "Generates complex SQL/NoSQL queries from natural language.",
-        categoryId: aiCategoryId,
-        url: "https://ai2sql.io",
-        frameworks: ["SQL", "NoSQL"],
-        languages: ["SQL"],
-        features: ["Natural language to SQL/NoSQL", "multi-database support", "specialized SQL tools"],
-        integrations: ["Database systems"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Simplifies SQL for non-experts, supports SQL/NoSQL"
-      },
-      {
-        name: "Reflection AI",
-        description: "AI code research agent for complex codebases and engineering systems.",
-        categoryId: aiCategoryId,
-        url: "https://reflection.ai",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Understands codebases", "engineering systems", "tribal knowledge"],
-        integrations: ["Development systems"],
-        maturityScore: 3.0,
-        popularityScore: 2.0,
-        pricing: "Custom pricing",
-        notes: "Team from DeepMind/OpenAI/Anthropic, focuses on LLM/RL/agents"
-      },
-      {
-        name: "Semantic Kernel",
-        description: "Open-source kit for building AI agents with C#, Python, Java.",
-        categoryId: aiCategoryId,
-        url: "https://learn.microsoft.com/en-us/semantic-kernel/overview/",
-        frameworks: ["C#", "Python", "Java"],
-        languages: ["C#", "Python", "Java"],
-        features: ["Build AI agents", "integrate AI models", "modular plugins", "OpenAPI support"],
-        integrations: ["Microsoft ecosystem"],
-        maturityScore: 8.0,
-        popularityScore: 7.0,
-        pricing: "Free (Open Source)",
-        notes: "Flexible, Microsoft-backed, enterprise-ready security"
-      },
-      {
-        name: "LangChain",
-        description: "Open-source framework for building AI agents with LLMs.",
-        categoryId: aiCategoryId,
-        url: "https://www.langchain.com",
-        frameworks: ["Python", "JavaScript"],
-        languages: ["Python", "JavaScript"],
-        features: ["Agent building", "LLM integrations", "chaining prompts/tools", "memory", "RAG"],
-        integrations: ["OpenAI", "Anthropic", "various databases", "Hugging Face", "Pinecone"],
-        maturityScore: 8.5,
-        popularityScore: 9.0,
-        pricing: "Free (Open Source)",
-        notes: "Flexible for agentic AI, widely used, community support"
-      },
-      {
-        name: "CrewAI",
-        description: "Framework for orchestrating role-playing autonomous AI agents.",
-        categoryId: aiCategoryId,
-        url: "https://crewai.com",
-        frameworks: ["Python"],
-        languages: ["Python"],
-        features: ["Role-based agents", "task delegation", "multi-agent workflows", "LLM integration"],
-        integrations: ["OpenAI", "Anthropic"],
-        maturityScore: 7.5,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Easy multi-agent setup, good for automation, community"
-      },
-      {
-        name: "AutoGen",
-        description: "Microsoft's framework for building multi-agent AI systems.",
-        categoryId: aiCategoryId,
-        url: "https://microsoft.github.io/autogen/",
-        frameworks: ["Python"],
-        languages: ["Python"],
-        features: ["Multi-agent orchestration", "event-driven architecture", "API integration"],
-        integrations: ["Microsoft Azure", "OpenAI"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Free (Open Source)",
-        notes: "Strong for enterprise, good docs, Semantic Kernel integration"
-      },
-      {
-        name: "gocodeo",
-        description: "AI unit test generator for automating code testing.",
-        categoryId: aiCategoryId,
-        url: "https://www.gocodeo.com",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["AI code generation", "project setup", "testing", "real-time AI coding", "auto-debugging"],
-        integrations: ["VS Code"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Trusted by 25,000+ engineers, 55% coding speed increase"
-      },
-      {
-        name: "Amazon CodeWhisperer",
-        description: "AI coding companion with AWS integration for code suggestions.",
-        categoryId: ideCategoryId,
-        url: "https://aws.amazon.com/codewhisperer/",
-        frameworks: ["15+ languages"],
-        languages: ["Python", "Java", "JavaScript", "TypeScript", "C#", "etc."],
-        features: ["Code suggestions", "security scans", "reference tracker", "AWS-specific code"],
-        integrations: ["AWS", "VS Code", "JetBrains"],
-        maturityScore: 8.0,
-        popularityScore: 7.5,
-        pricing: "Free for individuals",
-        notes: "Free for individuals, good for cloud devs, security focus"
-      },
-      {
-        name: "Blackbox",
-        description: "AI-powered coding assistant for code generation, autocompletion, and debugging.",
-        categoryId: ideCategoryId,
-        url: "https://www.blackbox.ai",
-        frameworks: ["Python", "JavaScript", "TypeScript", "Go", "C", "C++", "Java", "C#"],
-        languages: ["70+ programming languages"],
-        features: ["Code generation", "autocompletion", "debugging", "Figma to code", "image to web app", "voice interaction"],
-        integrations: ["VS Code", "GitHub"],
-        maturityScore: 7.0,
-        popularityScore: 7.5,
-        pricing: "Custom pricing",
-        notes: "Trusted by 10M+ users, supports 70+ languages"
-      },
-
-      // Additional IDE/Development Tools
-      {
-        name: "Zed",
-        description: "High-performance, collaborative code editor with AI integrations.",
-        categoryId: ideCategoryId,
-        url: "https://zed.dev",
-        frameworks: ["Rust-based", "multiple languages"],
-        languages: ["All major programming languages"],
-        features: ["AI autocomplete", "collaboration", "high speed", "Git integration"],
-        integrations: ["GitHub Copilot", "OpenAI"],
-        maturityScore: 7.0,
-        popularityScore: 7.0,
-        pricing: "Free",
-        notes: "Fastest editor, multiplayer editing, modern UI"
-      },
-      {
-        name: "Kiro AI",
-        description: "AI IDE for spec-driven development and collaboration.",
-        categoryId: ideCategoryId,
-        url: "https://kiro.dev",
-        frameworks: ["Claude Sonnet 3.7/4", "Open VSX plugins"],
-        languages: ["All programming languages"],
-        features: ["Spec-driven dev", "multimodal chat", "agent hooks", "autopilot", "MCP integration"],
-        integrations: ["MCP for docs/databases/APIs"],
-        maturityScore: 7.0,
-        popularityScore: 6.0,
-        pricing: "Free to start",
-        notes: "Structures AI coding, automates tasks, multimodal inputs"
-      },
-      {
-        name: "Cline",
-        description: "Autonomous coding agent in IDE for file creation/editing and web tasks.",
-        categoryId: ideCategoryId,
-        url: "https://github.com/cline/cline",
-        frameworks: ["OpenRouter", "Anthropic", "OpenAI", "Google Gemini", "AWS Bedrock", "Azure", "GCP Vertex"],
-        languages: ["All programming languages"],
-        features: ["File analysis/editing", "terminal commands", "headless browser", "MCP", "context via @mentions"],
-        integrations: ["VSCode"],
-        maturityScore: 7.0,
-        popularityScore: 6.0,
-        pricing: "Free (Open Source)",
-        notes: "Handles complex tasks, supports large projects, interactive debugging"
-      },
-      {
-        name: "AIder",
-        description: "AI pair programming tool for terminal-based collaboration with LLMs.",
-        categoryId: aiCategoryId,
-        url: "https://aider.chat",
-        frameworks: ["Python", "DeepSeek", "Claude 3.7 Sonnet", "o3-mini"],
-        languages: ["Python", "All programming languages"],
-        features: ["Pair programming", "start/work on projects", "supports multiple LLMs"],
-        integrations: ["Terminal", "Multiple LLMs"],
-        maturityScore: 5.0,
-        popularityScore: 3.0,
-        pricing: "Custom pricing",
-        notes: "AI-assisted terminal coding, multi-LLM support"
-      },
-
-      // Additional Frontend/Design Tools
-      {
-        name: "Tempo Labs",
-        description: "Platform for collaborative React app building with AI and drag-and-drop.",
-        categoryId: frontendCategoryId,
-        url: "https://www.tempo.new",
-        frameworks: ["React"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Visual React editing", "design systems", "VSCode/GitHub integration", "AI generation"],
-        integrations: ["GitHub", "VSCode", "Storybook"],
-        maturityScore: 6.0,
-        popularityScore: 5.0,
-        pricing: "Free: $0, Pro: $30/month, Agent+: $4,000/month",
-        notes: "Designer/developer collaboration, visual editing, free/paid AI"
-      },
-      {
-        name: "Balsamiq",
-        description: "Wireframing tool for quick, low-fidelity wireframes to align teams.",
-        categoryId: frontendCategoryId,
-        url: "https://balsamiq.com",
-        frameworks: ["Design tool"],
-        languages: ["Design"],
-        features: ["Drag-and-drop UI", "share via links/exports", "low-fidelity design", "templates"],
-        integrations: ["Design workflow"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Reduces rework, aligns teams, easy to use"
-      },
-      {
-        name: "Locofy.ai",
-        description: "Converts Figma/Adobe XD designs to code automatically.",
-        categoryId: frontendCategoryId,
-        url: "https://www.locofy.ai",
-        frameworks: ["React", "HTML/CSS", "Gatsby"],
-        languages: ["JavaScript", "TypeScript", "HTML", "CSS"],
-        features: ["Design to code conversion", "component export", "responsive code"],
-        integrations: ["Figma", "Adobe XD"],
-        maturityScore: 6.5,
-        popularityScore: 7.0,
-        pricing: "Custom pricing",
-        notes: "Saves time on frontend coding, accurate conversions"
-      },
-      {
-        name: "Softgen",
-        description: "AI tool for creating web apps via natural language with tailored roadmaps.",
-        categoryId: frontendCategoryId,
-        url: "https://softgen.ai",
-        frameworks: ["Web frameworks"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["AI roadmap", "emails", "payments", "auth", "database", "SEO", "UI components"],
-        integrations: ["Emails", "Payments", "Auth", "Database", "Realtime Database", "Cloud Storage", "SEO", "UI Components"],
-        maturityScore: 5.0,
-        popularityScore: 6.0,
-        pricing: "Custom pricing",
-        notes: "AI-driven roadmap generation for web apps"
-      },
-
-      // Additional Backend/Database Tools  
-      {
-        name: "Knack",
-        description: "No-code platform for data-rich web apps like SaaS, portals, internal tools.",
-        categoryId: backendCategoryId,
-        url: "https://www.knack.com",
-        frameworks: ["No-code platform"],
-        languages: ["No-code"],
-        features: ["Visual builder", "no-code database", "automation", "triggers", "templates"],
-        integrations: ["Various APIs and services"],
-        maturityScore: 8.0,
-        popularityScore: 7.0,
-        pricing: "Custom pricing",
-        notes: "Rapid development, predictable costs, 92% retention"
-      },
-      {
-        name: "GibsonAI",
-        description: "AI for instant serverless SQL database design/deployment/management.",
-        categoryId: backendCategoryId,
-        url: "https://www.gibsonai.com",
-        frameworks: ["PostgreSQL", "MySQL", "Neon", "Windsurf", "Cursor", "VScode", "CLI", "Python", "TypeScript", "NextJS"],
-        languages: ["SQL", "Python", "TypeScript"],
-        features: ["Instant schema", "zero downtime migrations", "API endpoints", "natural language to SQL"],
-        integrations: ["PostgreSQL", "MySQL", "Neon", "Windsurf", "Cursor", "VScode", "CLI"],
-        maturityScore: 5.0,
-        popularityScore: 4.0,
-        pricing: "Free to start",
-        notes: "Speed in database creation, AI-native, cost-efficient"
-      },
-      {
-        name: "Base44",
-        description: "AI platform for turning ideas into custom apps without coding.",
-        categoryId: backendCategoryId,
-        url: "https://base44.com",
-        frameworks: ["All frameworks"],
-        languages: ["No-code"],
-        features: ["Build apps in minutes", "auto components/pages/flows", "backend (auth, data)", "hosting"],
-        integrations: ["Email", "SMS", "external APIs", "database querying"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Free core features, paid from $20/month",
-        notes: "No coding required, fast deployment, 400K+ users"
-      },
-      {
-        name: "Nhost",
-        description: "Managed, extensible backend platform for speed, flexibility, and scale.",
-        categoryId: backendCategoryId,
-        url: "https://nhost.io",
-        frameworks: ["SDKs (specific not detailed)"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Scales with user", "CI/CD", "observability", "CLI/dashboard", "global deployment", "auth SDKs"],
-        integrations: ["Frontend frameworks"],
-        maturityScore: 7.0,
-        popularityScore: 7.0,
-        pricing: "Free tier",
-        notes: "Rapid dev, case studies (400K+ users in 6 weeks), reduces onboarding"
-      },
-      {
-        name: "UI Bakery",
-        description: "Low-code platform for building custom internal tools, portals, dashboards.",
-        categoryId: frontendCategoryId,
-        url: "https://uibakery.io",
-        frameworks: ["JavaScript", "Python", "SQL"],
-        languages: ["JavaScript", "Python", "SQL"],
-        features: ["Drag-and-drop UI", "30+ integrations", "code/no-code logic", "Git", "one-click deployment"],
-        integrations: ["18+ databases", "17+ services/APIs", "REST/OpenAPI/GraphQL"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "See https://uibakery.io/pricing",
-        notes: "Rapid dev, high customization, G2 4.9/5"
-      },
-      {
-        name: "Backendless",
-        description: "Platform for scalable apps with AI-driven automation.",
-        categoryId: backendCategoryId,
-        url: "https://backendless.com",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Build scalable apps", "automate workflows", "no-code/low-code", "flexible hosting"],
-        integrations: ["Various services"],
-        maturityScore: 7.0,
-        popularityScore: 6.0,
-        pricing: "Cloud/Pro/Managed plans",
-        notes: "Flexible backend, intuitive interface, quick POC"
-      },
-
-      // Additional DevOps/Deployment Tools
-      {
-        name: "Northflank",
-        description: "Cloud platform for deploying any project from first user to billions.",
-        categoryId: devopsCategoryId,
-        url: "https://northflank.com",
-        frameworks: ["Any language/framework", "GitHub/GitLab/Bitbucket", "Kubernetes (EKS/GKE/AKS)"],
-        languages: ["All programming languages"],
-        features: ["UI/CLI/APIs/GitOps", "runs on AWS/GCP/Azure/Oracle", "templates", "secure code", "vectorDBs"],
-        integrations: ["GitHub", "GitLab", "Bitbucket"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "CPU $0.01667/hr, Memory $0.00833/hr, NVIDIA H100 $2.74/hr, etc.",
-        notes: "Trusted by 2,000+ startups/enterprises, scales to 3M users"
-      },
-      {
-        name: "Platform.sh",
-        description: "Self-service PaaS for efficient, reliable, secure infrastructure.",
-        categoryId: devopsCategoryId,
-        url: "https://platform.sh",
-        frameworks: ["100+ frameworks", "14 languages"],
-        languages: ["14 programming languages"],
-        features: ["Automated infra", "Git workflows", "multicloud/multistack", "scalability", "Observability Suite"],
-        integrations: ["Git workflows"],
-        maturityScore: 8.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "5,000+ customers (Adobe/Economist), 219% ROI, G2 leader"
-      },
-      {
-        name: "Codev",
-        description: "Converts text to full-stack Next.js apps with deployment and ownership.",
-        categoryId: devopsCategoryId,
-        url: "https://www.co.dev",
-        frameworks: ["Next.js", "Supabase (PostgreSQL)"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Text to app", "components/styling/functionality", "package install", "domain setup", "CRUD"],
-        integrations: ["Next.js", "Supabase"],
-        maturityScore: 7.0,
-        popularityScore: 8.0,
-        pricing: "Custom pricing",
-        notes: "Rapid community growth (40K+ builders), production-ready in minutes"
-      },
-      {
-        name: "ByteAI",
-        description: "Smart UML playground for technical strategies with AI tips.",
-        categoryId: frontendCategoryId,
-        url: "https://byte-ai.io",
-        frameworks: ["JavaScript", "Python", "Node.js", "C#", "C++"],
-        languages: ["JavaScript", "Python", "Node.js", "C#", "C++"],
-        features: ["Visual module builder", "team collaboration", "code assistant", "AI tips"],
-        integrations: ["Future GitHub integration"],
-        maturityScore: 6.0,
-        popularityScore: 5.0,
-        pricing: "Free Trial: $0/mo, Startup: $45/mo, Company: $299/mo, Custom",
-        notes: "Visualization, 55% coding speed increase, reduces tech debt"
-      },
-      
-      // Additional 15 tools to reach 71 total
-      {
-        name: "Continue",
-        description: "Open-source AI code assistant with deep IDE integration.",
-        categoryId: aiCategoryId,
-        url: "https://continue.dev",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Code completion", "chat with codebase", "refactoring", "custom models"],
-        integrations: ["VS Code", "JetBrains", "OpenAI", "Anthropic", "Ollama"],
-        maturityScore: 8.5,
-        popularityScore: 8.7,
-        pricing: "Free (Open Source)",
-        notes: "Privacy-focused, works offline with local models"
-      },
-      {
-        name: "Codeshot",
-        description: "Generate code snippets and beautiful screenshots from natural language.",
-        categoryId: aiCategoryId,
-        url: "https://codeshot.dev",
-        frameworks: ["React", "Vue", "Angular"],
-        languages: ["JavaScript", "TypeScript", "Python"],
-        features: ["Code generation", "screenshot creation", "syntax highlighting", "export options"],
-        integrations: ["GitHub", "VS Code"],
-        maturityScore: 7.0,
-        popularityScore: 6.5,
-        pricing: "Free tier, Pro $10/month",
-        notes: "Great for documentation and sharing code"
-      },
-      {
-        name: "Dify",
-        description: "Open-source LLM app development platform for AI-native applications.",
-        categoryId: aiCategoryId,
-        url: "https://dify.ai",
-        frameworks: ["Python", "TypeScript"],
-        languages: ["Python", "TypeScript"],
-        features: ["LLM orchestration", "RAG engine", "agent frameworks", "workflow automation"],
-        integrations: ["OpenAI", "Anthropic", "Hugging Face", "Local LLMs"],
-        maturityScore: 8.0,
-        popularityScore: 8.2,
-        pricing: "Free self-hosted, Cloud from $0",
-        notes: "Enterprise-ready, visual development interface"
-      },
-      {
-        name: "Pieces",
-        description: "AI-powered code snippet manager with context awareness.",
-        categoryId: ideCategoryId,
-        url: "https://pieces.app",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Snippet management", "AI context", "cross-platform sync", "code extraction"],
-        integrations: ["VS Code", "JetBrains", "Chrome", "Obsidian"],
-        maturityScore: 8.0,
-        popularityScore: 7.5,
-        pricing: "Free personal, Team $15/user/month",
-        notes: "Excellent for managing and sharing code snippets"
-      },
-      {
-        name: "Sourcery",
-        description: "AI-powered code review and refactoring assistant for Python.",
-        categoryId: aiCategoryId,
-        url: "https://sourcery.ai",
-        frameworks: ["Django", "Flask", "FastAPI"],
-        languages: ["Python"],
-        features: ["Automated refactoring", "code review", "quality metrics", "best practices"],
-        integrations: ["VS Code", "PyCharm", "GitHub", "GitLab"],
-        maturityScore: 8.5,
-        popularityScore: 7.8,
-        pricing: "Free tier, Pro $10/month",
-        notes: "Python-specific, improves code quality automatically"
-      },
-      {
-        name: "Railway",
-        description: "Infrastructure platform for deploying web apps with zero config.",
-        categoryId: devopsCategoryId,
-        url: "https://railway.app",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Auto-deploy", "database provisioning", "environment management", "team collaboration"],
-        integrations: ["GitHub", "PostgreSQL", "Redis", "MongoDB"],
-        maturityScore: 8.0,
-        popularityScore: 8.3,
-        pricing: "Hobby $5/month, Pro $20/month",
-        notes: "Simpler than Kubernetes, faster than traditional PaaS"
-      },
-      {
-        name: "Coolify",
-        description: "Open-source self-hostable Heroku/Netlify alternative.",
-        categoryId: devopsCategoryId,
-        url: "https://coolify.io",
-        frameworks: ["All frameworks"],
-        languages: ["All programming languages"],
-        features: ["Self-hosting", "automatic SSL", "database management", "GitOps"],
-        integrations: ["GitHub", "GitLab", "Docker"],
-        maturityScore: 7.5,
-        popularityScore: 7.8,
-        pricing: "Free (Open Source)",
-        notes: "Complete control over infrastructure, privacy-focused"
-      },
-      {
-        name: "Plasmic",
-        description: "Visual builder for React applications with code export.",
-        categoryId: frontendCategoryId,
-        url: "https://www.plasmic.app",
-        frameworks: ["React", "Next.js", "Gatsby"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Visual editing", "code sync", "CMS", "component marketplace"],
-        integrations: ["React", "Next.js", "Gatsby", "Figma"],
-        maturityScore: 8.5,
-        popularityScore: 8.0,
-        pricing: "Free tier, Team $28/user/month",
-        notes: "Bridge between design and code, developer-friendly"
-      },
-      {
-        name: "Builder.io",
-        description: "Visual development platform for creating digital experiences.",
-        categoryId: frontendCategoryId,
-        url: "https://www.builder.io",
-        frameworks: ["React", "Vue", "Angular", "Next.js"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Visual CMS", "A/B testing", "personalization", "headless architecture"],
-        integrations: ["Shopify", "React", "Vue", "Angular"],
-        maturityScore: 9.0,
-        popularityScore: 8.5,
-        pricing: "Free tier, Growth $99/month",
-        notes: "Enterprise-grade, excellent for marketing teams"
-      },
-      {
-        name: "Retool",
-        description: "Low-code platform for building internal tools quickly.",
-        categoryId: frontendCategoryId,
-        url: "https://retool.com",
-        frameworks: ["JavaScript", "SQL"],
-        languages: ["JavaScript", "SQL", "Python"],
-        features: ["Drag-drop UI", "database connectors", "API integrations", "custom code"],
-        integrations: ["PostgreSQL", "MySQL", "MongoDB", "REST APIs"],
-        maturityScore: 9.0,
-        popularityScore: 9.0,
-        pricing: "Free tier, Team $10/user/month",
-        notes: "Industry standard for internal tools"
-      },
-      {
-        name: "Appsmith",
-        description: "Open-source low-code platform for building internal apps.",
-        categoryId: frontendCategoryId,
-        url: "https://www.appsmith.com",
-        frameworks: ["JavaScript"],
-        languages: ["JavaScript", "SQL"],
-        features: ["Visual builder", "database integration", "REST/GraphQL", "Git sync"],
-        integrations: ["PostgreSQL", "MongoDB", "REST APIs", "GraphQL"],
-        maturityScore: 8.0,
-        popularityScore: 8.2,
-        pricing: "Free self-hosted, Cloud from $0",
-        notes: "Open-source Retool alternative"
-      },
-      {
-        name: "Directus",
-        description: "Open-source data platform for headless CMS and API.",
-        categoryId: backendCategoryId,
-        url: "https://directus.io",
-        frameworks: ["Node.js", "Vue.js"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Headless CMS", "REST/GraphQL API", "data studio", "workflows"],
-        integrations: ["PostgreSQL", "MySQL", "SQLite", "MongoDB"],
-        maturityScore: 8.5,
-        popularityScore: 8.0,
-        pricing: "Free self-hosted, Cloud from $15/month",
-        notes: "Database-first approach, very flexible"
-      },
-      {
-        name: "Strapi",
-        description: "Open-source headless CMS for building APIs quickly.",
-        categoryId: backendCategoryId,
-        url: "https://strapi.io",
-        frameworks: ["Node.js", "React"],
-        languages: ["JavaScript", "TypeScript"],
-        features: ["Content types builder", "REST/GraphQL", "media library", "i18n"],
-        integrations: ["PostgreSQL", "MySQL", "SQLite", "MongoDB"],
-        maturityScore: 9.0,
-        popularityScore: 9.2,
-        pricing: "Free self-hosted, Cloud from $99/month",
-        notes: "Most popular open-source headless CMS"
-      },
-      {
-        name: "Hygraph",
-        description: "GraphQL-native headless CMS with content federation.",
-        categoryId: backendCategoryId,
-        url: "https://hygraph.com",
-        frameworks: ["GraphQL"],
-        languages: ["All via GraphQL"],
-        features: ["GraphQL API", "content federation", "webhooks", "localization"],
-        integrations: ["Next.js", "Gatsby", "Remix", "Vercel"],
-        maturityScore: 8.5,
-        popularityScore: 7.8,
-        pricing: "Free tier, Pro from $299/month",
-        notes: "Formerly GraphCMS, excellent for GraphQL projects"
-      },
-      {
-        name: "Convex",
-        description: "Backend platform with real-time sync and serverless functions.",
-        categoryId: backendCategoryId,
-        url: "https://www.convex.dev",
-        frameworks: ["React", "Next.js", "Vue"],
-        languages: ["TypeScript", "JavaScript"],
-        features: ["Real-time sync", "serverless functions", "ACID transactions", "type safety"],
-        integrations: ["React", "Next.js", "Clerk", "Auth0"],
-        maturityScore: 7.5,
-        popularityScore: 7.0,
-        pricing: "Free tier, Pro $25/month",
-        notes: "Modern Firebase alternative with better DX"
-      }
-    ];
-
-    for (const tool of tools) {
-      const id = randomUUID();
-      this.tools.set(id, { id, ...tool });
-    }
-
-    // Generate comprehensive compatibility data based on actual integrations and logical relationships
-    const toolIds = Array.from(this.tools.keys());
-    const toolsArray = Array.from(this.tools.values());
-    const compatibilities = [];
-    
-    // Helper function to find tool index by name
-    const findToolIndex = (name: string) => toolsArray.findIndex(t => t.name === name);
-    
-    // Create compatibility map based on actual integrations and categories
-    const compatibilityMap = new Map();
-    
-    // Function to add compatibility (handles bidirectional)
-    const addCompatibility = (idx1: number, idx2: number, score: number, note: string, verified = 1) => {
-      if (idx1 === -1 || idx2 === -1 || idx1 === idx2) return;
-      const key = idx1 < idx2 ? `${idx1}-${idx2}` : `${idx2}-${idx1}`;
-      if (!compatibilityMap.has(key)) {
-        compatibilityMap.set(key, {
-          toolOneId: toolIds[idx1 < idx2 ? idx1 : idx2],
-          toolTwoId: toolIds[idx1 < idx2 ? idx2 : idx1],
-          compatibilityScore: score,
-          notes: note,
-          verifiedIntegration: verified
-        });
-      }
-    };
-
-    // 1. Direct integrations from CSV data (highest compatibility)
-    // Lovable integrations
-    addCompatibility(findToolIndex("Lovable"), findToolIndex("Supabase"), 95, "Native Supabase integration in Lovable");
-    addCompatibility(findToolIndex("Lovable"), findToolIndex("Stripe"), 95, "Native Stripe integration in Lovable");
-    addCompatibility(findToolIndex("Lovable"), findToolIndex("React"), 98, "Lovable generates React code natively");
-    addCompatibility(findToolIndex("Lovable"), findToolIndex("Figma"), 90, "Lovable imports from Figma");
-    
-    // ChatGPT integrations
-    addCompatibility(findToolIndex("ChatGPT"), findToolIndex("GitHub Copilot"), 85, "Both use OpenAI models, complementary tools");
-    addCompatibility(findToolIndex("ChatGPT"), findToolIndex("Cursor"), 80, "ChatGPT can assist with Cursor development");
-    
-    // GitHub Copilot integrations
-    addCompatibility(findToolIndex("GitHub Copilot"), findToolIndex("Cursor"), 90, "Cursor has native GitHub Copilot support");
-    addCompatibility(findToolIndex("GitHub Copilot"), findToolIndex("Windsurf"), 88, "Windsurf supports GitHub Copilot");
-    addCompatibility(findToolIndex("GitHub Copilot"), findToolIndex("Zed"), 85, "Zed integrates with GitHub Copilot");
-    addCompatibility(findToolIndex("GitHub Copilot"), findToolIndex("Codeium"), 70, "Competing but can work in different IDEs");
-    
-    // Claude integrations
-    addCompatibility(findToolIndex("Claude/Claude Code"), findToolIndex("Cursor"), 95, "Cursor has excellent Claude integration");
-    addCompatibility(findToolIndex("Claude/Claude Code"), findToolIndex("Replit"), 90, "Replit integrates Claude");
-    addCompatibility(findToolIndex("Claude/Claude Code"), findToolIndex("Vercel"), 85, "Claude works with Vercel deployments");
-    
-    // Bolt integrations
-    addCompatibility(findToolIndex("Bolt"), findToolIndex("React"), 92, "Bolt generates React apps");
-    addCompatibility(findToolIndex("Bolt"), findToolIndex("Next.js"), 95, "Bolt has excellent Next.js support");
-    addCompatibility(findToolIndex("Bolt"), findToolIndex("Stripe"), 85, "Bolt can integrate Stripe");
-    addCompatibility(findToolIndex("Bolt"), findToolIndex("Supabase"), 80, "Bolt can integrate Supabase via prompts");
-    
-    // v0 (Vercel) integrations
-    addCompatibility(findToolIndex("v0"), findToolIndex("React"), 98, "v0 is built for React");
-    addCompatibility(findToolIndex("v0"), findToolIndex("Next.js"), 98, "v0 is optimized for Next.js");
-    addCompatibility(findToolIndex("v0"), findToolIndex("Vercel"), 100, "v0 is Vercel's product");
-    addCompatibility(findToolIndex("v0"), findToolIndex("Supabase"), 85, "v0 can integrate Supabase");
-    
-    // Replit integrations
-    addCompatibility(findToolIndex("Replit"), findToolIndex("Stripe"), 90, "Replit has Stripe integration");
-    addCompatibility(findToolIndex("Replit"), findToolIndex("Supabase"), 85, "Replit works with Supabase");
-    addCompatibility(findToolIndex("Replit"), findToolIndex("Firebase"), 85, "Replit works with Firebase");
-    addCompatibility(findToolIndex("Replit"), findToolIndex("Figma"), 85, "Replit imports from Figma");
-    
-    // Frontend framework relationships
-    addCompatibility(findToolIndex("React"), findToolIndex("Next.js"), 98, "Next.js is built on React");
-    addCompatibility(findToolIndex("React"), findToolIndex("Vercel"), 90, "Vercel optimized for React");
-    addCompatibility(findToolIndex("React"), findToolIndex("Netlify"), 90, "Netlify deploys React apps");
-    addCompatibility(findToolIndex("React"), findToolIndex("Supabase"), 92, "Supabase has React SDK");
-    addCompatibility(findToolIndex("React"), findToolIndex("Firebase"), 92, "Firebase has React SDK");
-    addCompatibility(findToolIndex("React"), findToolIndex("Stripe"), 90, "Stripe has React components");
-    
-    // Next.js integrations
-    addCompatibility(findToolIndex("Next.js"), findToolIndex("Vercel"), 100, "Vercel created and optimizes for Next.js");
-    addCompatibility(findToolIndex("Next.js"), findToolIndex("Netlify"), 88, "Netlify supports Next.js");
-    addCompatibility(findToolIndex("Next.js"), findToolIndex("Supabase"), 95, "Excellent Next.js + Supabase integration");
-    addCompatibility(findToolIndex("Next.js"), findToolIndex("Stripe"), 92, "Next.js has great Stripe support");
-    addCompatibility(findToolIndex("Next.js"), findToolIndex("Firebase"), 88, "Firebase works well with Next.js");
-    
-    // Backend service relationships
-    addCompatibility(findToolIndex("Supabase"), findToolIndex("Stripe"), 95, "Supabase has built-in Stripe integration");
-    addCompatibility(findToolIndex("Supabase"), findToolIndex("Vercel"), 90, "Vercel and Supabase work excellently together");
-    addCompatibility(findToolIndex("Supabase"), findToolIndex("Netlify"), 88, "Netlify can deploy Supabase apps");
-    addCompatibility(findToolIndex("Firebase"), findToolIndex("Stripe"), 90, "Firebase integrates well with Stripe");
-    addCompatibility(findToolIndex("Firebase"), findToolIndex("Vercel"), 85, "Firebase works with Vercel");
-    addCompatibility(findToolIndex("Appwrite"), findToolIndex("Stripe"), 85, "Appwrite can integrate Stripe");
-    
-    // IDE relationships
-    addCompatibility(findToolIndex("Cursor"), findToolIndex("Windsurf"), 60, "Both are AI-powered IDEs, typically used separately");
-    addCompatibility(findToolIndex("Cursor"), findToolIndex("Codeium"), 75, "Can use Codeium features in Cursor");
-    addCompatibility(findToolIndex("Windsurf"), findToolIndex("Codeium"), 80, "Windsurf is by Codeium team");
-    addCompatibility(findToolIndex("Tabnine"), findToolIndex("Amazon CodeWhisperer"), 65, "Competing tools but can coexist");
-    
-    // Payment platform relationships
-    addCompatibility(findToolIndex("Stripe"), findToolIndex("Plaid"), 85, "Stripe and Plaid complement for payments");
-    
-    // Design tool relationships  
-    addCompatibility(findToolIndex("Figma"), findToolIndex("React"), 85, "Figma designs export to React");
-    addCompatibility(findToolIndex("Figma"), findToolIndex("Uizard"), 80, "Uizard integrates with Figma");
-    addCompatibility(findToolIndex("Figma"), findToolIndex("Locofy.ai"), 90, "Locofy converts Figma to code");
-    
-    // No-code/Low-code platform relationships
-    addCompatibility(findToolIndex("Bubble"), findToolIndex("Stripe"), 90, "Bubble has native Stripe integration");
-    addCompatibility(findToolIndex("Bubble"), findToolIndex("Supabase"), 75, "Bubble can connect to Supabase");
-    
-    // AI Framework relationships
-    addCompatibility(findToolIndex("LangChain"), findToolIndex("ChatGPT"), 95, "LangChain integrates OpenAI/ChatGPT");
-    addCompatibility(findToolIndex("LangChain"), findToolIndex("Claude/Claude Code"), 95, "LangChain integrates Anthropic/Claude");
-    addCompatibility(findToolIndex("CrewAI"), findToolIndex("ChatGPT"), 90, "CrewAI uses OpenAI models");
-    addCompatibility(findToolIndex("AutoGen"), findToolIndex("ChatGPT"), 90, "AutoGen integrates OpenAI");
-    addCompatibility(findToolIndex("Semantic Kernel"), findToolIndex("ChatGPT"), 90, "Microsoft's SK integrates OpenAI");
-    
-    // Deployment platform relationships
-    addCompatibility(findToolIndex("Vercel"), findToolIndex("Netlify"), 50, "Competing platforms, typically use one or the other");
-    addCompatibility(findToolIndex("Vercel"), findToolIndex("Render"), 55, "Alternative deployment platforms");
-    addCompatibility(findToolIndex("Netlify"), findToolIndex("Render"), 55, "Alternative deployment platforms");
-    
-    // Database tool relationships
-    addCompatibility(findToolIndex("Pocketbase"), findToolIndex("React"), 80, "Pocketbase has JavaScript SDK for React");
-    addCompatibility(findToolIndex("Nhost"), findToolIndex("React"), 85, "Nhost works well with React");
-    addCompatibility(findToolIndex("GibsonAI"), findToolIndex("Cursor"), 85, "GibsonAI integrates with Cursor");
-    addCompatibility(findToolIndex("GibsonAI"), findToolIndex("Windsurf"), 85, "GibsonAI integrates with Windsurf");
-    
-    // Additional AI coding tool relationships
-    addCompatibility(findToolIndex("Devin"), findToolIndex("Stripe"), 80, "Devin has Stripe integration");
-    addCompatibility(findToolIndex("Devin"), findToolIndex("Supabase"), 75, "Devin can work with databases");
-    addCompatibility(findToolIndex("AI2sql"), findToolIndex("Supabase"), 85, "AI2sql helps with Supabase queries");
-    addCompatibility(findToolIndex("AI2sql"), findToolIndex("Firebase"), 75, "AI2sql can generate NoSQL queries");
-    
-    // More IDE and tool relationships
-    addCompatibility(findToolIndex("Kiro AI"), findToolIndex("Claude/Claude Code"), 90, "Kiro AI uses Claude models");
-    addCompatibility(findToolIndex("Cline"), findToolIndex("ChatGPT"), 85, "Cline supports OpenAI");
-    addCompatibility(findToolIndex("Cline"), findToolIndex("Claude/Claude Code"), 85, "Cline supports Anthropic");
-    addCompatibility(findToolIndex("AIder"), findToolIndex("Claude/Claude Code"), 85, "AIder supports Claude");
-    
-    // Frontend tool relationships
-    addCompatibility(findToolIndex("Tempo Labs"), findToolIndex("React"), 95, "Tempo Labs is for React development");
-    addCompatibility(findToolIndex("UI Bakery"), findToolIndex("React"), 80, "UI Bakery can export to React");
-    addCompatibility(findToolIndex("Base44"), findToolIndex("Stripe"), 80, "Base44 can integrate payments");
-    
-    // DevOps relationships
-    addCompatibility(findToolIndex("Northflank"), findToolIndex("React"), 85, "Northflank deploys React apps");
-    addCompatibility(findToolIndex("Platform.sh"), findToolIndex("Next.js"), 85, "Platform.sh supports Next.js");
-    addCompatibility(findToolIndex("Codev"), findToolIndex("Next.js"), 95, "Codev generates Next.js apps");
-    addCompatibility(findToolIndex("Codev"), findToolIndex("Supabase"), 95, "Codev uses Supabase for backend");
-    
-    // Cross-category logical relationships based on common use cases
-    // All AI coding tools should work reasonably well with major frameworks
-    const aiTools = ["ChatGPT", "Gemini (CLI)", "Cody", "Claude/Claude Code", "GitHub Copilot"];
-    const frameworks = ["React", "Next.js"];
-    const backends = ["Supabase", "Firebase"];
-    
-    for (const ai of aiTools) {
-      for (const framework of frameworks) {
-        const aiIdx = findToolIndex(ai);
-        const frameworkIdx = findToolIndex(framework);
-        if (aiIdx !== -1 && frameworkIdx !== -1 && !compatibilityMap.has(`${Math.min(aiIdx, frameworkIdx)}-${Math.max(aiIdx, frameworkIdx)}`)) {
-          addCompatibility(aiIdx, frameworkIdx, 75, "AI tool can generate code for this framework", 0);
-        }
-      }
-      
-      for (const backend of backends) {
-        const aiIdx = findToolIndex(ai);
-        const backendIdx = findToolIndex(backend);
-        if (aiIdx !== -1 && backendIdx !== -1 && !compatibilityMap.has(`${Math.min(aiIdx, backendIdx)}-${Math.max(aiIdx, backendIdx)}`)) {
-          addCompatibility(aiIdx, backendIdx, 70, "AI tool can help integrate backend services", 0);
-        }
-      }
-    }
-    
-    // All IDEs should work with deployment platforms
-    const ides = ["Cursor", "Windsurf", "Replit", "Codeium", "Tabnine"];
-    const deployments = ["Vercel", "Netlify", "Render"];
-    
-    for (const ide of ides) {
-      for (const deploy of deployments) {
-        const ideIdx = findToolIndex(ide);
-        const deployIdx = findToolIndex(deploy);
-        if (ideIdx !== -1 && deployIdx !== -1 && !compatibilityMap.has(`${Math.min(ideIdx, deployIdx)}-${Math.max(ideIdx, deployIdx)}`)) {
-          addCompatibility(ideIdx, deployIdx, 80, "IDE can deploy to this platform", 0);
-        }
-      }
-    }
-    
-    // Convert map to array
-    compatibilityMap.forEach(compat => {
-      compatibilities.push(compat);
-    });
-
-    for (const compatibility of compatibilities) {
-      const id = randomUUID();
-      this.compatibilities.set(id, { id, ...compatibility });
-    }
-  }
-
-  // Tool Categories
-  async getToolCategories(): Promise<ToolCategory[]> {
-    return Array.from(this.toolCategories.values());
-  }
-
-  async getToolCategory(id: string): Promise<ToolCategory | undefined> {
-    return this.toolCategories.get(id);
-  }
-
-  async createToolCategory(category: InsertToolCategory): Promise<ToolCategory> {
-    const id = randomUUID();
-    const newCategory: ToolCategory = { id, ...category };
-    this.toolCategories.set(id, newCategory);
-    return newCategory;
-  }
-
-  async updateToolCategory(id: string, category: Partial<InsertToolCategory>): Promise<ToolCategory | undefined> {
-    const existing = this.toolCategories.get(id);
-    if (!existing) return undefined;
-    const updated = { ...existing, ...category };
-    this.toolCategories.set(id, updated);
-    return updated;
-  }
-
-  async deleteToolCategory(id: string): Promise<boolean> {
-    return this.toolCategories.delete(id);
-  }
-
-  // Tools
-  async getTools(): Promise<Tool[]> {
-    return Array.from(this.tools.values());
-  }
-
-  async getToolsWithCategory(): Promise<ToolWithCategory[]> {
-    const tools = Array.from(this.tools.values());
-    const result: ToolWithCategory[] = [];
-    
-    for (const tool of tools) {
-      const category = this.toolCategories.get(tool.categoryId);
-      if (category) {
-        result.push({ ...tool, category });
-      }
-    }
-    
-    return result;
-  }
-
-  async getToolsWithAllCategories(): Promise<any[]> {
-    // For MemStorage, just return tools with single category for now
-    const toolsWithCategory = await this.getToolsWithCategory();
-    return toolsWithCategory.map(tool => ({
-      ...tool,
-      categories: tool.category ? [tool.category] : []
-    }));
-  }
-
-  async getTool(id: string): Promise<Tool | undefined> {
-    return this.tools.get(id);
-  }
-
-  async getToolWithCategory(id: string): Promise<ToolWithCategory | undefined> {
-    const tool = this.tools.get(id);
-    if (!tool) return undefined;
-    
-    const category = this.toolCategories.get(tool.categoryId);
-    if (!category) return undefined;
-    
-    return { ...tool, category };
-  }
-
-  async getToolsByCategory(categoryId: string): Promise<Tool[]> {
-    return Array.from(this.tools.values()).filter(tool => tool.categoryId === categoryId);
-  }
-
-  async createTool(tool: InsertTool): Promise<Tool> {
-    const id = randomUUID();
-    const newTool: Tool = { id, ...tool };
-    this.tools.set(id, newTool);
-    return newTool;
-  }
-
-  async updateTool(id: string, tool: Partial<InsertTool>): Promise<Tool | undefined> {
-    const existing = this.tools.get(id);
-    if (!existing) return undefined;
-    const updated = { ...existing, ...tool };
-    this.tools.set(id, updated);
-    return updated;
-  }
-
-  async deleteTool(id: string): Promise<boolean> {
-    return this.tools.delete(id);
-  }
-
-  // Compatibilities
-  async getCompatibilities(): Promise<Compatibility[]> {
-    return Array.from(this.compatibilities.values());
-  }
-
-  async getCompatibilityMatrix(): Promise<CompatibilityMatrix[]> {
-    const compatibilities = Array.from(this.compatibilities.values());
-    const result: CompatibilityMatrix[] = [];
-    
-    for (const compatibility of compatibilities) {
-      const toolOne = await this.getToolWithCategory(compatibility.toolOneId);
-      const toolTwo = await this.getToolWithCategory(compatibility.toolTwoId);
-      
-      if (toolOne && toolTwo) {
-        result.push({ toolOne, toolTwo, compatibility });
-      }
-    }
-    
-    return result;
-  }
-
-  async getCompatibility(toolOneId: string, toolTwoId: string): Promise<Compatibility | undefined> {
-    return Array.from(this.compatibilities.values()).find(
-      comp => 
-        (comp.toolOneId === toolOneId && comp.toolTwoId === toolTwoId) ||
-        (comp.toolOneId === toolTwoId && comp.toolTwoId === toolOneId)
-    );
-  }
-
-  async createCompatibility(compatibility: InsertCompatibility): Promise<Compatibility> {
-    const id = randomUUID();
-    const newCompatibility: Compatibility = { id, ...compatibility };
-    this.compatibilities.set(id, newCompatibility);
-    return newCompatibility;
-  }
-
-  async updateCompatibility(id: string, compatibility: Partial<InsertCompatibility>): Promise<Compatibility | undefined> {
-    const existing = this.compatibilities.get(id);
-    if (!existing) return undefined;
-    const updated = { ...existing, ...compatibility };
-    this.compatibilities.set(id, updated);
-    return updated;
-  }
-
-  async deleteCompatibility(id: string): Promise<boolean> {
-    return this.compatibilities.delete(id);
-  }
-
-  // New StackFast Integration Methods
-
-  async getAlternativeTools(toolId: string): Promise<Tool[]> {
-    const tool = this.tools.get(toolId);
-    if (!tool) return [];
-    
-    // Find tools in the same category with high compatibility scores
-    const alternatives = Array.from(this.tools.values()).filter(t => 
-      t.id !== toolId && t.categoryId === tool.categoryId
-    );
-    
-    // Sort by popularity and maturity scores
-    return alternatives.sort((a, b) => 
-      (b.popularityScore + b.maturityScore) - (a.popularityScore + a.maturityScore)
-    ).slice(0, 5);
-  }
-
-  // Stack Templates
-  private stackTemplates: Map<string, StackTemplate> = new Map();
-
-  async getStackTemplates(): Promise<StackTemplate[]> {
-    // Initialize with predefined templates if empty
-    if (this.stackTemplates.size === 0) {
-      await this.initializeStackTemplates();
-    }
-    return Array.from(this.stackTemplates.values());
-  }
-
-  async getStackTemplate(id: string): Promise<StackTemplate | undefined> {
-    if (this.stackTemplates.size === 0) {
-      await this.initializeStackTemplates();
-    }
-    return this.stackTemplates.get(id);
-  }
-
-  async createStackTemplate(template: InsertStackTemplate): Promise<StackTemplate> {
-    const id = randomUUID();
-    const newTemplate: StackTemplate = { 
-      id, 
-      ...template,
-      createdAt: new Date()
-    };
-    this.stackTemplates.set(id, newTemplate);
-    return newTemplate;
-  }
-
-  async updateStackTemplate(id: string, template: Partial<InsertStackTemplate>): Promise<StackTemplate | undefined> {
-    const existing = this.stackTemplates.get(id);
-    if (!existing) return undefined;
-    const updated = { ...existing, ...template };
-    this.stackTemplates.set(id, updated);
-    return updated;
-  }
-
-  async deleteStackTemplate(id: string): Promise<boolean> {
-    return this.stackTemplates.delete(id);
-  }
-
-  // Stack Validation & Scoring
-  async validateStack(toolIds: string[]): Promise<{
-    valid: boolean;
-    conflicts: Array<{ toolOne: string; toolTwo: string; reason: string }>;
-    dependencies: Array<{ tool: string; requires: string[] }>;
-    warnings: string[];
-    recommendations: string[];
-  }> {
-    const conflicts: Array<{ toolOne: string; toolTwo: string; reason: string }> = [];
-    const dependencies: Array<{ tool: string; requires: string[] }> = [];
-    const warnings: string[] = [];
-    const recommendations: string[] = [];
-    
-    // Check for conflicting tools (e.g., multiple deployment platforms)
-    const deploymentTools = toolIds.filter(id => {
-      const tool = this.tools.get(id);
-      return tool && tool.name && ['Vercel', 'Netlify', 'Render'].includes(tool.name);
-    });
-    
-    if (deploymentTools.length > 1) {
-      conflicts.push({
-        toolOne: deploymentTools[0],
-        toolTwo: deploymentTools[1],
-        reason: "Multiple deployment platforms selected - typically only one is needed"
-      });
-    }
-
-    // Check for missing dependencies
-    const hasReact = toolIds.some(id => this.tools.get(id)?.name === 'React');
-    const hasNextJs = toolIds.some(id => this.tools.get(id)?.name === 'Next.js');
-    
-    if (hasNextJs && !hasReact) {
-      dependencies.push({
-        tool: 'Next.js',
-        requires: ['React']
-      });
-    }
-
-    // Add warnings for incomplete stacks
-    const hasFrontend = toolIds.some(id => {
-      const tool = this.tools.get(id);
-      return tool && tool.categoryId && this.getCategoryName(tool.categoryId) === 'Frontend/Design';
-    });
-    
-    const hasBackend = toolIds.some(id => {
-      const tool = this.tools.get(id);
-      return tool && tool.categoryId && this.getCategoryName(tool.categoryId) === 'Backend/Database';
-    });
-    
-    if (hasFrontend && !hasBackend) {
-      warnings.push("No backend/database selected - consider adding one for data persistence");
-    }
-
-    // Add recommendations
-    const hasStripe = toolIds.some(id => this.tools.get(id)?.name === 'Stripe');
-    if (hasStripe) {
-      recommendations.push("Consider adding Plaid for bank account connections");
-    }
-
-    return {
-      valid: conflicts.length === 0 && dependencies.length === 0,
-      conflicts,
-      dependencies,
-      warnings,
-      recommendations
-    };
-  }
-
-  async calculateHarmonyScore(toolIds: string[]): Promise<number> {
-    if (toolIds.length < 2) return 100;
-    
-    let totalScore = 0;
-    let pairCount = 0;
-    
-    // Calculate average compatibility score for all pairs
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const compatibility = await this.getCompatibility(toolIds[i], toolIds[j]);
-        if (compatibility) {
-          totalScore += compatibility.compatibilityScore;
-          pairCount++;
-        } else {
-          // No explicit compatibility = neutral score of 50
-          totalScore += 50;
-          pairCount++;
-        }
-      }
-    }
-    
-    return pairCount > 0 ? Math.round(totalScore / pairCount) : 50;
-  }
-
-  async getStackHarmonyScore(toolIds: string[]): Promise<{ harmonyScore: number; toolIds: string[] }> {
-    const harmonyScore = await this.calculateHarmonyScore(toolIds);
-    return { harmonyScore, toolIds };
-  }
-
-  async getRecommendations(toolIds: string[], category?: string): Promise<Tool[]> {
-    const recommendations: Map<string, number> = new Map();
-    
-    // Get all tools that have high compatibility with the selected tools
-    for (const toolId of toolIds) {
-      const compatibilities = Array.from(this.compatibilities.values()).filter(
-        c => (c.toolOneId === toolId || c.toolTwoId === toolId) && c.compatibilityScore >= 80
-      );
-      
-      for (const comp of compatibilities) {
-        const otherToolId = comp.toolOneId === toolId ? comp.toolTwoId : comp.toolOneId;
-        if (!toolIds.includes(otherToolId)) {
-          const currentScore = recommendations.get(otherToolId) || 0;
-          recommendations.set(otherToolId, currentScore + comp.compatibilityScore);
-        }
-      }
-    }
-    
-    // Filter by category if specified
-    let recommendedTools = Array.from(recommendations.entries())
-      .map(([id, score]) => ({ tool: this.tools.get(id), score }))
-      .filter(item => item.tool !== undefined) as Array<{ tool: Tool; score: number }>;
-    
-    if (category) {
-      const categoryId = Array.from(this.toolCategories.values()).find(c => c.name === category)?.id;
-      if (categoryId) {
-        recommendedTools = recommendedTools.filter(item => item.tool.categoryId === categoryId);
-      }
-    }
-    
-    // Sort by score and return top 5
-    return recommendedTools
-      .sort((a, b) => b.score - a.score)
-      .slice(0, 5)
-      .map(item => item.tool);
-  }
-
-  async getBulkCompatibility(toolIds: string[]): Promise<Array<{
-    toolOneId: string;
-    toolTwoId: string;
-    score: number;
-    notes?: string;
-  }>> {
-    const results = [];
-    
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const compatibility = await this.getCompatibility(toolIds[i], toolIds[j]);
-        if (compatibility) {
-          results.push({
-            toolOneId: toolIds[i],
-            toolTwoId: toolIds[j],
-            score: compatibility.compatibilityScore,
-            notes: compatibility.notes || undefined
-          });
-        } else {
-          results.push({
-            toolOneId: toolIds[i],
-            toolTwoId: toolIds[j],
-            score: 50, // Default neutral score
-            notes: "No explicit compatibility data available"
-          });
-        }
-      }
-    }
-    
-    return results;
-  }
-
-  // Migration Paths
-  private migrationPaths: Map<string, MigrationPath> = new Map();
-
-  async getMigrationPath(fromToolId: string, toToolId: string): Promise<MigrationPath | undefined> {
-    // Initialize sample migration paths if empty
-    if (this.migrationPaths.size === 0) {
-      await this.initializeMigrationPaths();
-    }
-    
-    return Array.from(this.migrationPaths.values()).find(
-      path => path.fromToolId === fromToolId && path.toToolId === toToolId
-    );
-  }
-
-  async createMigrationPath(path: InsertMigrationPath): Promise<MigrationPath> {
-    const id = randomUUID();
-    const newPath: MigrationPath = { id, ...path };
-    this.migrationPaths.set(id, newPath);
-    return newPath;
-  }
-
-  // Export Functions
-  async exportStackAsJSON(toolIds?: string[]): Promise<any> {
-    const tools = toolIds 
-      ? Array.from(this.tools.values()).filter(t => toolIds.includes(t.id))
-      : Array.from(this.tools.values());
-    
-    const compatibilities = toolIds
-      ? Array.from(this.compatibilities.values()).filter(c => 
-          toolIds.includes(c.toolOneId) && toolIds.includes(c.toolTwoId))
-      : Array.from(this.compatibilities.values());
-    
-    return {
-      tools,
-      compatibilities,
-      categories: Array.from(this.toolCategories.values()),
-      exportDate: new Date().toISOString()
-    };
-  }
-
-  async exportStackAsCSV(toolIds?: string[]): Promise<string> {
-    const matrix = toolIds 
-      ? await this.getBulkCompatibility(toolIds)
-      : Array.from(this.compatibilities.values()).map(c => ({
-          toolOneId: c.toolOneId,
-          toolTwoId: c.toolTwoId,
-          score: c.compatibilityScore,
-          notes: c.notes || ''
-        }));
-    
-    // Create CSV header
-    let csv = 'Tool One,Tool Two,Compatibility Score,Notes\n';
-    
-    // Add rows
-    for (const row of matrix) {
-      const toolOne = this.tools.get(row.toolOneId);
-      const toolTwo = this.tools.get(row.toolTwoId);
-      if (toolOne && toolTwo) {
-        csv += `"${toolOne.name}","${toolTwo.name}",${row.score},"${row.notes || ''}"\n`;
-      }
-    }
-    
-    return csv;
-  }
-
-  // Helper methods
-  private getCategoryName(categoryId: string): string {
-    return this.toolCategories.get(categoryId)?.name || '';
-  }
-
-  private async initializeStackTemplates() {
-    // Get tool IDs by name for template creation
-    const getToolIdByName = (name: string) => {
-      return Array.from(this.tools.values()).find(t => t.name === name)?.id;
-    };
-
-    const templates = [
-      {
-        name: "AI-Powered SaaS Starter",
-        description: "Complete stack for building AI-powered SaaS applications",
-        category: "AI-Powered SaaS",
-        toolIds: [
-          getToolIdByName("Cursor"),
-          getToolIdByName("Next.js"),
-          getToolIdByName("Supabase"),
-          getToolIdByName("Stripe"),
-          getToolIdByName("Vercel")
-        ].filter(id => id !== undefined) as string[],
-        useCase: "Building subscription-based AI applications with authentication and payments",
-        setupComplexity: "medium",
-        estimatedCost: "$50-100/month",
-        pros: ["Excellent AI integration", "Built-in auth & payments", "Scalable infrastructure"],
-        cons: ["Learning curve for beginners", "Monthly costs add up"],
-        harmonyScore: 95,
-        popularityRank: 1
-      },
-      {
-        name: "Rapid Prototyping Stack",
-        description: "Fast development environment for MVPs and prototypes",
-        category: "Rapid Prototyping",
-        toolIds: [
-          getToolIdByName("Replit"),
-          getToolIdByName("React"),
-          getToolIdByName("Firebase"),
-          getToolIdByName("Netlify")
-        ].filter(id => id !== undefined) as string[],
-        useCase: "Quick proof-of-concepts and hackathon projects",
-        setupComplexity: "easy",
-        estimatedCost: "$0-20/month",
-        pros: ["Zero config setup", "Free tier available", "Fast iteration"],
-        cons: ["Limited customization", "Not ideal for production"],
-        harmonyScore: 88,
-        popularityRank: 2
-      },
-      {
-        name: "Enterprise AI Platform",
-        description: "Robust stack for enterprise-grade AI applications",
-        category: "Enterprise",
-        toolIds: [
-          getToolIdByName("GitHub Copilot"),
-          getToolIdByName("React"),
-          getToolIdByName("Supabase"),
-          getToolIdByName("Stripe"),
-          getToolIdByName("Vercel")
-        ].filter(id => id !== undefined) as string[],
-        useCase: "Large-scale applications with enterprise requirements",
-        setupComplexity: "hard",
-        estimatedCost: "$200-500/month",
-        pros: ["Enterprise support", "High scalability", "Security features"],
-        cons: ["Complex setup", "Higher costs", "Requires expertise"],
-        harmonyScore: 92,
-        popularityRank: 3
-      }
-    ];
-
-    for (const template of templates) {
-      await this.createStackTemplate(template);
-    }
-  }
-
-  private async initializeMigrationPaths() {
-    // Get tool IDs by name
-    const getToolIdByName = (name: string) => {
-      return Array.from(this.tools.values()).find(t => t.name === name)?.id;
-    };
-
-    const firebaseId = getToolIdByName("Firebase");
-    const supabaseId = getToolIdByName("Supabase");
-    const netlifyId = getToolIdByName("Netlify");
-    const vercelId = getToolIdByName("Vercel");
-
-    const paths = [
-      {
-        fromToolId: firebaseId,
-        toToolId: supabaseId,
-        difficulty: "medium",
-        estimatedTime: "1-2 weeks",
-        steps: [
-          "Export data from Firebase",
-          "Set up Supabase project",
-          "Migrate authentication users",
-          "Update database queries",
-          "Test all functionality"
-        ],
-        considerations: ["Different query syntax", "Auth migration complexity", "Real-time features differ"],
-        dataPortability: 85
-      },
-      {
-        fromToolId: netlifyId,
-        toToolId: vercelId,
-        difficulty: "easy",
-        estimatedTime: "1-2 days",
-        steps: [
-          "Export environment variables",
-          "Connect GitHub repo to Vercel",
-          "Configure build settings",
-          "Update DNS settings",
-          "Test deployment"
-        ],
-        considerations: ["Similar deployment process", "May need build config adjustments"],
-        dataPortability: 95
-      }
-    ];
-
-    for (const path of paths) {
-      if (path.fromToolId && path.toToolId) {
-        await this.createMigrationPath(path as InsertMigrationPath);
-      }
-    }
-  }
-
-  async clearAllTools(): Promise<void> {
-    this.compatibilities.clear();
-    this.tools.clear();
-    this.toolCategories.clear();
-    this.seedData(); // Re-seed categories
-  }
-
-  async clearAllCompatibilities(): Promise<void> {
-    this.compatibilities.clear();
-  }
-
-  async importToolsFromCSV(): Promise<number> {
-    // Simple mock implementation for MemStorage
-    // In real implementation, would parse CSV and import tools
-    return 0;
-  }
-
-  async generateCompatibilityScores(): Promise<{ generated: number; updated: number }> {
-    // Simple mock implementation for MemStorage
-    return { generated: 0, updated: 0 };
-  }
-
-  async exportToolsAsCSV(): Promise<string> {
-    const header = [
-      "id","name","description","category","url","frameworks","languages","features","integrations","maturityScore","popularityScore","pricing","notes"
-    ].join(",") + "\n";
-    const all = Array.from(this.tools.values());
-    if (all.length === 0) {
-      return header; // template only
-    }
-    const categoryName = (id: string) => this.toolCategories.get(id)?.name || "";
-    const esc = (v: any) => `"${String(v ?? "").replace(/"/g, '""')}"`;
-    const row = (t: Tool) => [
-      t.id,
-      t.name,
-      t.description || "",
-      categoryName(t.categoryId),
-      t.url || "",
-      (t.frameworks || []).join(";"),
-      (t.languages || []).join(";"),
-      (t.features || []).join(";"),
-      (t.integrations || []).join(";"),
-      t.maturityScore ?? 0,
-      t.popularityScore ?? 0,
-      t.pricing || "",
-      t.notes || "",
-    ].map(esc).join(",");
-    return header + all.map(row).join("\n") + "\n";
-  }
-}
-
-
-
-// Database Storage Implementation
-export class DatabaseStorage implements IStorage {
-  // Copy seed data method from MemStorage  
-  async seedDatabase(): Promise<{ categories: number; tools: number; compatibilities: number }> {
-    // Create a temporary MemStorage instance to get seed data
-    const tempMemStorage = new MemStorage();
-    
-    // Get all seeded data from MemStorage
-    const categories = await tempMemStorage.getToolCategories();
-    const tools = await tempMemStorage.getTools();
-    const compatibilities = await tempMemStorage.getCompatibilities();
-    
-    let categoriesAdded = 0;
-    let toolsAdded = 0;
-    let compatibilitiesAdded = 0;
-    
-    // Clear existing data first
-    await db.delete(compatibilitiesTable);
-    await db.delete(toolsTable);
-    await db.delete(toolCategoriesTable);
-    
-    // Insert categories
-    for (const category of categories) {
-      await db.insert(toolCategoriesTable).values(category);
-      categoriesAdded++;
-    }
-    
-    // Insert tools
-    for (const tool of tools) {
-      await db.insert(toolsTable).values(tool);
-      toolsAdded++;
-    }
-    
-    // Insert compatibilities
-    for (const compatibility of compatibilities) {
-      await db.insert(compatibilitiesTable).values(compatibility);
-      compatibilitiesAdded++;
-    }
-    
-    return {
-      categories: categoriesAdded,
-      tools: toolsAdded,
-      compatibilities: compatibilitiesAdded
-    };
-  }
-  
-  async getToolCategories(): Promise<ToolCategory[]> {
-    return db.select().from(toolCategoriesTable);
-  }
-
-  async getToolCategory(id: string): Promise<ToolCategory | undefined> {
-    const [category] = await db.select().from(toolCategoriesTable).where(eq(toolCategoriesTable.id, id));
-    return category;
-  }
-
-  async createToolCategory(data: InsertToolCategory): Promise<ToolCategory> {
-    const [category] = await db.insert(toolCategoriesTable).values(data).returning();
-    return category;
-  }
-
-  async updateToolCategory(id: string, data: Partial<InsertToolCategory>): Promise<ToolCategory | undefined> {
-    const [updated] = await db.update(toolCategoriesTable).set(data).where(eq(toolCategoriesTable.id, id)).returning();
-    return updated;
-  }
-
-  async deleteToolCategory(id: string): Promise<boolean> {
-    const result = await db.delete(toolCategoriesTable).where(eq(toolCategoriesTable.id, id));
-    return (result.rowCount || 0) > 0;
-  }
-
-  async getTools(): Promise<Tool[]> {
-    return db.select().from(toolsTable);
-  }
-
-  async getTool(id: string): Promise<Tool | undefined> {
-    const [tool] = await db.select().from(toolsTable).where(eq(toolsTable.id, id));
-    return tool;
-  }
-
-  async getToolByName(name: string): Promise<Tool | undefined> {
-    const [tool] = await db.select().from(toolsTable).where(eq(toolsTable.name, name));
-    return tool;
-  }
-
-  async getToolsWithCategory(): Promise<any[]> {
-    const tools = await db.select({
-      tool: toolsTable,
-      category: toolCategoriesTable
-    })
-    .from(toolsTable)
-    .leftJoin(toolCategoriesTable, eq(toolsTable.categoryId, toolCategoriesTable.id));
-    
-    return tools.map(({ tool, category }) => ({
-      ...tool,
-      category
-    }));
-  }
-
-  async getToolsWithAllCategories(): Promise<any[]> {
-    // Get all tools with their primary category
-    const toolsWithPrimary = await this.getToolsWithCategory();
-    
-    // Get all junction records with categories
-    const junctions = await db.select({
-      toolId: toolCategoryJunction.toolId,
-      category: toolCategoriesTable
-    })
-    .from(toolCategoryJunction)
-    .innerJoin(toolCategoriesTable, eq(toolCategoryJunction.categoryId, toolCategoriesTable.id));
-    
-    // Group categories by tool ID
-    const categoriesByTool = new Map<string, ToolCategory[]>();
-    junctions.forEach(({ toolId, category }) => {
-      if (!categoriesByTool.has(toolId)) {
-        categoriesByTool.set(toolId, []);
-      }
-      categoriesByTool.get(toolId)!.push(category);
-    });
-    
-    // Add all categories to each tool
-    return toolsWithPrimary.map(tool => ({
-      ...tool,
-      categories: categoriesByTool.get(tool.id) || [tool.category].filter(Boolean)
-    }));
-  }
-
-  async getToolWithCategory(id: string): Promise<any | undefined> {
-    const [result] = await db.select({
-      tool: toolsTable,
-      category: toolCategoriesTable
-    })
-    .from(toolsTable)
-    .leftJoin(toolCategoriesTable, eq(toolsTable.categoryId, toolCategoriesTable.id))
-    .where(eq(toolsTable.id, id));
-    
-    if (!result) return undefined;
-    
-    return {
-      ...result.tool,
-      category: result.category
-    };
-  }
-
-  async createTool(data: InsertTool): Promise<Tool> {
-    const [tool] = await db.insert(toolsTable).values(data).returning();
-    return tool;
-  }
-
-  async updateTool(id: string, data: Partial<InsertTool>): Promise<Tool | undefined> {
-    const [updated] = await db.update(toolsTable).set(data).where(eq(toolsTable.id, id)).returning();
-    return updated;
-  }
-
-  async deleteTool(id: string): Promise<boolean> {
-    const result = await db.delete(toolsTable).where(eq(toolsTable.id, id));
-    return (result.rowCount || 0) > 0;
-  }
-
-  async getToolsByCategory(categoryId: string): Promise<Tool[]> {
-    return db.select().from(toolsTable).where(eq(toolsTable.categoryId, categoryId));
-  }
-
-  async getAlternativeTools(toolId: string): Promise<Tool[]> {
-    const tool = await this.getTool(toolId);
-    if (!tool) return [];
-    return db.select().from(toolsTable).where(eq(toolsTable.categoryId, tool.categoryId)).limit(5);
-  }
-
-  // Keep a single implementation of getToolsByIds
-  async getToolsByIds(toolIds: string[]): Promise<Tool[]> {
-    if (toolIds.length === 0) return [];
-    const tools = await db.select().from(toolsTable);
-    return tools.filter(tool => toolIds.includes(tool.id));
-  }
-
-  // Keep a single implementation of getCompatibilitiesByToolId
-  async getCompatibilitiesByToolId(toolId: string): Promise<Compatibility[]> {
-    const compatibilities = await db.select().from(compatibilitiesTable).where(
-      sql`${compatibilitiesTable.toolOneId} = ${toolId} OR ${compatibilitiesTable.toolTwoId} = ${toolId}`
-    );
-    return compatibilities;
-  }
-
-  async getCompatibilities(): Promise<Compatibility[]> {
-    return db.select().from(compatibilitiesTable);
-  }
-
-  async getCompatibility(toolOneId: string, toolTwoId: string): Promise<Compatibility | undefined> {
-    const [compatibility] = await db.select()
-      .from(compatibilitiesTable)
-      .where(
-        and(
-          eq(compatibilitiesTable.toolOneId, toolOneId),
-          eq(compatibilitiesTable.toolTwoId, toolTwoId)
-        )
-      );
-    
-    if (compatibility) return compatibility;
-    
-    // Check reverse order
-    const [reverseCompatibility] = await db.select()
-      .from(compatibilitiesTable)
-      .where(
-        and(
-          eq(compatibilitiesTable.toolOneId, toolTwoId),
-          eq(compatibilitiesTable.toolTwoId, toolOneId)
-        )
-      );
-    
-    return reverseCompatibility;
-  }
-
-  async getCompatibilityMatrix(): Promise<any[]> {
-    const result = await db.select({
-      compatibility: compatibilitiesTable,
-      toolOne: {
-        id: toolsTable.id,
-        name: toolsTable.name,
-        categoryId: toolsTable.categoryId
-      }
-    })
-    .from(compatibilitiesTable)
-    .innerJoin(toolsTable, eq(compatibilitiesTable.toolOneId, toolsTable.id))
-    .orderBy(desc(compatibilitiesTable.compatibilityScore));
-
-    const toolsMap = new Map();
-    const tools = await this.getTools();
-    tools.forEach(tool => toolsMap.set(tool.id, tool));
-
-    return result.map(({ compatibility }) => ({
-      ...compatibility,
-      toolOne: toolsMap.get(compatibility.toolOneId),
-      toolTwo: toolsMap.get(compatibility.toolTwoId)
-    }));
-  }
-
-  async createCompatibility(data: InsertCompatibility): Promise<Compatibility> {
-    const [compatibility] = await db.insert(compatibilitiesTable).values(data).returning();
-    return compatibility;
-  }
-
-  async updateCompatibility(id: string, data: Partial<InsertCompatibility>): Promise<Compatibility | undefined> {
-    const [updated] = await db.update(compatibilitiesTable)
-      .set(data)
-      .where(eq(compatibilitiesTable.id, id))
-      .returning();
-    return updated;
-  }
-
-  async deleteCompatibilityById(id: string): Promise<boolean> {
-    const result = await db.delete(compatibilitiesTable).where(eq(compatibilitiesTable.id, id));
-    return (result.rowCount || 0) > 0;
-  }
-
-  // Stack Templates
-  async getStackTemplates(): Promise<StackTemplate[]> {
-    // Mock implementation for now - would need stackTemplates table
-    return [];
-  }
-
-  async getStackTemplate(id: string): Promise<StackTemplate | undefined> {
-    // Mock implementation for now
-    return undefined;
-  }
-
-  async createStackTemplate(template: InsertStackTemplate): Promise<StackTemplate> {
-    // Mock implementation for now - would need stackTemplates table
-    const stackTemplate: StackTemplate = {
-      id: randomUUID(),
-      ...template
-    };
-    return stackTemplate;
-  }
-
-  async updateStackTemplate(id: string, template: Partial<InsertStackTemplate>): Promise<StackTemplate | undefined> {
-    // Mock implementation for now
-    return undefined;
-  }
-
-  async deleteStackTemplate(id: string): Promise<boolean> {
-    // Mock implementation for now
-    return false;
-  }
-
-  // Stack Validation & Scoring
-  async validateStack(toolIds: string[]): Promise<{
-    valid: boolean;
-    conflicts: Array<{ toolOne: string; toolTwo: string; reason: string }>;
-    dependencies: Array<{ tool: string; requires: string[] }>;
-    warnings: string[];
-    recommendations: string[];
-  }> {
-    const compatibilities = await this.getBulkCompatibility(toolIds);
-    
-    const conflicts = compatibilities
-      .filter(c => c.score < 30)
-      .map(c => ({
-        toolOne: c.toolOneId,
-        toolTwo: c.toolTwoId,
-        reason: c.notes || "Low compatibility score"
-      }));
-    
-    return {
-      valid: conflicts.length === 0,
-      conflicts,
-      dependencies: [], // Would need more complex logic
-      warnings: conflicts.length > 0 ? ["Some tools have low compatibility scores"] : [],
-      recommendations: []
-    };
-  }
-
-  async deleteCompatibilityPair(toolOneId: string, toolTwoId: string): Promise<boolean> {
-    const result = await db.delete(compatibilitiesTable)
-      .where(
-        and(
-          eq(compatibilitiesTable.toolOneId, toolOneId),
-          eq(compatibilitiesTable.toolTwoId, toolTwoId)
-        )
-      );
-    return result.rowCount > 0;
-  }
-
-  // Remove duplicated alternate versions of these methods
-
-  async searchTools(query: string): Promise<Tool[]> {
-    return db.select()
-      .from(toolsTable)
-      .where(
-        sql`${toolsTable.name} ILIKE ${'%' + query + '%'} OR ${toolsTable.description} ILIKE ${'%' + query + '%'}`
-      );
-  }
-
-  async analyzeStackCompatibility(toolIds: string[]): Promise<any> {
-    const tools = await this.getToolsByIds(toolIds);
-    const compatibilities = [];
-    
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const comp = await this.getCompatibility(toolIds[i], toolIds[j]);
-        if (comp) {
-          compatibilities.push(comp);
-        }
-      }
-    }
-    
-    const avgScore = compatibilities.length > 0
-      ? compatibilities.reduce((sum, c) => sum + c.compatibilityScore, 0) / compatibilities.length
-      : 50;
-    
-    return {
-      tools,
-      compatibilities,
-      overallScore: Math.round(avgScore),
-      strengths: compatibilities.filter(c => c.compatibilityScore >= 80).map(c => c.notes),
-      weaknesses: compatibilities.filter(c => c.compatibilityScore < 60).map(c => c.notes)
-    };
-  }
-
-  async calculateHarmonyScore(toolIds: string[]): Promise<number> {
-    if (toolIds.length < 2) return 100;
-    
-    let totalScore = 0;
-    let pairCount = 0;
-    
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const compatibility = await this.getCompatibility(toolIds[i], toolIds[j]);
-        if (compatibility) {
-          totalScore += compatibility.compatibilityScore;
-          pairCount++;
-        } else {
-          totalScore += 50; // Default neutral score
-          pairCount++;
-        }
-      }
-    }
-    
-    return pairCount > 0 ? Math.round(totalScore / pairCount) : 50;
-  }
-
-  async getStackHarmonyScore(toolIds: string[]): Promise<{ harmonyScore: number; toolIds: string[] }> {
-    const harmonyScore = await this.calculateHarmonyScore(toolIds);
-    return { harmonyScore, toolIds };
-  }
-
-  async getRecommendations(toolIds: string[], category?: string): Promise<Tool[]> {
-    const recommendations: Map<string, number> = new Map();
-    
-    for (const toolId of toolIds) {
-      const compatibilities = await this.getCompatibilitiesByToolId(toolId);
-      
-      for (const comp of compatibilities) {
-        const otherToolId = comp.toolOneId === toolId ? comp.toolTwoId : comp.toolOneId;
-        if (!toolIds.includes(otherToolId) && comp.compatibilityScore >= 80) {
-          const currentScore = recommendations.get(otherToolId) || 0;
-          recommendations.set(otherToolId, currentScore + comp.compatibilityScore);
-        }
-      }
-    }
-    
-    let recommendedToolIds = Array.from(recommendations.entries())
-      .sort((a, b) => b[1] - a[1])
-      .slice(0, 10)
-      .map(([id]) => id);
-    
-    if (recommendedToolIds.length === 0) return [];
-    
-    let tools = await this.getToolsByIds(recommendedToolIds);
-    
-    if (category) {
-      const categoryData = await db.select().from(toolCategoriesTable).where(eq(toolCategoriesTable.name, category));
-      if (categoryData.length > 0) {
-        tools = tools.filter(t => t.categoryId === categoryData[0].id);
-      }
-    }
-    
-    return tools; // Return all 71 tools
-  }
-
-  async getBulkCompatibility(toolIds: string[]): Promise<Array<{
-    toolOneId: string;
-    toolTwoId: string;
-    score: number;
-    notes?: string;
-  }>> {
-    const results = [];
-    
-    for (let i = 0; i < toolIds.length; i++) {
-      for (let j = i + 1; j < toolIds.length; j++) {
-        const compatibility = await this.getCompatibility(toolIds[i], toolIds[j]);
-        results.push({
-          toolOneId: toolIds[i],
-          toolTwoId: toolIds[j],
-          score: compatibility?.compatibilityScore || 50,
-          notes: compatibility?.notes || "No explicit compatibility data available"
-        });
-      }
-    }
-    
-    return results;
-  }
-
-  async getMigrationPath(fromToolId: string, toToolId: string): Promise<MigrationPath | undefined> {
-    const [path] = await db.select()
-      .from(migrationPathsTable)
-      .where(
-        and(
-          eq(migrationPathsTable.fromToolId, fromToolId),
-          eq(migrationPathsTable.toToolId, toToolId)
-        )
-      );
-    return path;
-  }
-
-  async createMigrationPath(path: InsertMigrationPath): Promise<MigrationPath> {
-    const [created] = await db.insert(migrationPathsTable).values(path).returning();
-    return created;
-  }
-
-  async exportStackAsJSON(toolIds?: string[]): Promise<any> {
-    const tools = toolIds ? await this.getToolsByIds(toolIds) : await this.getTools();
-    const categories = await this.getToolCategories();
-    
-    let compatibilities = [];
-    if (toolIds) {
-      compatibilities = await this.getBulkCompatibility(toolIds);
-    } else {
-      compatibilities = await this.getCompatibilities();
-    }
-    
-    return {
-      tools,
-      compatibilities,
-      categories,
-      exportDate: new Date().toISOString()
-    };
-  }
-
-  async exportStackAsCSV(toolIds?: string[]): Promise<string> {
-    const tools = toolIds ? await this.getToolsByIds(toolIds) : await this.getTools();
-    const toolsMap = new Map(tools.map(t => [t.id, t]));
-    
-    const matrix = toolIds
-      ? await this.getBulkCompatibility(toolIds)
-      : (await this.getCompatibilities()).map(c => ({
-          toolOneId: c.toolOneId,
-          toolTwoId: c.toolTwoId,
-          score: c.compatibilityScore,
-          notes: c.notes || ''
-        }));
-    
-    let csv = 'Tool One,Tool Two,Compatibility Score,Notes\n';
-    
-    for (const row of matrix) {
-      const toolOne = toolsMap.get(row.toolOneId);
-      const toolTwo = toolsMap.get(row.toolTwoId);
-      if (toolOne && toolTwo) {
-        csv += `"${toolOne.name}","${toolTwo.name}",${row.score},"${row.notes || ''}"\n`;
-      }
-    }
-    
-    return csv;
-  }
-
-  async clearAllTools(): Promise<void> {
-    // Delete all compatibilities first (foreign key constraints)
-    await db.delete(compatibilitiesTable);
-    
-    // Delete all tools
-    await db.delete(toolsTable);
-    
-    // Delete all categories  
-    await db.delete(toolCategoriesTable);
-  }
-
-  async clearAllCompatibilities(): Promise<void> {
-    await db.delete(compatibilitiesTable);
-  }
-
-  async importToolsFromCSV(): Promise<number> {
-    const fs = await import('fs/promises');
-    const path = await import('path');
-    
-    try {
-      // Read CSV file
-      const csvPath = path.resolve('attached_assets/Coding tool profile database setup_1754841204572.csv');
-      const csvContent = await fs.readFile(csvPath, 'utf-8');
-      
-      // Parse CSV
-      const lines = csvContent.split('\n');
-      const headers = lines[0].split(',');
-      
-      // Fetch existing categories from database
-      const existingCategories = await this.getToolCategories();
-      const categoryMap = new Map<string, string>();
-      
-      for (const category of existingCategories) {
-        categoryMap.set(category.name, category.id);
-      }
-
-      let importedCount = 0;
-
-      // Parse each tool from CSV (skip header)
-      for (let i = 1; i < lines.length; i++) {
-        const line = lines[i].trim();
-        if (!line) continue;
-        
-        const values = this.parseCSVLine(line);
-        if (values.length < 3) continue;
-        
-        // CSV columns: Name,Categories,Description,URL,Frameworks,Features,Native Integrations,Verified Integrations,Notable Strengths,Known Limitations,Maturity Score,Popularity Score,Pricing
-        const [name, categoriesStr, description, url, frameworks, features, nativeIntegrations, verifiedIntegrations, notableStrengths, knownLimitations, maturityScoreStr, popularityScoreStr, pricing] = values;
-        
-        if (!name || !description) continue;
-        
-        // Parse scores, handling "Not specified" and empty values
-        const parseScore = (scoreStr: string): number => {
-          if (!scoreStr || scoreStr.toLowerCase().includes('not specified') || scoreStr.trim() === '') {
-            return 7.0; // Default score for unspecified
-          }
-          const parsed = parseFloat(scoreStr);
-          return isNaN(parsed) ? 7.0 : parsed;
-        };
-        
-        const maturityScore = parseScore(maturityScoreStr);
-        const popularityScore = parseScore(popularityScoreStr);
-        const finalPricing = pricing && pricing.toLowerCase() !== 'not specified' && pricing.trim() !== '' ? 
-          pricing.replace(/"/g, '') : "Pricing not specified";
-
-        // Map CSV categories to our category IDs with improved matching
-        const categories = categoriesStr.split(',').map(c => c.trim());
-        let categoryId = categoryMap.get("AI Coding Tools"); // Default fallback
-        
-        // Try to find the best matching category
-        for (const [dbCategoryName, dbCategoryId] of categoryMap.entries()) {
-          const dbNameLower = dbCategoryName.toLowerCase();
-          
-          // Check if any CSV category matches this database category
-          for (const csvCategory of categories) {
-            const csvLower = csvCategory.toLowerCase();
-            
-            if (
-              (dbNameLower.includes("frontend") && csvLower.includes("design")) ||
-              (dbNameLower.includes("frontend") && csvLower.includes("frontend")) ||
-              (dbNameLower.includes("backend") && csvLower.includes("backend")) ||
-              (dbNameLower.includes("backend") && csvLower.includes("database")) ||
-              (dbNameLower.includes("ide") && csvLower.includes("ide")) ||
-              (dbNameLower.includes("payment") && csvLower.includes("payment")) ||
-              (dbNameLower.includes("devops") && csvLower.includes("deployment")) ||
-              (dbNameLower.includes("ai") && csvLower.includes("coding"))
-            ) {
-              categoryId = dbCategoryId;
-              break;
-            }
-          }
-          
-          if (categoryId !== categoryMap.get("AI Coding Tools")) break;
-        }
-        
-        // Additional manual mapping for specific tools
-        if (name.toLowerCase().includes("payment") || name.toLowerCase().includes("stripe")) {
-          categoryId = categoryMap.get("Payment Platforms") || categoryId;
-        } else if (name.toLowerCase().includes("supabase") || name.toLowerCase().includes("firebase")) {
-          categoryId = categoryMap.get("Backend/Database") || categoryId;
-        }
-        
-        // Ensure we have a valid category ID
-        if (!categoryId) {
-          categoryId = categoryMap.get("AI Coding Tools") || Array.from(categoryMap.values())[0];
-        }
-
-        // Create tool with real CSV data
-        const tool: InsertTool = {
-          id: randomUUID(),
-          name: name.replace(/"/g, ''),
-          description: description.replace(/"/g, ''),
-          categoryId: categoryId || categoryMap.get("AI Coding Tools")!,
-          url: url?.replace(/"/g, '') || null,
-          frameworks: frameworks ? frameworks.replace(/"/g, '').split(',').map(f => f.trim()).filter(f => f) : [],
-          languages: [], // Will be populated later if needed
-          features: features ? features.replace(/"/g, '').split(',').map(f => f.trim()).filter(f => f) : [],
-          integrations: nativeIntegrations ? nativeIntegrations.replace(/"/g, '').split(',').map(i => i.trim()).filter(i => i) : [],
-          maturityScore,
-          popularityScore,
-          pricing: finalPricing,
-          notes: `Imported from curated CSV data${notableStrengths ? `. Strengths: ${notableStrengths.replace(/"/g, '')}` : ''}`
-        };
-
-        await this.createTool(tool);
-        importedCount++;
-      }
-
-      return importedCount;
-    } catch (error) {
-      console.error('Error importing CSV:', error);
-      throw error;
-    }
-  }
-
-  private parseCSVLine(line: string): string[] {
-    const result: string[] = [];
-    let current = '';
-    let inQuotes = false;
-    
-    for (let i = 0; i < line.length; i++) {
-      const char = line[i];
-      
-      if (char === '"' && (i === 0 || line[i - 1] === ',')) {
-        inQuotes = true;
-      } else if (char === '"' && inQuotes && (i === line.length - 1 || line[i + 1] === ',')) {
-        inQuotes = false;
-      } else if (char === ',' && !inQuotes) {
-        result.push(current.trim());
-        current = '';
-      } else {
-        current += char;
-      }
-    }
-    
-    result.push(current.trim());
-    return result;
-  }
-
-  async generateCompatibilityScores(): Promise<{ generated: number; updated: number }> {
-    const { CompatibilityEngine } = await import('./services/compatibility-engine');
-    const engine = new CompatibilityEngine();
-    
-    let generated = 0;
-    let updated = 0;
-    
-    try {
-      // Get all tools
-      const tools = await this.getTools();
-      console.log(`Generating compatibility scores for ${tools.length} tools...`);
-      
-      // Generate compatibility for all tool pairs
-      for (let i = 0; i < tools.length; i++) {
-        for (let j = i + 1; j < tools.length; j++) {
-          const toolA = tools[i];
-          const toolB = tools[j];
-          
-          // Calculate compatibility using the engine
-          const result = engine.calculateCompatibility(toolA, toolB);
-          
-          // Check if compatibility already exists
-          const existing = await this.getCompatibility(toolA.id, toolB.id);
-          
-          if (existing) {
-            // Update existing compatibility
-            await db.update(compatibilitiesTable)
-              .set({
-                compatibilityScore: result.compatibilityScore,
-                notes: result.notes,
-                verifiedIntegration: result.verifiedIntegration,
-                integrationDifficulty: result.integrationDifficulty,
-                setupSteps: result.setupSteps,
-                dependencies: result.dependencies
-              })
-              .where(eq(compatibilitiesTable.id, existing.id));
-            updated++;
-          } else {
-            // Create new compatibility record
-            await db.insert(compatibilitiesTable).values({
-              id: randomUUID(),
-              toolOneId: result.toolOneId,
-              toolTwoId: result.toolTwoId,
-              compatibilityScore: result.compatibilityScore,
-              notes: result.notes,
-              verifiedIntegration: result.verifiedIntegration,
-              integrationDifficulty: result.integrationDifficulty,
-              setupSteps: result.setupSteps,
-              dependencies: result.dependencies
-            });
-            generated++;
-          }
-        }
-      }
-      
-      console.log(`Compatibility generation complete. Generated: ${generated}, Updated: ${updated}`);
-      return { generated, updated };
-      
-    } catch (error) {
-      console.error('Error generating compatibility scores:', error);
-      throw error;
-    }
-  }
-
-  async exportToolsAsCSV(): Promise<string> {
-    const all = await this.getToolsWithCategory();
-    const header = [
-      "id","name","description","category","url","frameworks","languages","features","integrations","maturityScore","popularityScore","pricing","notes"
-    ].join(",") + "\n";
-    if (all.length === 0) {
-      return header; // template only
-    }
-    const esc = (v: any) => `"${String(v ?? "").replace(/"/g, '""')}"`;
-    const row = (t: any) => [
-      t.id,
-      t.name,
-      t.description || "",
-      t.category?.name || "",
-      t.url || "",
-      (t.frameworks || []).join(";"),
-      (t.languages || []).join(";"),
-      (t.features || []).join(";"),
-      (t.integrations || []).join(";"),
-      t.maturityScore ?? 0,
-      t.popularityScore ?? 0,
-      t.pricing || "",
-      t.notes || "",
-    ].map(esc).join(",");
-    return header + all.map(row).join("\n") + "\n";
-  }
-}
-
-// Use database storage instead of memory storage
-// Use database storage when DATABASE_URL is configured; otherwise fall back to in-memory storage.
-export const storage = process.env.DATABASE_URL ? new DatabaseStorage() : new MemStorage();
diff --git a/server/vite.ts b/server/vite.ts
deleted file mode 100644
index cdfe204..0000000
--- a/server/vite.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import express, { type Express } from "express";
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
-import { createServer as createViteServer, createLogger } from "vite";
-import { type Server } from "http";
-import viteConfig from "../vite.config";
-
-const viteLogger = createLogger();
-
-export function log(message: string, source = "express") {
-  const formattedTime = new Date().toLocaleTimeString("en-US", {
-    hour: "numeric",
-    minute: "2-digit",
-    second: "2-digit",
-    hour12: true,
-  });
-
-  console.log(`${formattedTime} [${source}] ${message}`);
-}
-
-export async function setupVite(app: Express, server: Server) {
-  const serverOptions = {
-    middlewareMode: true,
-    hmr: { server },
-    allowedHosts: true as const,
-  };
-
-  const vite = await createViteServer({
-    ...viteConfig,
-    configFile: false,
-    customLogger: {
-      ...viteLogger,
-      error: (msg, options) => {
-        viteLogger.error(msg, options);
-        process.exit(1);
-      },
-    },
-    server: serverOptions,
-    appType: "custom",
-  });
-
-  app.use(vite.middlewares);
-
-  // Only serve index.html for non-API routes (API routes should be handled by express routes)
-  app.use("*", async (req, res, next) => {
-    console.log(`Vite middleware: ${req.method} ${req.originalUrl}`);
-    // Skip API routes - they should be handled by the express routes registered earlier
-    if (req.originalUrl.startsWith('/api/') || req.originalUrl === '/ping') {
-      console.log(`Skipping vite for: ${req.originalUrl}`);
-      return next();
-    }
-    const url = req.originalUrl;
-
-    try {
-      const __dirname = path.dirname(fileURLToPath(import.meta.url));
-      const clientTemplate = path.resolve(
-        __dirname,
-        "..",
-        "client",
-        "index.html",
-      );
-
-      // always reload the index.html file from disk incase it changes
-      let template = await fs.promises.readFile(clientTemplate, "utf-8");
-      const cacheBust = Date.now().toString(36);
-      template = template.replace(
-        `src="/src/main.tsx"`,
-        `src="/src/main.tsx?v=${cacheBust}"`,
-      );
-      const page = await vite.transformIndexHtml(url, template);
-      res.status(200).set({ "Content-Type": "text/html" }).end(page);
-    } catch (e) {
-      vite.ssrFixStacktrace(e as Error);
-      next(e);
-    }
-  });
-}
-
-export function serveStatic(app: Express) {
-  const __dirname = path.dirname(fileURLToPath(import.meta.url));
-  // Serve built client from dist/public at project root
-  const distPath = path.resolve(__dirname, "..", "dist", "public");
-
-  if (!fs.existsSync(distPath)) {
-    throw new Error(
-      `Could not find the build directory: ${distPath}, make sure to build the client first`,
-    );
-  }
-
-  app.use(express.static(distPath));
-
-  // fall through to index.html if the file doesn't exist
-  app.use("*", (_req, res) => {
-    res.sendFile(path.resolve(distPath, "index.html"));
-  });
-}
diff --git a/shared/schema.ts b/shared/schema.ts
deleted file mode 100644
index 7b99151..0000000
--- a/shared/schema.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import { sql } from "drizzle-orm";
-import { pgTable, text, varchar, integer, real, jsonb, timestamp, boolean } from "drizzle-orm/pg-core";
-import { createInsertSchema } from "drizzle-zod";
-import { z } from "zod";
-import { relations } from "drizzle-orm";
-
-export const toolCategories = pgTable("tool_categories", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  name: text("name").notNull().unique(),
-  description: text("description"),
-  color: text("color").notNull().default("#FF4500"), // neon-orange default
-});
-
-export const tools = pgTable("tools", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  name: text("name").notNull(),
-  description: text("description"),
-  categoryId: varchar("category_id").notNull().references(() => toolCategories.id),
-  url: text("url"),
-  frameworks: jsonb("frameworks").$type<string[]>().default([]),
-  languages: jsonb("languages").$type<string[]>().default([]),
-  features: jsonb("features").$type<string[]>().default([]),
-  integrations: jsonb("integrations").$type<string[]>().default([]),
-  maturityScore: real("maturity_score").notNull().default(0),
-  popularityScore: real("popularity_score").notNull().default(0),
-  pricing: text("pricing"),
-  notes: text("notes"),
-  // New fields for enhanced functionality
-  setupComplexity: text("setup_complexity").default("medium"), // easy, medium, hard
-  costTier: text("cost_tier").default("free"), // free, freemium, paid, enterprise
-  performanceImpact: jsonb("performance_impact").$type<{ buildTime?: string; bundleSize?: string }>(), // { buildTime: 'low', bundleSize: 'medium' }
-  apiLastSync: timestamp("api_last_sync", { mode: 'date' }), // Track last API sync time
-});
-
-export const compatibilities = pgTable("compatibilities", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  toolOneId: varchar("tool_one_id").notNull().references(() => tools.id),
-  toolTwoId: varchar("tool_two_id").notNull().references(() => tools.id),
-  compatibilityScore: real("compatibility_score").notNull(),
-  notes: text("notes"),
-  verifiedIntegration: integer("verified_integration").notNull().default(0), // 0 = false, 1 = true
-  // New fields for richer compatibility data
-  integrationDifficulty: text("integration_difficulty").default("medium"), // easy, medium, hard
-  setupSteps: jsonb("setup_steps").$type<string[]>(), // Array of setup instructions
-  codeExample: text("code_example"), // Sample integration code
-  dependencies: jsonb("dependencies").$type<string[]>(), // Required dependencies for integration
-});
-
-// New table for Stack Templates
-export const stackTemplates = pgTable("stack_templates", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  name: text("name").notNull(),
-  description: text("description").notNull(),
-  category: text("category").notNull(), // e.g., "AI-Powered SaaS", "Rapid Prototyping"
-  toolIds: jsonb("tool_ids").$type<string[]>().notNull(),
-  useCase: text("use_case").notNull(),
-  setupComplexity: text("setup_complexity").notNull().default("medium"),
-  estimatedCost: text("estimated_cost"), // e.g., "$0-50/month"
-  pros: jsonb("pros").$type<string[]>(),
-  cons: jsonb("cons").$type<string[]>(),
-  harmonyScore: integer("harmony_score").notNull(), // Overall compatibility score for the stack
-  popularityRank: integer("popularity_rank").default(0),
-  createdAt: timestamp("created_at").defaultNow(),
-});
-
-// Junction table for tools and categories (many-to-many)
-export const toolCategoryJunction = pgTable("tool_category_junction", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  toolId: varchar("tool_id").notNull().references(() => tools.id, { onDelete: "cascade" }),
-  categoryId: varchar("category_id").notNull().references(() => toolCategories.id, { onDelete: "cascade" }),
-  isPrimary: boolean("is_primary").default(false), // Mark the primary category
-});
-
-// New table for Stack Validation Rules
-export const stackRules = pgTable("stack_rules", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  name: text("name").notNull(),
-  description: text("description"),
-  ruleType: text("rule_type").notNull(), // conflict, dependency, recommendation
-  categoryId: varchar("category_id").references(() => toolCategories.id),
-  condition: jsonb("condition").notNull(), // JSON rule definition
-  priority: integer("priority").default(0),
-  active: boolean("active").default(true),
-});
-
-// New table for Migration Paths
-export const migrationPaths = pgTable("migration_paths", {
-  id: varchar("id").primaryKey().default(sql`gen_random_uuid()`),
-  fromToolId: varchar("from_tool_id").notNull().references(() => tools.id),
-  toToolId: varchar("to_tool_id").notNull().references(() => tools.id),
-  difficulty: text("difficulty").notNull(), // easy, medium, hard, expert
-  estimatedTime: text("estimated_time"), // e.g., "1-2 days", "1 week"
-  steps: jsonb("steps").$type<string[]>().notNull(), // Array of migration steps
-  considerations: jsonb("considerations").$type<string[]>(),
-  dataPortability: integer("data_portability").notNull(), // 0-100 score
-});
-
-// Define relations
-export const toolCategoriesRelations = relations(toolCategories, ({ many }) => ({
-  tools: many(tools), // Keep for backward compatibility
-  toolJunctions: many(toolCategoryJunction),
-}));
-
-export const toolsRelations = relations(tools, ({ one, many }) => ({
-  category: one(toolCategories, { // Keep for backward compatibility (primary category)
-    fields: [tools.categoryId],
-    references: [toolCategories.id],
-  }),
-  toolJunctions: many(toolCategoryJunction),
-  compatibilitiesAsToolOne: many(compatibilities, {
-    relationName: "toolOne",
-  }),
-  compatibilitiesAsToolTwo: many(compatibilities, {
-    relationName: "toolTwo",
-  }),
-}));
-
-export const toolCategoryJunctionRelations = relations(toolCategoryJunction, ({ one }) => ({
-  tool: one(tools, {
-    fields: [toolCategoryJunction.toolId],
-    references: [tools.id],
-  }),
-  category: one(toolCategories, {
-    fields: [toolCategoryJunction.categoryId],
-    references: [toolCategories.id],
-  }),
-}));
-
-export const compatibilitiesRelations = relations(compatibilities, ({ one }) => ({
-  toolOne: one(tools, {
-    fields: [compatibilities.toolOneId],
-    references: [tools.id],
-    relationName: "toolOne",
-  }),
-  toolTwo: one(tools, {
-    fields: [compatibilities.toolTwoId],
-    references: [tools.id],
-    relationName: "toolTwo",
-  }),
-}));
-
-// Insert schemas
-export const insertToolCategorySchema = createInsertSchema(toolCategories).omit({
-  id: true,
-});
-
-export const insertToolSchema = createInsertSchema(tools).omit({
-  id: true,
-});
-
-export const insertCompatibilitySchema = createInsertSchema(compatibilities).omit({
-  id: true,
-});
-
-export const insertStackTemplateSchema = createInsertSchema(stackTemplates).omit({
-  id: true,
-  createdAt: true,
-});
-
-export const insertStackRuleSchema = createInsertSchema(stackRules).omit({
-  id: true,
-});
-
-export const insertMigrationPathSchema = createInsertSchema(migrationPaths).omit({
-  id: true,
-});
-
-export const insertToolCategoryJunctionSchema = createInsertSchema(toolCategoryJunction).omit({
-  id: true,
-});
-
-// Types
-export type ToolCategory = typeof toolCategories.$inferSelect;
-export type Tool = typeof tools.$inferSelect;
-export type Compatibility = typeof compatibilities.$inferSelect;
-export type StackTemplate = typeof stackTemplates.$inferSelect;
-export type StackRule = typeof stackRules.$inferSelect;
-export type MigrationPath = typeof migrationPaths.$inferSelect;
-export type ToolCategoryJunction = typeof toolCategoryJunction.$inferSelect;
-
-export type InsertToolCategory = z.infer<typeof insertToolCategorySchema>;
-export type InsertTool = z.infer<typeof insertToolSchema>;
-export type InsertCompatibility = z.infer<typeof insertCompatibilitySchema>;
-export type InsertStackTemplate = z.infer<typeof insertStackTemplateSchema>;
-export type InsertStackRule = z.infer<typeof insertStackRuleSchema>;
-export type InsertMigrationPath = z.infer<typeof insertMigrationPathSchema>;
-export type InsertToolCategoryJunction = z.infer<typeof insertToolCategoryJunctionSchema>;
-
-// Extended types for frontend
-export type ToolWithCategory = Tool & {
-  category: ToolCategory;
-};
-
-export type CompatibilityMatrix = {
-  toolOne: ToolWithCategory;
-  toolTwo: ToolWithCategory;
-  compatibility: Compatibility;
-};
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 67dccb3..0000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-  darkMode: ["class"],
-  content: ["./client/index.html", "./client/src/**/*.{js,jsx,ts,tsx}"],
-  theme: {
-    extend: {
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-        card: {
-          DEFAULT: "var(--card)",
-          foreground: "var(--card-foreground)",
-        },
-        popover: {
-          DEFAULT: "var(--popover)",
-          foreground: "var(--popover-foreground)",
-        },
-        primary: {
-          DEFAULT: "var(--primary)",
-          foreground: "var(--primary-foreground)",
-        },
-        secondary: {
-          DEFAULT: "var(--secondary)",
-          foreground: "var(--secondary-foreground)",
-        },
-        muted: {
-          DEFAULT: "var(--muted)",
-          foreground: "var(--muted-foreground)",
-        },
-        accent: {
-          DEFAULT: "var(--accent)",
-          foreground: "var(--accent-foreground)",
-        },
-        destructive: {
-          DEFAULT: "var(--destructive)",
-          foreground: "var(--destructive-foreground)",
-        },
-        border: "var(--border)",
-        input: "var(--input)",
-        ring: "var(--ring)",
-        chart: {
-          "1": "var(--chart-1)",
-          "2": "var(--chart-2)",
-          "3": "var(--chart-3)",
-          "4": "var(--chart-4)",
-          "5": "var(--chart-5)",
-        },
-        sidebar: {
-          DEFAULT: "var(--sidebar-background)",
-          foreground: "var(--sidebar-foreground)",
-          primary: "var(--sidebar-primary)",
-          "primary-foreground": "var(--sidebar-primary-foreground)",
-          accent: "var(--sidebar-accent)",
-          "accent-foreground": "var(--sidebar-accent-foreground)",
-          border: "var(--sidebar-border)",
-          ring: "var(--sidebar-ring)",
-        },
-        // Custom neon orange colors
-        "neon-orange": {
-          DEFAULT: "var(--neon-orange)",
-          light: "var(--neon-orange-light)",
-        },
-        "github-dark": "var(--github-dark)",
-        "github-surface": "var(--github-surface)",
-        "github-border": "var(--github-border)",
-        "github-text": "var(--github-text)",
-        "github-text-secondary": "var(--github-text-secondary)",
-        success: "var(--success)",
-        warning: "var(--warning)",
-        info: "var(--info)",
-      },
-      fontFamily: {
-        sans: ["var(--font-sans)"],
-        serif: ["var(--font-serif)"],
-        mono: ["var(--font-mono)"],
-        system: ["Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"],
-      },
-      keyframes: {
-        "accordion-down": {
-          from: {
-            height: "0",
-          },
-          to: {
-            height: "var(--radix-accordion-content-height)",
-          },
-        },
-        "accordion-up": {
-          from: {
-            height: "var(--radix-accordion-content-height)",
-          },
-          to: {
-            height: "0",
-          },
-        },
-        shimmer: {
-          "0%": { transform: "translateX(-100%)" },
-          "100%": { transform: "translateX(100%)" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-        shimmer: "shimmer 1.5s infinite",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
-} satisfies Config;
diff --git a/tests/e2e/mvp-flows.spec.ts b/tests/e2e/mvp-flows.spec.ts
new file mode 100644
index 0000000..8376729
--- /dev/null
+++ b/tests/e2e/mvp-flows.spec.ts
@@ -0,0 +1,47 @@
+import { expect, test } from "@playwright/test";
+
+test.describe("Stackfast MVP flows", () => {
+  test("searches the tool catalog", async ({ page }) => {
+    await page.goto("/catalog");
+
+    await expect(page.getByRole("heading", { name: "Tool Catalog" })).toBeVisible();
+    await page.getByPlaceholder("Search tools...").last().fill("next.js");
+
+    await expect(page.getByRole("heading", { name: "Next.js" })).toBeVisible();
+  });
+
+  test("generates an idea-to-stack blueprint", async ({ page }) => {
+    await page.goto("/blueprint");
+
+    await page.getByLabel(/What are you building/i).fill(
+      "A subscription dashboard with login, billing, and email notifications",
+    );
+    await page.getByRole("button", { name: /Generate Blueprint/i }).click();
+
+    await expect(page.getByRole("heading", { name: "Recommended Architecture" })).toBeVisible({ timeout: 20_000 });
+    await expect(page.getByText("Primary Stack")).toBeVisible();
+    await expect(page.getByText("Harmony Score")).toBeVisible();
+  });
+
+  test("analyzes pairwise compatibility", async ({ page }) => {
+    await page.goto("/compatibility");
+
+    const toolSelectors = page.getByRole("combobox");
+    await toolSelectors.first().selectOption("nextjs");
+    await toolSelectors.nth(1).selectOption("vercel");
+
+    await expect(page.getByText("Harmony Score")).toBeVisible({ timeout: 20_000 });
+    await expect(page.getByRole("heading", { name: "Integration Analysis" })).toBeVisible();
+  });
+
+  test("shows a basic migration path", async ({ page }) => {
+    await page.goto("/migration");
+
+    const migrationSelectors = page.getByRole("combobox");
+    await migrationSelectors.first().selectOption("prisma");
+    await migrationSelectors.nth(1).selectOption("drizzle");
+
+    await expect(page.getByRole("heading", { name: "Migration Strategy" })).toBeVisible({ timeout: 20_000 });
+    await expect(page.getByText("Inventory current Prisma usage and configuration")).toBeVisible();
+  });
+});
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index a0203ee..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "include": ["client/src/**/*", "shared/**/*", "server/**/*"],
-  "exclude": ["node_modules", "build", "dist", "**/*.test.ts"],
-  "compilerOptions": {
-    "incremental": true,
-    "tsBuildInfoFile": "./node_modules/typescript/tsbuildinfo",
-    "noEmit": true,
-    "module": "ESNext",
-    "strict": true,
-    "lib": ["esnext", "dom", "dom.iterable"],
-    "jsx": "preserve",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "moduleResolution": "bundler",
-    "baseUrl": ".",
-    "types": ["node", "vite/client"],
-    "paths": {
-      "@/*": ["./client/src/*"],
-      "@shared/*": ["./shared/*"]
-    }
-  }
-}
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index 80a3ac1..0000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import path from "path";
-import { fileURLToPath } from "url";
-import runtimeErrorOverlay from "@replit/vite-plugin-runtime-error-modal";
-
-export default defineConfig({
-  plugins: [
-    react(),
-    runtimeErrorOverlay(),
-    ...(process.env.NODE_ENV !== "production" &&
-    process.env.REPL_ID !== undefined
-      ? [
-          await import("@replit/vite-plugin-cartographer").then((m) =>
-            m.cartographer(),
-          ),
-        ]
-      : []),
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "client", "src"),
-      "@shared": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "shared"),
-      "@assets": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "attached_assets"),
-    },
-  },
-  root: path.resolve(path.dirname(fileURLToPath(import.meta.url)), "client"),
-  build: {
-    outDir: path.resolve(path.dirname(fileURLToPath(import.meta.url)), "dist/public"),
-    emptyOutDir: true,
-  },
-  server: {
-    fs: {
-      strict: true,
-      deny: ["**/.*"],
-    },
-  },
-});