mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 20:01:09 +02:00
Complete web app implementation with Svelte 5 runes: Features: - Authentication: Login, register pages with mana-core-auth integration - Question List: Filterable list with search, status, and collection filters - Question Detail: View research results and sources - New Question: Create questions with depth selection and auto-research - Collections Sidebar: Navigate and organize questions by collection - Dark Mode: Full theme support with toggle Structure: - src/lib/api/: API clients for all backend endpoints - src/lib/stores/: Svelte 5 reactive stores (auth, questions, collections) - src/lib/types/: TypeScript interfaces - src/routes/(app)/: Protected app routes - src/routes/(auth)/: Public auth routes Configuration: - Port: 5111 - Tailwind CSS with shared theme - lucide-svelte icons Also updated: - CLAUDE.md: Added web app documentation - package.json: Updated dev:questions:full to include web https://claude.ai/code/session_01Rk3YVJCU3nM8uvVPghRz6r
6.7 KiB
6.7 KiB
Questions App
AI-powered research assistant that collects user questions and performs comprehensive research using the mana-search microservice.
Overview
- Backend Port: 3011
- Web Port: 5111
- Technology: NestJS + Drizzle ORM + PostgreSQL + SvelteKit
- Search: mana-search microservice (SearXNG)
Architecture
┌─────────────────────────────────────────────────────────────┐
│ Questions App │
│ Collections │ Questions │ Research │ Answers │ Sources │
└─────────────────────────┬───────────────────────────────────┘
▼
┌─────────────────────────────────────────────────────────────┐
│ mana-search (Port 3021) │
│ Search API │ Extract API │ Redis Cache │
└─────────────────────────┬───────────────────────────────────┘
▼
┌─────────────────────────────────────────────────────────────┐
│ SearXNG (Port 8080) │
│ Google │ Bing │ arXiv │ Wikipedia │ GitHub │ ... │
└─────────────────────────────────────────────────────────────┘
Quick Start
# 1. Start infrastructure (PostgreSQL, Redis, mana-search dependencies)
pnpm docker:up
# 2. Start everything (auth, search, backend, web):
pnpm dev:questions:full
# Or start components individually:
pnpm dev:questions:backend # Just backend (port 3011)
pnpm dev:questions:web # Just web (port 5111)
pnpm dev:search:full # Just search service (port 3021)
Web App
The SvelteKit web app provides:
- Question Management: Create, edit, and organize questions
- Collection Organization: Group questions into collections with colors/icons
- Research Interface: Start research and view results with sources
- Source Viewer: Explore extracted content from web sources
- Dark Mode: Full theme support
API Endpoints
Collections
POST /api/v1/collections # Create collection
GET /api/v1/collections # List collections
GET /api/v1/collections/:id # Get collection
PUT /api/v1/collections/:id # Update collection
DELETE /api/v1/collections/:id # Delete collection
POST /api/v1/collections/reorder # Reorder collections
Questions
POST /api/v1/questions # Create question
GET /api/v1/questions # List questions (with filters)
GET /api/v1/questions/:id # Get question
PUT /api/v1/questions/:id # Update question
DELETE /api/v1/questions/:id # Delete question
PUT /api/v1/questions/:id/status # Update status
Research
POST /api/v1/research/start # Start research
GET /api/v1/research/question/:id # Get results for question
GET /api/v1/research/:id # Get research result
GET /api/v1/research/health/search # Check search service
Answers
POST /api/v1/answers # Create answer
GET /api/v1/answers/question/:id # List answers for question
GET /api/v1/answers/question/:id/accepted # Get accepted answer
GET /api/v1/answers/:id # Get answer
PUT /api/v1/answers/:id # Update answer
POST /api/v1/answers/:id/rate # Rate answer
POST /api/v1/answers/:id/accept # Accept answer
DELETE /api/v1/answers/:id # Delete answer
Sources
GET /api/v1/sources/research/:id # Sources by research result
GET /api/v1/sources/question/:id # All sources for question
GET /api/v1/sources/:id # Get source
GET /api/v1/sources/:id/content # Get source content
Research Depths
| Depth | Sources | Extraction | Categories |
|---|---|---|---|
quick |
5 | No | general |
standard |
15 | Yes | general, news |
deep |
30 | Yes | general, news, science, it |
Database Schema
-- Collections for organizing questions
collections (id, user_id, name, description, color, icon, sort_order, ...)
-- User questions
questions (id, user_id, collection_id, title, description, status, priority, tags, ...)
-- Research results from mana-search
research_results (id, question_id, summary, key_points, follow_up_questions, ...)
-- Extracted sources from search
sources (id, research_result_id, url, title, snippet, extracted_content, ...)
-- AI-generated answers
answers (id, question_id, research_result_id, content, rating, is_accepted, ...)
Environment Variables
| Variable | Default | Description |
|---|---|---|
PORT |
3011 | Backend port |
DATABASE_URL |
- | PostgreSQL connection |
MANA_CORE_AUTH_URL |
http://localhost:3001 | Auth service URL |
MANA_SEARCH_URL |
http://localhost:3021 | Search service URL |
MANA_SEARCH_TIMEOUT |
30000 | Search timeout (ms) |
DEV_BYPASS_AUTH |
false | Skip auth in dev |
DEV_USER_ID |
- | User ID when auth bypassed |
Development Commands
# Backend only
pnpm dev:questions:backend
# Type checking
cd apps/questions/apps/backend && pnpm type-check
# Database
cd apps/questions/apps/backend
pnpm drizzle-kit generate # Generate migrations
pnpm drizzle-kit push # Push schema to DB
pnpm drizzle-kit studio # Open Drizzle Studio
Testing the API
# Create a collection
curl -X POST http://localhost:3011/api/v1/collections \
-H "Content-Type: application/json" \
-H "Authorization: Bearer $TOKEN" \
-d '{"name": "Tech Research", "color": "#6366f1"}'
# Create a question
curl -X POST http://localhost:3011/api/v1/questions \
-H "Content-Type: application/json" \
-H "Authorization: Bearer $TOKEN" \
-d '{"title": "What are the best practices for TypeScript?", "researchDepth": "standard"}'
# Start research
curl -X POST http://localhost:3011/api/v1/research/start \
-H "Content-Type: application/json" \
-H "Authorization: Bearer $TOKEN" \
-d '{"questionId": "uuid-here", "depth": "standard"}'