modcomms/frontend
michael 9e2473c3e9 Add Knowledge Base management system for AI agent specs
Full-stack implementation enabling UI-driven management of the 5 AI agent knowledge bases
(Legal, Brand Barclays, Brand Barclaycard, Channel Best Practices, Channel Tech Specs).

Backend:
- 4 new DB models: KnowledgeBase, SourceDocument, SpecVersion, ProcessingJob
- Migration 006: creates tables, seeds 5 KB rows, imports existing prompts/*.md as v1 specs
- KnowledgeBaseRepository with full CRUD for all 4 tables
- LlamaParseService for document parsing, KnowledgeBaseService for pipeline orchestration
- ReferenceDocsService updated with DB-backed spec loading + cache invalidation
- 11 REST endpoints under /api/knowledge-base (list, detail, upload, delete, process, job status, versions, diff, activate)
- StorageService extended with KB document storage

Frontend:
- TypeScript types for all KB entities (KnowledgeBaseListItem, SourceDocument, ProcessingJob, SpecVersion, DiffResult)
- ApiService methods for all KB endpoints including multipart file upload
- KnowledgeBase component with 3-level UI: agent grid, detail view (documents + versions tabs), diff viewer
- Drag-and-drop file upload, processing progress bar with 3s polling, version comparison
- KnowledgeBaseIcon + Sidebar nav item with adminOnly filtering

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-02-12 15:00:36 -06:00
..
components Add Knowledge Base management system for AI agent specs 2026-02-12 15:00:36 -06:00
hooks Add PDF preview support with on-demand rasterization 2026-01-25 08:56:23 -06:00
services Add Knowledge Base management system for AI agent specs 2026-02-12 15:00:36 -06:00
utils Persist navigation state in URL for browser refresh support 2026-01-24 09:04:04 -06:00
App.tsx Add Knowledge Base management system for AI agent specs 2026-02-12 15:00:36 -06:00
constants.ts Restructure agent system: remove Tone, split Channel, implement Legal 2026-01-24 11:58:17 -06:00
index.html UI overhaul: white backgrounds, flat design, teal hero, sidebar flush-left nav 2026-02-05 16:53:03 -06:00
index.tsx permissions changes 2025-12-18 16:51:27 +00:00
metadata.json permissions changes 2025-12-18 16:51:27 +00:00
package-lock.json permissions changes 2025-12-18 16:51:27 +00:00
package.json permissions changes 2025-12-18 16:51:27 +00:00
README.md permissions changes 2025-12-18 16:51:27 +00:00
tsconfig.json permissions changes 2025-12-18 16:51:27 +00:00
types.ts Add Knowledge Base management system for AI agent specs 2026-02-12 15:00:36 -06:00
vite.config.ts permissions changes 2025-12-18 16:51:27 +00:00

GHBanner

Run and deploy your AI Studio app

This contains everything you need to run your app locally.

View your app in AI Studio: https://ai.studio/apps/drive/1vH-R-vj0Xkk_g2ZFdHtLxNc12sFTOl2L

Run Locally

Prerequisites: Node.js

  1. Install dependencies: npm install
  2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
  3. Run the app: npm run dev