Delete app

app/.env.example

@@ -1,6 +0,0 @@
-# Backend config
-DATABASE_URL=sqlite:///./app.db
-JWT_SECRET=your_super_secret_key_here
-JWT_EXPIRES_MINUTES=60
-APP_NAME=CHB App
-CORS_ORIGINS=*

app/Dockerfile

@@ -1,22 +0,0 @@
-# Build frontend (React + Vite + Tailwind)
-FROM node:20-alpine AS frontend
-WORKDIR /ui
-COPY frontend/package.json frontend/package-lock.json ./
-RUN npm ci --silent
-COPY frontend ./
-RUN npm run build
-
-# Backend image
-FROM python:3.11-slim
-ENV PYTHONDONTWRITEBYTECODE=1
-ENV PYTHONUNBUFFERED=1
-WORKDIR /app
-RUN apt-get update && apt-get install -y --no-install-recommends curl ca-certificates git && rm -rf /var/lib/apt/lists/*
-COPY requirements.txt ./
-RUN pip install --no-cache-dir -r requirements.txt
-COPY backend ./backend
-COPY app.py Procfile .env.example ./
-# Bring built frontend
-COPY --from=frontend /ui/dist ./frontend_dist
-EXPOSE 7860
-CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

app/Procfile

@@ -1 +0,0 @@
-web: uvicorn app:app --host 0.0.0.0 --port 7860

app/app.py

@@ -1,28 +0,0 @@
-import os
-from fastapi import FastAPI
-from fastapi.staticfiles import StaticFiles
-from fastapi.responses import FileResponse, JSONResponse
-from backend.app import create_app, run_migrations
-
-app: FastAPI = create_app()
-
-@app.on_event("startup")
-async def startup_event():
-    try:
-        run_migrations()
-    except Exception as e:
-        print("Migration error:", e)
-
-FRONTEND_DIR = os.path.join(os.getcwd(), "frontend_dist")
-if os.path.isdir(FRONTEND_DIR):
-    app.mount("/assets", StaticFiles(directory=os.path.join(FRONTEND_DIR, "assets")), name="assets")
-    @app.get("/{full_path:path}")
-    async def serve_spa(full_path: str):
-        index_path = os.path.join(FRONTEND_DIR, "index.html")
-        if os.path.exists(index_path):
-            return FileResponse(index_path)
-        return JSONResponse({"detail": "Frontend not built."}, status_code=501)
-else:
-    @app.get("/")
-    async def root_info():
-        return {"message": "Backend running. Frontend not built."}

app/backend/app.py

@@ -1,36 +0,0 @@
-from fastapi import FastAPI
-from fastapi.middleware.cors import CORSMiddleware
-from .core.config import settings
-from .database import Base, engine
-from .routes import auth, apikey, chat, about
-
-def run_migrations():
-    try:
-        from alembic import command
-        from alembic.config import Config
-        import os
-        cfg = Config(os.path.join(os.path.dirname(__file__), "migrations", "alembic.ini"))
-        cfg.set_main_option("script_location", os.path.join(os.path.dirname(__file__), "migrations"))
-        cfg.set_main_option("sqlalchemy.url", settings.DATABASE_URL)
-        command.upgrade(cfg, "head")
-    except Exception as e:
-        print("Alembic migration error:", e)
-
-def create_app() -> FastAPI:
-    app = FastAPI(title=settings.APP_NAME)
-
-    app.add_middleware(
-        CORSMiddleware,
-        allow_origins=[settings.CORS_ORIGINS] if settings.CORS_ORIGINS != "*" else ["*"],
-        allow_credentials=True,
-        allow_methods=["*"],
-        allow_headers=["*"],
-    )
-
-    Base.metadata.bind = engine
-
-    app.include_router(auth.router)
-    app.include_router(apikey.router)
-    app.include_router(chat.router)
-    app.include_router(about.router)
-    return app

app/backend/core/config.py

@@ -1,14 +0,0 @@
-import os
-from pydantic import BaseModel
-from dotenv import load_dotenv
-
-load_dotenv()
-
-class Settings(BaseModel):
-    APP_NAME: str = os.getenv("APP_NAME", "CHB App")
-    DATABASE_URL: str = os.getenv("DATABASE_URL", "sqlite:///./app.db")
-    JWT_SECRET: str = os.getenv("JWT_SECRET", "dev-secret")
-    JWT_EXPIRES_MINUTES: int = int(os.getenv("JWT_EXPIRES_MINUTES", "60"))
-    CORS_ORIGINS: str = os.getenv("CORS_ORIGINS", "*")
-
-settings = Settings()

app/backend/core/security.py

@@ -1,40 +0,0 @@
-from datetime import datetime, timedelta
-from typing import Optional
-from jose import jwt, JWTError
-from passlib.context import CryptContext
-from fastapi import Depends, HTTPException, status
-from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
-from sqlalchemy.orm import Session
-from .config import settings
-from ..database import get_db
-from ..models import User
-
-pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
-auth_scheme = HTTPBearer()
-
-def hash_password(p: str) -> str:
-    return pwd_context.hash(p)
-
-def verify_password(p: str, hashed: str) -> bool:
-    return pwd_context.verify(p, hashed)
-
-def create_access_token(sub: str, expires_minutes: int = None) -> str:
-    expire = datetime.utcnow() + timedelta(minutes=expires_minutes or settings.JWT_EXPIRES_MINUTES)
-    to_encode = {"sub": sub, "exp": expire}
-    return jwt.encode(to_encode, settings.JWT_SECRET, algorithm="HS256")
-
-def decode_token(token: str) -> Optional[str]:
-    try:
-        payload = jwt.decode(token, settings.JWT_SECRET, algorithms=["HS256"])
-        return payload.get("sub")
-    except JWTError:
-        return None
-
-def get_current_user(creds: HTTPAuthorizationCredentials = Depends(auth_scheme), db: Session = Depends(get_db)) -> User:
-    email = decode_token(creds.credentials)
-    if not email:
-        raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="Invalid token")
-    user = db.query(User).filter(User.email == email).first()
-    if not user:
-        raise HTTPException(status_code=401, detail="User not found")
-    return user

app/backend/database.py

@@ -1,16 +0,0 @@
-from sqlalchemy import create_engine
-from sqlalchemy.orm import sessionmaker, DeclarativeBase
-from .core.config import settings
-
-class Base(DeclarativeBase):
-    pass
-
-engine = create_engine(settings.DATABASE_URL, connect_args={"check_same_thread": False} if settings.DATABASE_URL.startswith("sqlite") else {})
-SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
-
-def get_db():
-    db = SessionLocal()
-    try:
-        yield db
-    finally:
-        db.close()

app/backend/migrations/alembic.ini

@@ -1,3 +0,0 @@
-[alembic]
-script_location = migrations
-sqlalchemy.url = sqlite:///./app.db

app/backend/migrations/env.py

@@ -1,23 +0,0 @@
-from logging.config import fileConfig
-from sqlalchemy import engine_from_config, pool
-from alembic import context
-import os, sys
-config = context.config
-if config.config_file_name is not None:
-    fileConfig(config.config_file_name)
-target_metadata = None
-def run_migrations_offline():
-    url = config.get_main_option("sqlalchemy.url")
-    context.configure(url=url, literal_binds=True)
-    with context.begin_transaction():
-        context.run_migrations()
-def run_migrations_online():
-    connectable = engine_from_config(config.get_section(config.config_ini_section), prefix="sqlalchemy.", poolclass=pool.NullPool)
-    with connectable.connect() as connection:
-        context.configure(connection=connection)
-        with context.begin_transaction():
-            context.run_migrations()
-if context.is_offline_mode():
-    run_migrations_offline()
-else:
-    run_migrations_online()

app/backend/migrations/versions/0001_init.py

@@ -1,37 +0,0 @@
-from alembic import op
-import sqlalchemy as sa
-
-revision = '0001_init'
-down_revision = None
-branch_labels = None
-depends_on = None
-
-def upgrade():
-    op.create_table(
-        'users',
-        sa.Column('id', sa.Integer(), primary_key=True),
-        sa.Column('email', sa.String(255), nullable=False, unique=True),
-        sa.Column('password_hash', sa.String(255), nullable=False),
-        sa.Column('created_at', sa.DateTime(), nullable=True),
-    )
-    op.create_table(
-        'api_keys',
-        sa.Column('id', sa.Integer(), primary_key=True),
-        sa.Column('key', sa.String(255), nullable=False, unique=True),
-        sa.Column('revoked', sa.Boolean(), default=False),
-        sa.Column('created_at', sa.DateTime(), nullable=True),
-        sa.Column('user_id', sa.Integer(), sa.ForeignKey('users.id', ondelete='CASCADE'))
-    )
-    op.create_table(
-        'chat_history',
-        sa.Column('id', sa.Integer(), primary_key=True),
-        sa.Column('role', sa.String(20)),
-        sa.Column('content', sa.Text(), nullable=False),
-        sa.Column('created_at', sa.DateTime(), nullable=True),
-        sa.Column('user_id', sa.Integer(), sa.ForeignKey('users.id', ondelete='CASCADE'))
-    )
-
-def downgrade():
-    op.drop_table('chat_history')
-    op.drop_table('api_keys')
-    op.drop_table('users')

app/backend/models.py

@@ -1,34 +0,0 @@
-from sqlalchemy import Column, Integer, String, DateTime, Boolean, ForeignKey, Text
-from sqlalchemy.orm import relationship, Mapped, mapped_column
-from datetime import datetime
-from .database import Base
-
-class User(Base):
-    __tablename__ = "users"
-    id: Mapped[int] = mapped_column(Integer, primary_key=True, index=True)
-    email: Mapped[str] = mapped_column(String(255), unique=True, index=True, nullable=False)
-    password_hash: Mapped[str] = mapped_column(String(255), nullable=False)
-    created_at: Mapped[datetime] = mapped_column(DateTime, default=datetime.utcnow)
-
-    api_keys = relationship("APIKey", back_populates="owner", cascade="all, delete-orphan")
-    messages = relationship("ChatMessage", back_populates="user", cascade="all, delete-orphan")
-
-class APIKey(Base):
-    __tablename__ = "api_keys"
-    id: Mapped[int] = mapped_column(Integer, primary_key=True, index=True)
-    key: Mapped[str] = mapped_column(String(255), unique=True, nullable=False)
-    revoked: Mapped[bool] = mapped_column(Boolean, default=False)
-    created_at: Mapped[datetime] = mapped_column(DateTime, default=datetime.utcnow)
-
-    user_id: Mapped[int] = mapped_column(Integer, ForeignKey("users.id", ondelete="CASCADE"))
-    owner = relationship("User", back_populates="api_keys")
-
-class ChatMessage(Base):
-    __tablename__ = "chat_history"
-    id: Mapped[int] = mapped_column(Integer, primary_key=True, index=True)
-    role: Mapped[str] = mapped_column(String(20), default="user")  # 'user' or 'assistant'
-    content: Mapped[str] = mapped_column(Text, nullable=False)
-    created_at: Mapped[datetime] = mapped_column(DateTime, default=datetime.utcnow)
-
-    user_id: Mapped[int] = mapped_column(Integer, ForeignKey("users.id", ondelete="CASCADE"))
-    user = relationship("User", back_populates="messages")

app/backend/routes/about.py

@@ -1,17 +0,0 @@
-from fastapi import APIRouter
-
-router = APIRouter(prefix="/api/info", tags=["Info"])
-
-@router.get("/about")
-def about():
-    return {"name": "CHB", "tagline": "Multimodal Assistant", "version": "1.0.0"}
-
-@router.get("/howto")
-def howto():
-    return {
-        "steps": [
-            "Sign up or log in",
-            "Use Chat to send messages, long-press the paperclip to switch modes",
-            "Go to API Keys to generate or revoke keys"
-        ]
-    }

app/backend/routes/apikey.py

@@ -1,32 +0,0 @@
-import secrets
-from fastapi import APIRouter, Depends, HTTPException
-from sqlalchemy.orm import Session
-from ..database import get_db
-from ..models import APIKey
-from ..schemas import APIKeyOut, KeyRevokeIn
-from ..core.security import get_current_user
-
-router = APIRouter(prefix="/api/keys", tags=["API Keys"])
-
-@router.get("", response_model=list[APIKeyOut])
-def list_keys(db: Session = Depends(get_db), user = Depends(get_current_user)):
-    rows = db.query(APIKey).filter(APIKey.user_id == user.id).order_by(APIKey.created_at.desc()).all()
-    return rows
-
-@router.post("/generate", response_model=APIKeyOut)
-def generate_key(db: Session = Depends(get_db), user = Depends(get_current_user)):
-    key = "chb_" + secrets.token_urlsafe(32)
-    row = APIKey(key=key, user_id=user.id)
-    db.add(row)
-    db.commit()
-    db.refresh(row)
-    return row
-
-@router.post("/revoke")
-def revoke_key(payload: KeyRevokeIn, db: Session = Depends(get_db), user = Depends(get_current_user)):
-    row = db.query(APIKey).filter(APIKey.user_id == user.id, APIKey.key == payload.key).first()
-    if not row:
-        raise HTTPException(status_code=404, detail="Key not found")
-    row.revoked = True
-    db.commit()
-    return {"revoked": payload.key}

app/backend/routes/auth.py

@@ -1,27 +0,0 @@
-from fastapi import APIRouter, HTTPException, Depends
-from sqlalchemy.orm import Session
-from ..schemas import UserCreate, UserOut, LoginIn, Token
-from ..models import User
-from ..database import get_db
-from ..core.security import hash_password, verify_password, create_access_token
-
-router = APIRouter(prefix="/api/auth", tags=["Auth"])
-
-@router.post("/signup", response_model=Token)
-def signup(payload: UserCreate, db: Session = Depends(get_db)):
-    if db.query(User).filter(User.email == payload.email).first():
-        raise HTTPException(status_code=400, detail="User already exists")
-    user = User(email=payload.email, password_hash=hash_password(payload.password))
-    db.add(user)
-    db.commit()
-    db.refresh(user)
-    token = create_access_token(sub=user.email)
-    return {"access_token": token}
-
-@router.post("/login", response_model=Token)
-def login(payload: LoginIn, db: Session = Depends(get_db)):
-    user = db.query(User).filter(User.email == payload.email).first()
-    if not user or not verify_password(payload.password, user.password_hash):
-        raise HTTPException(status_code=401, detail="Invalid credentials")
-    token = create_access_token(sub=user.email)
-    return {"access_token": token}

app/backend/routes/chat.py

@@ -1,28 +0,0 @@
-from fastapi import APIRouter, Depends, UploadFile, File
-from sqlalchemy.orm import Session
-from ..database import get_db
-from ..schemas import ChatIn, ChatOut, ChatMessageOut
-from ..models import ChatMessage
-from ..core.security import get_current_user
-
-router = APIRouter(prefix="/api/chat", tags=["Chat"])
-
-@router.get("/history", response_model=list[ChatMessageOut])
-def history(db: Session = Depends(get_db), user = Depends(get_current_user)):
-    rows = db.query(ChatMessage).filter(ChatMessage.user_id == user.id).order_by(ChatMessage.created_at.asc()).all()
-    return rows
-
-@router.post("", response_model=ChatOut)
-def send(payload: ChatIn, db: Session = Depends(get_db), user = Depends(get_current_user)):
-    um = ChatMessage(user_id=user.id, role="user", content=payload.message)
-    db.add(um)
-    reply_text = f"CHB: You said '{payload.message}'"
-    bm = ChatMessage(user_id=user.id, role="assistant", content=reply_text)
-    db.add(bm)
-    db.commit()
-    return {"reply": reply_text}
-
-@router.post("/upload")
-async def upload(file: UploadFile = File(...), user = Depends(get_current_user)):
-    # stub: accept file and return name; real storage to be implemented
-    return {"filename": file.filename, "detail":"file received"}

app/backend/schemas.py

@@ -1,45 +0,0 @@
-from pydantic import BaseModel, EmailStr, Field
-from typing import List, Optional
-from datetime import datetime
-
-class UserCreate(BaseModel):
-    email: EmailStr
-    password: str = Field(min_length=6)
-
-class UserOut(BaseModel):
-    id: int
-    email: EmailStr
-    created_at: datetime
-    class Config:
-        from_attributes = True
-
-class Token(BaseModel):
-    access_token: str
-    token_type: str = "bearer"
-
-class LoginIn(BaseModel):
-    email: EmailStr
-    password: str
-
-class APIKeyOut(BaseModel):
-    key: str
-    revoked: bool
-    created_at: datetime
-    class Config:
-        from_attributes = True
-
-class KeyRevokeIn(BaseModel):
-    key: str
-
-class ChatIn(BaseModel):
-    message: str
-
-class ChatOut(BaseModel):
-    reply: str
-
-class ChatMessageOut(BaseModel):
-    role: str
-    content: str
-    created_at: datetime
-    class Config:
-        from_attributes = True

app/frontend/index.html

@@ -1 +0,0 @@
-<!doctype html><html><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>CHB</title></head><body class="bg-slate-900 text-slate-100"><div id="root"></div><script type="module" src="/src/main.tsx"></script></body></html>

app/frontend/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "chb-frontend",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.23.1",
-    "framer-motion": "^11.2.10"
-  },
-  "devDependencies": {
-    "typescript": "^5.5.4",
-    "vite": "^5.3.3",
-    "tailwindcss": "^3.4.7",
-    "postcss": "^8.4.41",
-    "autoprefixer": "^10.4.20"
-  }
-}

app/frontend/postcss.config.js

@@ -1 +0,0 @@
-export default { plugins: { tailwindcss: {}, autoprefixer: {} } }

app/frontend/src/App.tsx

@@ -1,23 +0,0 @@
-import { Routes, Route, Navigate } from 'react-router-dom'
-import Login from './pages/Login'
-import Signup from './pages/Signup'
-import Chat from './pages/Chat'
-import ApiKeys from './pages/ApiKeys'
-import About from './pages/About'
-import HowToUse from './pages/HowToUse'
-import NotFound from './pages/NotFound'
-const isAuthed = () => !!localStorage.getItem('token')
-export default function App(){
-  return (
-    <Routes>
-      <Route path="/" element={isAuthed()?<Navigate to="/chat"/>:<Navigate to="/login"/>} />
-      <Route path="/login" element={<Login/>} />
-      <Route path="/signup" element={<Signup/>} />
-      <Route path="/chat" element={isAuthed()?<Chat/>:<Navigate to="/login"/>} />
-      <Route path="/apikeys" element={isAuthed()?<ApiKeys/>:<Navigate to="/login"/>} />
-      <Route path="/about" element={<About/>} />
-      <Route path="/howto" element={<HowToUse/>} />
-      <Route path="*" element={<NotFound/>} />
-    </Routes>
-  )
-}

app/frontend/src/components/ChatBox.tsx

@@ -1,8 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-const API=(p:string)=>'/api'+p
-type Msg={role:'user'|'assistant',content:string}
-export default function ChatBox(){const [messages,setMessages]=useState<Msg[]>([]);const [text,setText]=useState('');const [mode,setMode]=useState<'file'|'mic'|'video'>('file');const pressTimer=useRef<number|undefined>(undefined);const feedRef=useRef<HTMLDivElement>(null);const token=localStorage.getItem('token')||'';const headers={'Content-Type':'application/json','Authorization':'Bearer '+token};useEffect(()=>{fetch(API('/chat/history'),{headers}).then(r=>r.json()).then((data)=>{setMessages(data.map((m:any)=>({role:m.role,content:m.content})))})},[]);useEffect(()=>{feedRef.current?.scrollTo({top:feedRef.current.scrollHeight})},[messages]);const send=async()=>{if(!text.trim()) return; setMessages(m=>[...m,{role:'user',content:text}]); setText(''); const r=await fetch(API('/chat'),{method:'POST',headers,body:JSON.stringify({message:text})}); const data=await r.json(); setMessages(m=>[...m,{role:'assistant',content:data.reply}])}
-const cycle=()=>setMode(m=> m==='file'?'mic': m==='mic'?'video':'file')
-const onMouseDown=()=>{pressTimer.current=window.setTimeout(cycle,450)}
-const onMouseUp=()=>{if(pressTimer.current){clearTimeout(pressTimer.current); pressTimer.current=undefined}}
-return (<div className="flex flex-col h-full"><div ref={feedRef} className="flex-1 overflow-y-auto p-3 border border-slate-800 rounded-xl bg-slate-900/40 space-y-2">{messages.map((m,i)=>(<div key={i} className={`max-w-[70%] px-3 py-2 rounded-2xl ${m.role==='user'?'self-end bg-blue-600 text-white rounded-br-sm':'self-start bg-slate-800 border border-slate-700 rounded-bl-sm'}`}>{m.content}</div>))}</div><div className="grid grid-cols-[44px_1fr_60px] gap-2 mt-2 items-center"><button onMouseDown={onMouseDown} onMouseUp={onMouseUp} onTouchStart={onMouseDown} onTouchEnd={onMouseUp} onClick={()=>{if(mode==='file'){alert('Upload placeholder')}else if(mode==='mic'){alert('Record audio placeholder')}else{alert('Record video placeholder')}}} className="w-11 h-11 rounded-full border border-slate-700 bg-slate-800">{mode==='file'?'📎':mode==='mic'?'🎤':'📹'}</button><input value={text} onChange={e=>setText((e.target as any).value)} placeholder="Type a message" className="px-3 py-2 rounded-xl border border-slate-700 bg-slate-800 outline-none"/><button onClick={send} className="px-3 py-2 rounded-xl bg-sky-400 text-slate-900 font-semibold">Send</button></div></div>)}

app/frontend/src/components/Loader.tsx

@@ -1 +0,0 @@
-export default function Loader(){return (<div className="fixed inset-0 bg-black/40 flex items-center justify-center z-50"><div className="w-14 h-14 rounded-full border-4 border-white/30 border-t-[color:var(--primary)] animate-spin"/></div>)}

app/frontend/src/components/Onboarding.tsx

@@ -1,2 +0,0 @@
-import { useEffect, useState } from 'react'
-export default function Onboarding(){const [show,setShow]=useState(false);useEffect(()=>{if(localStorage.getItem('first_time')==='1'){setShow(true)}},[]); if(!show) return null; return (<div className="fixed inset-0 z-40"><div className="absolute inset-0 bg-black/40"/><div className="absolute left-64 top-24 p-3 rounded-xl border border-slate-600 bg-slate-800">Tap here to open Chat</div><div className="absolute left-56 top-20 w-12 h-12 rounded-full bg-amber-200 shadow animate-pulse"/><button onClick={()=>{localStorage.removeItem('first_time'); setShow(false)}} className="absolute bottom-6 right-6 px-3 py-2 rounded-xl border border-slate-600 bg-slate-800">Skip</button></div>)}

app/frontend/src/components/Sidebar.tsx

@@ -1,2 +0,0 @@
-import { Link, useLocation } from 'react-router-dom'
-export default function Sidebar(){const { pathname } = useLocation(); const item=(to:string,label:string)=> (<Link to={to} className={`block px-3 py-2 rounded-xl border mb-2 ${pathname===to?'border-sky-400 bg-sky-400/10':'border-slate-700 bg-slate-800/40'}`}>{label}</Link>); return (<aside className="w-64 p-4 border-r border-slate-800 bg-slate-900/60"><div className="font-extrabold tracking-widest text-xl mb-3">CHB</div>{item('/chat','💬 Chat')}{item('/apikeys','🔑 API Keys')}{item('/about','ℹ️ About Us')}{item('/howto','❓ How to Use')}<button onClick={()=>{localStorage.removeItem('token'); location.href='/login'}} className="mt-2 w-full px-3 py-2 rounded-xl border border-red-700 bg-red-900/40">⎋ Logout</button></aside>)}

app/frontend/src/main.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import { BrowserRouter } from 'react-router-dom'
-import App from './App'
-import './styles.css'
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
-  </React.StrictMode>
-)

app/frontend/src/pages/About.tsx

@@ -1,2 +0,0 @@
-import Sidebar from '../components/Sidebar'
-export default function About(){return(<div className="h-screen grid grid-cols-[260px_1fr]"><Sidebar /><main className="p-4"><h2 className="text-xl font-semibold mb-2">About Us</h2><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><p>CHB Multimodal Assistant. Built for chat, uploads, audio/video, and developer APIs.</p></div></main></div>)}

app/frontend/src/pages/ApiKeys.tsx

@@ -1,3 +0,0 @@
-import Sidebar from '../components/Sidebar'
-import { useState } from 'react'
-export default function ApiKeys(){const [gen,setGen]=useState('');const [revokeResult,setRevoke]=useState('');const [list,setList]=useState<any[]>([]);const token=localStorage.getItem('token')||'';const headers={'Authorization':'Bearer '+token,'Content-Type':'application/json'};const API=(p:string)=>'/api'+p;const doGen=async()=>{const r=await fetch(API('/keys/generate'),{method:'POST',headers});setGen(JSON.stringify(await r.json(),null,2))};const doRevoke=async()=>{const key=prompt('Enter key to revoke');if(!key) return;const r=await fetch(API('/keys/revoke'),{method:'POST',headers,body:JSON.stringify({key})});setRevoke(JSON.stringify(await r.json(),null,2))};const doList=async()=>{const r=await fetch(API('/keys'),{headers:{'Authorization':'Bearer '+token}});setList(await r.json())};return(<div className="h-screen grid grid-cols-[260px_1fr]"><Sidebar /><main className="p-4 space-y-3"><header className="flex items-center justify-between"><h2 className="text-xl font-semibold">API Keys</h2></header><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><h3 className="font-semibold mb-1">Guide</h3><ol className="list-decimal pl-5 text-slate-300"><li><b>Generate new key:</b> Creates a fresh key for API access.</li><li><b>Revoke key:</b> Immediately disables a key.</li><li><b>My key details:</b> View your active keys and status.</li></ol></div><div className="grid md:grid-cols-3 gap-3"><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><h3 className="font-semibold mb-2">Generate new key</h3><button onClick={doGen} className="px-3 py-2 rounded-xl bg-sky-400 text-slate-900 font-semibold">Generate</button><pre className="mt-2 text-xs bg-slate-800 p-2 rounded">{gen}</pre></div><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><h3 className="font-semibold mb-2">Revoke key</h3><button onClick={doRevoke} className="px-3 py-2 rounded-xl bg-red-400 text-slate-900 font-semibold">Revoke</button><pre className="mt-2 text-xs bg-slate-800 p-2 rounded">{revokeResult}</pre></div><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><h3 className="font-semibold mb-2">My key details</h3><button onClick={doList} className="px-3 py-2 rounded-xl bg-slate-200/80 text-slate-900 font-semibold">Refresh</button><pre className="mt-2 text-xs bg-slate-800 p-2 rounded">{JSON.stringify(list,null,2)}</pre></div></div></main></div>)}

app/frontend/src/pages/Chat.tsx

@@ -1,4 +0,0 @@
-import Sidebar from '../components/Sidebar'
-import Onboarding from '../components/Onboarding'
-import ChatBox from '../components/ChatBox'
-export default function Chat(){return(<div className="h-screen grid grid-cols-[260px_1fr]"><Sidebar /><main className="p-4"><header className="flex items-center justify-between mb-2"><h2 className="text-xl font-semibold">Chat</h2></header><section className="h-[calc(100vh-80px)]"><ChatBox /></section></main><Onboarding /></div>)}

app/frontend/src/pages/HowToUse.tsx

@@ -1,2 +0,0 @@
-import Sidebar from '../components/Sidebar'
-export default function HowToUse(){return(<div className="h-screen grid grid-cols-[260px_1fr]"><Sidebar /><main className="p-4"><h2 className="text-xl font-semibold mb-2">How to Use</h2><div className="border p-3 rounded-xl border-slate-800 bg-slate-900/40"><ol className="list-decimal pl-5 space-y-1"><li>Sign up or log in (email + password).</li><li>Use Chat to talk to CHB. Long-press the paperclip to switch between upload / voice / video.</li><li>Manage API keys in <b>API Keys</b>.</li></ol></div></main></div>)}

app/frontend/src/pages/Login.tsx

@@ -1,3 +0,0 @@
-import { useState } from 'react'
-import Loader from '../components/Loader'
-export default function Login(){const [email,setEmail]=useState('');const [password,setPassword]=useState('');const [loading,setLoading]=useState(false);const submit=async(e:any)=>{e.preventDefault();setLoading(true);const r=await fetch('/api/auth/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email,password})});const data=await r.json();setLoading(false);if(r.ok){localStorage.setItem('token',data.access_token);location.href='/chat'}else{alert(data.detail||'Login failed')}};return(<div className="min-h-screen flex items-center justify-center p-4 bg-slate-900">{loading&&<Loader/>}<div className="w-full max-w-md border border-slate-800 rounded-2xl p-6 bg-slate-900/60"><h1 className="text-2xl font-bold mb-1 tracking-widest">CHB</h1><p className="text-slate-400 mb-4">Sign in to continue</p><form onSubmit={submit} className="space-y-3"><input value={email} onChange={e=>setEmail((e.target as any).value)} type="email" placeholder="[email protected]" className="w-full px-3 py-2 rounded-xl border border-slate-700 bg-slate-800" required/><input value={password} onChange={e=>setPassword((e.target as any).value)} type="password" placeholder="••••••••" className="w-full px-3 py-2 rounded-xl border border-slate-700 bg-slate-800" required/><button className="w-full px-3 py-2 rounded-xl bg-sky-400 text-slate-900 font-semibold">Log in</button></form><div className="mt-3 text-sm text-slate-400">No account? <a href="/signup" className="text-sky-300">Sign up</a></div></div></div>)}

app/frontend/src/pages/NotFound.tsx

@@ -1 +0,0 @@
-export default function NotFound(){return <div className='min-h-screen grid place-items-center text-slate-200'>Not Found</div>}

app/frontend/src/pages/Signup.tsx

@@ -1,3 +0,0 @@
-import { useState } from 'react'
-import Loader from '../components/Loader'
-export default function Signup(){const [email,setEmail]=useState('');const [password,setPassword]=useState('');const [loading,setLoading]=useState(false);const submit=async(e:any)=>{e.preventDefault();setLoading(true);const r=await fetch('/api/auth/signup',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email,password})});const data=await r.json();setLoading(false);if(r.ok){localStorage.setItem('token',data.access_token);localStorage.setItem('first_time','1');location.href='/chat'}else{alert(data.detail||'Signup failed')}};return(<div className="min-h-screen flex items-center justify-center p-4 bg-slate-900">{loading&&<Loader/>}<div className="w-full max-w-md border border-slate-800 rounded-2xl p-6 bg-slate-900/60"><h1 className="text-2xl font-bold mb-1 tracking-widest">CHB</h1><p className="text-slate-400 mb-4">Create an account</p><form onSubmit={submit} className="space-y-3"><input value={email} onChange={e=>setEmail((e.target as any).value)} type="email" placeholder="[email protected]" className="w-full px-3 py-2 rounded-xl border border-slate-700 bg-slate-800" required/><input value={password} onChange={e=>setPassword((e.target as any).value)} type="password" placeholder="Create a password" className="w-full px-3 py-2 rounded-xl border border-slate-700 bg-slate-800" required/><button className="w-full px-3 py-2 rounded-xl bg-sky-400 text-slate-900 font-semibold">Create account</button></form></div></div>)}

app/frontend/src/styles.css

@@ -1 +0,0 @@
-@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#3ab4f2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1f3047;border-radius:8px}

app/frontend/tailwind.config.js

@@ -1 +0,0 @@
-export default {content:['./index.html','./src/**/*.{ts,tsx}'], theme:{extend:{}}, plugins:[]}

app/frontend/vite.config.js

@@ -1,3 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-export default defineConfig({plugins:[react()], server:{port:5173, proxy:{'/api':'http://localhost:7860'}}, build:{outDir:'dist'}})

app/requirements.txt

@@ -1,10 +0,0 @@
-fastapi==0.111.0
-uvicorn[standard]==0.30.1
-SQLAlchemy==2.0.31
-alembic==1.13.2
-pydantic[email]==2.8.2
-passlib[bcrypt]==1.7.4
-python-jose[cryptography]==3.3.0
-python-dotenv==1.0.1
-jinja2==3.1.4
-python-multipart==0.0.9