feat: complete rewrite of UI/UX for streamlining and pruning

backend/clean_all.py

@@ -1,27 +0,0 @@
-import asyncio
-from src.database import engine
-from sqlalchemy import text
-from src.config import get_settings
-from qdrant_client import QdrantClient
-from qdrant_client.models import Distance, VectorParams
-
-async def main():
-    async with engine.begin() as conn:
-        print('Wiping Postgres...')
-        await conn.execute(text('DROP SCHEMA public CASCADE'))
-        await conn.execute(text('CREATE SCHEMA public'))
-        print('Postgres wiped.')
-
-    import qdrant_client
-    settings = get_settings()
-    try:
-        q = QdrantClient(url=settings.qdrant_url, api_key=settings.qdrant_api_key)
-        q.delete_collection(settings.collection_name)
-        q.create_collection(settings.collection_name, vectors_config=VectorParams(size=384, distance=Distance.COSINE))
-        print('Qdrant wiped and recreated.')
-    except Exception as e:
-        print('Qdrant error:', e)
-
-if __name__ == '__main__':
-    asyncio.run(main())
-

backend/fix_qdrant.py

@@ -1,17 +0,0 @@
-
-from qdrant_client import QdrantClient
-from src.config import get_settings
-
-settings = get_settings()
-q = QdrantClient(url=settings.qdrant_url, api_key=settings.qdrant_api_key)
-
-try:
-    q.create_payload_index(
-        collection_name=settings.collection_name,
-        field_name='session_id',
-        field_schema='keyword'
-    )
-    print('Payload index created successfully!')
-except Exception as e:
-    print('Error creating payload index:', e)
-

backend/fix_qdrant2.py

@@ -1,18 +0,0 @@
-
-from qdrant_client import QdrantClient
-from qdrant_client.models import PayloadSchemaType
-from src.config import get_settings
-
-settings = get_settings()
-q = QdrantClient(url=settings.qdrant_url, api_key=settings.qdrant_api_key)
-
-try:
-    q.create_payload_index(
-        collection_name=settings.collection_name,
-        field_name='years_of_experience',
-        field_schema=PayloadSchemaType.FLOAT
-    )
-    print('Payload index for years_of_experience created successfully!')
-except Exception as e:
-    print('Error creating payload index:', e)
-

backend/fix_qdrant_yoe.py

@@ -1,17 +0,0 @@
-
-from qdrant_client import QdrantClient
-from src.config import get_settings
-
-settings = get_settings()
-q = QdrantClient(url=settings.qdrant_url, api_key=settings.qdrant_api_key)
-
-try:
-    q.create_payload_index(
-        collection_name=settings.collection_name,
-        field_name='years_of_experience',
-        field_schema='integer'
-    )
-    print('Years of Experience index created successfully!')
-except Exception as e:
-    print('Error creating YOE index:', e)
-

backend/test_db.py

@@ -1,8 +0,0 @@
-import asyncio
-from src.database import engine
-
-async def test():
-    async with engine.begin() as conn:
-        await conn.run_sync(lambda *args: print('DB Connection OK'))
-
-asyncio.run(test())

backend/wipe.py

@@ -1,19 +0,0 @@
-import asyncio
-import os
-from sqlalchemy.ext.asyncio import create_async_engine
-from sqlalchemy import text
-from dotenv import load_dotenv
-
-load_dotenv()
-url = os.getenv('DATABASE_URL').replace('postgresql:', 'postgresql+asyncpg:').replace('?sslmode=require', '')
-if '?sslmode=require' not in url and 'ep-patient-brook' in url: pass # handle if needed
-
-async def wipe():
-    engine = create_async_engine(url)
-    async with engine.begin() as conn:
-        await conn.execute(text('DROP SCHEMA public CASCADE; CREATE SCHEMA public;'))
-    print('DB wiped')
-
-if __name__ == '__main__':
-    asyncio.run(wipe())
-

backend/wipe_api.py

@@ -1,22 +0,0 @@
-from fastapi import FastAPI
-from sqlalchemy.ext.asyncio import create_async_engine
-from sqlalchemy import text
-from dotenv import load_dotenv
-import asyncio
-import os
-
-load_dotenv()
-url = os.getenv('DATABASE_URL').replace('postgresql:', 'postgresql+asyncpg:').replace('?sslmode=require&channel_binding=require', '')
-if '?sslmode=' not in url: url += '?ssl=require'
-
-engine = create_async_engine(url)
-
-async def main():
-    async with engine.begin() as conn:
-        print('Wiping...')
-        await conn.execute(text('TRUNCATE table job_descriptions, sessions, candidates, match_results CASCADE;'))
-        print('Wiped tables!')
-
-if __name__ == '__main__':
-    asyncio.run(main())
-

frontend/src/app/jds/[id]/candidates/[cid]/page.tsx

@@ -59,7 +59,7 @@ interface WorkExp {
 export default function CandidateDetailPage() {
   const params = useParams<{ id: string; cid: string }>();
   const searchParams = useSearchParams();
-  const sessionId = searchParams.get("session_id") || undefined;
+  const sessionId = searchParams.get("batch") || undefined;
   const { id: jdId, cid: candidateId } = params;
 
   const [detail, setDetail] = useState<CandidateDetail | null>(null);
@@ -118,9 +118,9 @@ export default function CandidateDetailPage() {
 
   return (
     <div className="max-w-7xl mx-auto px-6 py-10">
-      <Link href={sessionId ? `/sessions/${sessionId}?jd_id=${jdId}` : `/pipeline`}
-        className="text-xs text-[var(--color-dimmer)] hover:text-[var(--color-text)] font-semibold mb-6 inline-block transition-colors">
-        ← Back to {jdInfo.title ?? "Rankings"}
+      <Link href={sessionId ? `/sessions/${sessionId}?jd_id=${jdId}` : `/sessions`}
+        className="text-xs text-[var(--color-dimmer)] hover:text-[var(--color-text)] font-semibold mb-6 inline-block transition-colors uppercase tracking-wider">
+        ← Back to Candidate Batch
       </Link>
 
       <div className="grid grid-cols-[1fr_300px] gap-6 items-start">

frontend/src/app/jds/[id]/page.tsx

@@ -151,7 +151,7 @@ export default function JDDetailPage() {
 
       <div className="bg-[var(--color-card)] border border-[var(--color-border)] rounded-2xl p-5 mb-8 flex gap-3 items-end flex-wrap">
         <div className="flex-1 min-w-[200px]">
-          <label className="text-xs text-[var(--color-muted)] mb-1.5 block">Match Against Session</label>
+          <label className="text-xs text-[var(--color-muted)] mb-1.5 block uppercase font-bold tracking-wider">Select Candidate Batch</label>
           <select
             id="session-select"
             className="w-full bg-[var(--color-surface-2)] border border-[var(--color-border-strong)] rounded-xl px-4 py-2.5 text-sm outline-none focus:border-[var(--color-brand)] transition-all text-[var(--color-text)]"
@@ -200,7 +200,7 @@ export default function JDDetailPage() {
                 {(match.results || []).map((c) => (
                   <Link
                     key={c.candidate_id}
-                    href={`/jds/${jdId}/candidates/${c.candidate_id}${selectedSession ? `?session_id=${selectedSession}` : ""}`}
+                    href={`/jds/${jdId}/candidates/${c.candidate_id}${selectedSession ? `?batch=${selectedSession}` : ""}`}
                     className="flex items-center gap-4 p-4 bg-[var(--color-card)] border border-[var(--color-border)] rounded-xl hover:border-[var(--color-brand)] hover:shadow-[0_0_20px_var(--color-brand-dim)] transition-all group"
                   >
                     <div className={`w-9 h-9 rounded-full flex items-center justify-center text-sm font-bold flex-shrink-0 text-white ${c.rank <= 3 ? "bg-gradient-to-br from-amber-400 to-amber-600" : "bg-[var(--color-surface-2)] !text-[var(--color-muted)]"}`}>

frontend/src/app/page.tsx

@@ -1,5 +1,5 @@
 import { redirect } from 'next/navigation';
 
 export default function Home() {
-  redirect('/pipeline');
+  redirect('/sessions');
 }

frontend/src/app/pipeline/page.tsx

@@ -128,7 +128,7 @@ export default function PipelinePage() {
 
     try {
       // 1. Create Session & JDs parallel
-      const sessionPromise = api.createSession(sessionName, "Generated by Auto-Pipeline");
+      const sessionPromise = api.createSession(sessionName, "Automated Candidate Batch Ingestion");
       const jdPromises = jds.map(jd => api.createJD(jd.title, jd.desc));
 
       const [session, ...createdJDs] = await Promise.all([sessionPromise, ...jdPromises]);
@@ -266,7 +266,7 @@ export default function PipelinePage() {
       {state.status === "idle" ? (
         <div className="bg-[var(--color-card)] border border-[var(--color-border)] rounded-2xl p-8 shadow-xl shadow-black/5">
           <div className="mb-6">
-            <label className="block text-xs font-medium text-[var(--color-muted)] mb-2">Session Name</label>
+            <label className="block text-xs font-bold text-[var(--color-muted)] mb-2 uppercase tracking-wider">Candidate Batch Name</label>
             <input type="text" placeholder="e.g. Q3 Engineering Batch (100k)" 
               className="w-full bg-[var(--color-surface-2)] border border-[var(--color-border-strong)] rounded-xl px-4 py-3 text-sm outline-none focus:border-[var(--color-brand)] transition-all"
               value={sessionName} onChange={e => setSessionName(e.target.value)} />

frontend/src/app/sessions/[id]/page.tsx

@@ -178,9 +178,9 @@ export default function SessionDetailPage({ params }: { params: Promise<{ id: st
       {/* HEADER */}
       <div className="bg-[var(--color-card)] border border-[var(--color-border)] rounded-2xl p-6 mb-6 flex justify-between items-center shadow-sm">
         <div>
-          <Link href="/pipeline" className="text-xs text-[var(--color-dimmer)] hover:text-[var(--color-text)] transition-colors mb-2 inline-block">← Back to Pipeline</Link>
-          <h1 className="text-3xl font-bold tracking-tight">📁 {session.name}</h1>
-          <p className="text-sm text-[var(--color-muted)] mt-1">{session.description || "Generated Session Sandbox"}</p>
+          <Link href="/sessions" className="text-xs text-[var(--color-dimmer)] hover:text-[var(--color-text)] transition-colors mb-2 inline-block uppercase font-bold tracking-wider">← Back to Candidate Pools</Link>
+          <h1 className="text-3xl font-bold tracking-tight text-[var(--color-brand-light)]">🛡️ {session.name}</h1>
+          <p className="text-sm text-[var(--color-muted)] mt-1">{session.description || "Active Candidate Data Pool"}</p>
         </div>
         <div className="text-right">
           <div className="text-3xl font-bold text-[var(--color-brand-light)]">{session.candidate_count.toLocaleString()}</div>
@@ -289,7 +289,7 @@ export default function SessionDetailPage({ params }: { params: Promise<{ id: st
                 {match.results.map((c) => (
                   <Link
                     key={c.candidate_id}
-                    href={`/jds/${selectedJD}/candidates/${c.candidate_id}?session_id=${sessionId}`}
+                    href={`/jds/${selectedJD}/candidates/${c.candidate_id}?batch=${sessionId}`}
                     className="flex items-center justify-between p-4 bg-[var(--color-surface-2)] border border-[var(--color-border)] rounded-xl hover:border-[var(--color-brand-light)] hover:bg-[var(--color-card)] hover:shadow-lg transition-all group"
                   >
                     <div className="flex items-center gap-5">

frontend/src/app/sessions/page.tsx

@@ -44,13 +44,12 @@ export default function SessionsListPage() {
   if (error) return <div className="p-8 text-[var(--color-danger)] text-center font-semibold">Error: {error}</div>;
 
   return (
-    <div className="max-w-7xl mx-auto px-6 py-10">
       <div className="flex items-center justify-between mb-8">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight mb-2">Ingestion Sessions</h1>
-          <p className="text-[var(--color-muted)]">Select an ingestion pool below to interact with its associated candidate vectors.</p>
+          <h1 className="text-3xl font-bold tracking-tight mb-2 text-[var(--color-brand-light)]">Candidate Pools</h1>
+          <p className="text-[var(--color-muted)] text-sm">Select a candidate batch below to interact with its associated semantic vectors.</p>
         </div>
-        <Link href="/pipeline" className="flex items-center gap-2 px-4 py-2.5 bg-[var(--color-surface-2)] border border-[var(--color-border-strong)] hover:border-[var(--color-brand-light)] hover:bg-[var(--color-brand-dim)] transition-all rounded-xl text-sm font-semibold">
+        <Link href="/pipeline" className="flex items-center gap-2 px-5 py-3 bg-[var(--color-brand)] border border-[var(--color-brand-glow)] hover:bg-[var(--color-brand-light)] hover:shadow-[0_0_20px_var(--color-brand-dim)] transition-all rounded-xl text-xs font-bold uppercase tracking-wider text-white">
            <LayoutDashboard className="w-4 h-4" /> Run New Pipeline
         </Link>
       </div>
@@ -92,8 +91,8 @@ export default function SessionsListPage() {
                 </div>
                 
                 <div className="mt-4 pt-4 border-t border-[var(--color-border)]/50 flex justify-between items-center gap-3">
-                   <div className="text-[10px] font-mono text-[var(--color-dimmer)] truncate flex-1">{s.id}</div>
-                   <button onClick={(e) => handleCopy(e, s.id)} className="p-1.5 rounded hover:bg-[var(--color-surface-2)] text-[var(--color-muted)] hover:text-[var(--color-text)] transition-colors">
+                   <div className="text-[10px] uppercase font-bold text-[var(--color-dimmer)] tracking-widest flex-1">Metadata Verified</div>
+                   <button onClick={(e) => handleCopy(e, s.id)} title="Copy Ingestion ID" className="p-1.5 rounded hover:bg-[var(--color-surface-2)] text-[var(--color-dimmer)] hover:text-[var(--color-text)] transition-colors">
                       {copiedId === s.id ? <CheckCircle2 className="w-3.5 h-3.5 text-green-400" /> : <Copy className="w-3.5 h-3.5" />}
                    </button>
                 </div>

supervisord.conf

@@ -9,8 +9,10 @@ command=uvicorn main:app --host 127.0.0.1 --port 8000 --workers 1
 directory=/app/backend
 autostart=true
 autorestart=true
-stdout_logfile=/tmp/backend.log
-stderr_logfile=/tmp/backend_err.log
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
 environment=PYTHONUNBUFFERED="1"
 
 [program:frontend]
@@ -18,8 +20,10 @@ command=node server.js
 directory=/app/frontend
 autostart=true
 autorestart=true
-stdout_logfile=/tmp/frontend.log
-stderr_logfile=/tmp/frontend_err.log
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
 environment=NODE_ENV="production",PORT="3000",HOSTNAME="127.0.0.1"
 
 [program:worker]
@@ -27,13 +31,17 @@ command=celery -A src.workers.celery_app.celery_app worker --loglevel=info --con
 directory=/app/backend
 autostart=true
 autorestart=true
-stdout_logfile=/tmp/worker.log
-stderr_logfile=/tmp/worker_err.log
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0
 environment=PYTHONUNBUFFERED="1"
 
 [program:nginx]
 command=nginx -c /app/nginx.conf -g "daemon off;"
 autostart=true
 autorestart=true
-stdout_logfile=/tmp/nginx.log
-stderr_logfile=/tmp/nginx_err.log
+stdout_logfile=/dev/stdout
+stdout_logfile_maxbytes=0
+stderr_logfile=/dev/stderr
+stderr_logfile_maxbytes=0