From 3733e99ba8c5d3c8dc18a2c86e55afe6ef253fdc Mon Sep 17 00:00:00 2001
From: Andre Padez <andre.padez@gmail.com>
Date: Tue, 17 Feb 2026 20:37:40 +0000
Subject: [PATCH] harness uniformization

---
 .../Screens/Dashboard/Chat/ChatPanel.tsx      |  18 +-
 .../Screens/Dashboard/Chat/useClaude.ts       |   8 +-
 .../Screens/Dashboard/Chat/useOpenCode.ts     |   6 +-
 .../Screens/Dashboard/ChatHistory/Screen.tsx  |  21 +-
 .../Screens/Dashboard/ChatHistory/Widget.tsx  |  19 +-
 .../officer-web/state/useChatSessions.ts}     |  31 +-
 src/apps/officer-web/state/useInitialData.ts  |   4 +-
 .../officer-web/state}/useSlashCommands.ts    |   6 +-
 src/server.tsx                                |   3 +-
 src/servers/api/claude/sessions.ts            |  96 +------
 src/servers/api/opencode/sessions.ts          | 122 +-------
 src/servers/api/opencode/websocket.ts         |  10 +-
 src/servers/api/sessions/sessions.ts          | 268 ++++++++++++++++++
 src/servers/data-path.ts                      |   5 +
 src/servers/hono.ts                           |  36 +--
 src/workspaces/widgets/ChatHistory/index.ts   |   3 -
 .../ChatHistory/useOpenCodeSessions.ts        |  38 ---
 17 files changed, 338 insertions(+), 356 deletions(-)
 rename src/{workspaces/widgets/ChatHistory/useSessions.ts => apps/officer-web/state/useChatSessions.ts} (56%)
 rename src/{workspaces/widgets/ChatHistory => apps/officer-web/state}/useSlashCommands.ts (82%)
 create mode 100644 src/servers/api/sessions/sessions.ts
 delete mode 100644 src/workspaces/widgets/ChatHistory/useOpenCodeSessions.ts

diff --git a/src/apps/officer-web/Screens/Dashboard/Chat/ChatPanel.tsx b/src/apps/officer-web/Screens/Dashboard/Chat/ChatPanel.tsx
index f5368a94..cebaeac7 100644
--- a/src/apps/officer-web/Screens/Dashboard/Chat/ChatPanel.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/Chat/ChatPanel.tsx
@@ -1,6 +1,8 @@
 import { useRef, useEffect, useState } from 'react';
 import { useNavigate, useLocation } from 'react-router';
-import { useSessions, useOpenCodeSessions, useSlashCommands, SessionBar } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
+import { useSlashCommands } from '@/state/useSlashCommands';
+import { SessionBar } from 'widgets/ChatHistory';
 import type { ModelOption } from '@/state/useModels';
 import type { useClaude } from './useClaude';
 import { EmbeddableChat, type Attachment } from './EmbeddableChat';
@@ -24,13 +26,7 @@ export const ChatPanel = ({ chat, provider = 'claude', availableModels = [], onP
   const [fullscreen, setFullscreen] = useState(false);
   const initialSentRef = useRef(false);
 
-  const claudeSessions = useSessions();
-  const opencodeSessions = useOpenCodeSessions();
-  const { archiveSession, deleteSession } =
-    provider === 'claude'
-      ? claudeSessions
-      : { archiveSession: undefined, deleteSession: opencodeSessions.deleteSession };
-  const sessions = provider === 'claude' ? claudeSessions.sessions : opencodeSessions.sessions;
+  const { sessions, archiveSession, deleteSession } = useChatSessions();
   const slashCommands = useSlashCommands({ sessionId });
   const sessionTitle = sessionId ? sessions.find((s) => s.id === sessionId)?.title : undefined;
   const listPath = '/chat';
@@ -89,16 +85,16 @@ export const ChatPanel = ({ chat, provider = 'claude', availableModels = [], onP
         isGenerating={isGenerating}
         fullscreen={fullscreen}
         onArchive={
-          archiveSession && sessionId
+          provider === 'claude' && sessionId
             ? async () => {
-                await archiveSession(sessionId);
+                await archiveSession(provider, sessionId);
                 navigate(listPath);
               }
             : undefined
         }
         onDelete={async () => {
           if (!sessionId) return;
-          await deleteSession(sessionId);
+          await deleteSession(provider, sessionId);
           navigate(listPath);
         }}
         onToggleFullscreen={() => setFullscreen((f) => !f)}
diff --git a/src/apps/officer-web/Screens/Dashboard/Chat/useClaude.ts b/src/apps/officer-web/Screens/Dashboard/Chat/useClaude.ts
index 6f5fd439..1744d671 100644
--- a/src/apps/officer-web/Screens/Dashboard/Chat/useClaude.ts
+++ b/src/apps/officer-web/Screens/Dashboard/Chat/useClaude.ts
@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from 'react';
 import { useChatWebSocket } from 'hooks/useChatWebSocket';
-import { useSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 import type { ChatMessage, ServerMessage, TaskInfo } from 'widgets/Chat';
 
 const SAVE_DEBOUNCE_MS = 1000;
@@ -31,7 +31,7 @@ export const useClaude = (initialSessionId?: string, initialModel?: string | nul
   const sessionIdRef = useRef<string | null>(initialSessionId ?? null);
   const saveTimerRef = useRef<number | null>(null);
 
-  const { getMessages, saveMessages } = useSessions();
+  const { getMessages, saveMessages } = useChatSessions();
 
   const token = localStorage.getItem('BEARER_TOKEN');
   const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
@@ -137,7 +137,7 @@ export const useClaude = (initialSessionId?: string, initialModel?: string | nul
       return;
     }
     if (!initialSessionId) return;
-    getMessages(initialSessionId)
+    getMessages('claude', initialSessionId)
       .then((data) => {
         if (Array.isArray(data) && data.length > 0) setMessages(data);
       })
@@ -156,7 +156,7 @@ export const useClaude = (initialSessionId?: string, initialModel?: string | nul
       if (storage) {
         storage.save(sid, snapshot).catch(() => {});
       } else {
-        saveMessages(sid, snapshot).catch(() => {});
+        saveMessages('claude', sid, snapshot).catch(() => {});
       }
       saveTimerRef.current = null;
     }, SAVE_DEBOUNCE_MS);
diff --git a/src/apps/officer-web/Screens/Dashboard/Chat/useOpenCode.ts b/src/apps/officer-web/Screens/Dashboard/Chat/useOpenCode.ts
index 22d3d607..8b398912 100644
--- a/src/apps/officer-web/Screens/Dashboard/Chat/useOpenCode.ts
+++ b/src/apps/officer-web/Screens/Dashboard/Chat/useOpenCode.ts
@@ -2,7 +2,7 @@ import { useState, useEffect, useRef } from 'react';
 import { useChatWebSocket } from 'hooks/useChatWebSocket';
 import { useSettings } from '@/state/useSettings';
 import { useVisibleOpenCodeModels } from '@/state/useModels';
-import { useOpenCodeSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 import type { ChatMessage, ServerMessage, TaskInfo } from 'widgets/Chat';
 
 type UseOpenCodeOptions = {
@@ -29,7 +29,7 @@ export const useOpenCode = (initialSessionId?: string, initialModel?: string | n
     setSelectedModel(value);
   };
 
-  const { getMessages } = useOpenCodeSessions();
+  const { getMessages } = useChatSessions();
   const { settings } = useSettings();
   const openCodeModels = useVisibleOpenCodeModels();
 
@@ -144,7 +144,7 @@ export const useOpenCode = (initialSessionId?: string, initialModel?: string | n
   // Load messages from OpenCode on mount when resuming a session
   useEffect(() => {
     if (!initialSessionId) return;
-    getMessages(initialSessionId)
+    getMessages('opencode', initialSessionId)
       .then((data) => {
         if (Array.isArray(data) && data.length > 0) setMessages(data);
       })
diff --git a/src/apps/officer-web/Screens/Dashboard/ChatHistory/Screen.tsx b/src/apps/officer-web/Screens/Dashboard/ChatHistory/Screen.tsx
index 2f40e34a..9a54d2c7 100644
--- a/src/apps/officer-web/Screens/Dashboard/ChatHistory/Screen.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/ChatHistory/Screen.tsx
@@ -1,28 +1,17 @@
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 import { Link } from 'react-router';
 import { Plus, MessageSquare, Trash2 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Card } from '@/components/Card';
-import { useSessions, useOpenCodeSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 
 type Filter = 'all' | 'claude' | 'opencode';
 
 export const SessionList = () => {
   const [filter, setFilter] = useState<Filter>('all');
-  const claude = useSessions();
-  const opencode = useOpenCodeSessions();
+  const { sessions, deleteSession } = useChatSessions();
 
-  const merged = useMemo(
-    () => [...claude.sessions, ...opencode.sessions].sort((a, b) => b.createdAt - a.createdAt),
-    [claude.sessions, opencode.sessions],
-  );
-
-  const filtered = filter === 'all' ? merged : merged.filter((s) => s.provider === filter);
-
-  const handleDelete = (id: string, provider: 'claude' | 'opencode') => {
-    if (provider === 'claude') claude.deleteSession(id);
-    else opencode.deleteSession(id);
-  };
+  const filtered = filter === 'all' ? sessions : sessions.filter((s) => s.provider === filter);
 
   return (
     <div className="flex flex-col h-full items-center p-4 md:p-6">
@@ -90,7 +79,7 @@ export const SessionList = () => {
                 </div>
               </Link>
               <button
-                onClick={() => handleDelete(session.id, session.provider)}
+                onClick={() => deleteSession(session.provider, session.id)}
                 className="shrink-0 p-2 mr-2 text-duck-dark/20 hover:text-red-500 md:opacity-0 md:group-hover:opacity-100 transition-opacity cursor-pointer"
               >
                 <Trash2 className="h-4 w-4" />
diff --git a/src/apps/officer-web/Screens/Dashboard/ChatHistory/Widget.tsx b/src/apps/officer-web/Screens/Dashboard/ChatHistory/Widget.tsx
index 9e9745c1..a96ee8cb 100644
--- a/src/apps/officer-web/Screens/Dashboard/ChatHistory/Widget.tsx
+++ b/src/apps/officer-web/Screens/Dashboard/ChatHistory/Widget.tsx
@@ -1,25 +1,12 @@
-import { useMemo } from 'react';
 import { Link } from 'react-router';
 import { MessageSquare, Trash2, ChevronDown, ChevronUp } from 'lucide-react';
 import { Card } from '@/components/Card';
-import { useSessions } from 'widgets/ChatHistory';
-import { useOpenCodeSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 import { useUserState } from '@/state/useUserState';
 
 export const ChatHistory = () => {
   const [collapsed, setCollapsed] = useUserState('widget:chatHistory:collapsed', true);
-  const claude = useSessions();
-  const opencode = useOpenCodeSessions();
-
-  const sessions = useMemo(
-    () => [...claude.sessions, ...opencode.sessions].sort((a, b) => b.createdAt - a.createdAt),
-    [claude.sessions, opencode.sessions],
-  );
-
-  const handleDelete = (id: string, provider: 'claude' | 'opencode') => {
-    if (provider === 'claude') claude.deleteSession(id);
-    else opencode.deleteSession(id);
-  };
+  const { sessions, deleteSession } = useChatSessions();
 
   return (
     <div className="w-full">
@@ -72,7 +59,7 @@ export const ChatHistory = () => {
                         </div>
                       </Link>
                       <button
-                        onClick={() => handleDelete(session.id, session.provider)}
+                        onClick={() => deleteSession(session.provider, session.id)}
                         className="shrink-0 p-1 rounded text-duck-dark/20 md:opacity-0 md:group-hover:opacity-100 hover:text-red-500 transition-opacity cursor-pointer"
                       >
                         <Trash2 className="h-3.5 w-3.5" />
diff --git a/src/workspaces/widgets/ChatHistory/useSessions.ts b/src/apps/officer-web/state/useChatSessions.ts
similarity index 56%
rename from src/workspaces/widgets/ChatHistory/useSessions.ts
rename to src/apps/officer-web/state/useChatSessions.ts
index 922ecdce..dd901b2d 100644
--- a/src/workspaces/widgets/ChatHistory/useSessions.ts
+++ b/src/apps/officer-web/state/useChatSessions.ts
@@ -4,31 +4,34 @@ import { useAuth } from 'hooks/useAuth';
 import { useClient } from 'hooks/useClient';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 
-export const useSessions = () => {
-  type RawSessionEntry = Omit<SessionEntry, 'provider'>;
+export const useChatSessions = () => {
   const client = useClient();
   const queryClient = useQueryClient();
   const { isAuthenticated } = useAuth();
 
-  const { data: sessions = [] } = useQuery<RawSessionEntry[], Error, SessionEntry[]>({
+  const { data: sessions = [] } = useQuery<SessionEntry[]>({
     queryKey: ['SESSIONS'],
     enabled: isAuthenticated,
-    queryFn: () => client.get<RawSessionEntry[]>('/sessions'),
-    select: (data) => data.map((s) => ({ ...s, provider: 'claude' as const })),
+    queryFn: () => client.get<SessionEntry[]>('/sessions'),
   });
 
-  const getMessages = (sessionId: string) => client.get<ChatMessage[]>(`/sessions/${sessionId}/messages`);
+  const getMessages = (provider: 'claude' | 'opencode', sessionId: string) =>
+    client.get<ChatMessage[]>(`/sessions/${provider}/${sessionId}/messages`);
 
-  const saveMessages = (sessionId: string, messages: ChatMessage[]) =>
-    client.put(`/sessions/${sessionId}/messages`, messages);
+  const saveMessages = (provider: 'claude' | 'opencode', sessionId: string, messages: ChatMessage[]) =>
+    client.put(`/sessions/${provider}/${sessionId}/messages`, messages);
 
-  const renameSession = async (sessionId: string | null, args: string): Promise<SlashCommandResult> => {
+  const renameSession = async (
+    provider: 'claude' | 'opencode',
+    sessionId: string | null,
+    args: string,
+  ): Promise<SlashCommandResult> => {
     if (!args) return { handled: true, feedback: 'Usage: /rename <new title>' };
     if (!sessionId) return { handled: true, feedback: 'No active session to rename.' };
 
     const title = args.slice(0, 200);
     try {
-      await client.put(`/sessions/${sessionId}`, { title });
+      await client.put(`/sessions/${provider}/${sessionId}`, { title });
       queryClient.setQueryData<SessionEntry[]>(
         ['SESSIONS'],
         (prev) => prev?.map((s) => (s.id === sessionId ? { ...s, title } : s)) ?? [],
@@ -39,13 +42,13 @@ export const useSessions = () => {
     }
   };
 
-  const archiveSession = async (sessionId: string) => {
-    await client.post(`/sessions/${sessionId}/archive`);
+  const archiveSession = async (provider: 'claude' | 'opencode', sessionId: string) => {
+    await client.post(`/sessions/${provider}/${sessionId}/archive`);
     queryClient.setQueryData<SessionEntry[]>(['SESSIONS'], (prev) => prev?.filter((s) => s.id !== sessionId) ?? []);
   };
 
-  const deleteSession = async (sessionId: string) => {
-    await client.delete(`/sessions/${sessionId}`);
+  const deleteSession = async (provider: 'claude' | 'opencode', sessionId: string) => {
+    await client.delete(`/sessions/${provider}/${sessionId}`);
     queryClient.setQueryData<SessionEntry[]>(['SESSIONS'], (prev) => prev?.filter((s) => s.id !== sessionId) ?? []);
   };
 
diff --git a/src/apps/officer-web/state/useInitialData.ts b/src/apps/officer-web/state/useInitialData.ts
index f1f17cc0..84a7fcbb 100644
--- a/src/apps/officer-web/state/useInitialData.ts
+++ b/src/apps/officer-web/state/useInitialData.ts
@@ -1,10 +1,10 @@
-import { useSessions } from 'widgets/ChatHistory';
+import { useChatSessions } from '@/state/useChatSessions';
 import { usePlans } from './usePlans';
 import { useSettings } from './useSettings';
 import { useThemeSync } from './useThemeSync';
 
 export const useInitialData = () => {
-  const { sessions } = useSessions();
+  const { sessions } = useChatSessions();
   const { plans } = usePlans();
   const { settings } = useSettings();
   useThemeSync();
diff --git a/src/workspaces/widgets/ChatHistory/useSlashCommands.ts b/src/apps/officer-web/state/useSlashCommands.ts
similarity index 82%
rename from src/workspaces/widgets/ChatHistory/useSlashCommands.ts
rename to src/apps/officer-web/state/useSlashCommands.ts
index a6b195b0..8906e839 100644
--- a/src/workspaces/widgets/ChatHistory/useSlashCommands.ts
+++ b/src/apps/officer-web/state/useSlashCommands.ts
@@ -1,4 +1,4 @@
-import { useSessions } from './useSessions';
+import { useChatSessions } from '@/state/useChatSessions';
 
 export type SlashCommandResult = { handled: true; feedback: string } | { handled: false };
 
@@ -7,7 +7,7 @@ type UseSlashCommandsParams = {
 };
 
 export const useSlashCommands = ({ sessionId }: UseSlashCommandsParams) => {
-  const { renameSession } = useSessions();
+  const { renameSession } = useChatSessions();
 
   const execute = async (input: string): Promise<SlashCommandResult> => {
     const trimmed = input.trim();
@@ -19,7 +19,7 @@ export const useSlashCommands = ({ sessionId }: UseSlashCommandsParams) => {
 
     switch (command) {
       case 'rename':
-        return renameSession(sessionId, args);
+        return renameSession('claude', sessionId, args);
       default:
         return { handled: false };
     }
diff --git a/src/server.tsx b/src/server.tsx
index eb01da61..79cda01e 100644
--- a/src/server.tsx
+++ b/src/server.tsx
@@ -2,7 +2,7 @@ import './servers/bootstrap';
 import type { ServerWebSocket } from 'bun';
 import { serve } from 'bun';
 import { eq } from 'drizzle-orm';
-import { honoServer, loadPlugins } from './servers/hono';
+import { honoServer } from './servers/hono';
 import { verify } from './servers/jwt';
 import { officerdb, TokenBlacklist } from 'officerdb';
 import { claudeWebsocket } from './servers/api/claude/websocket';
@@ -11,7 +11,6 @@ import { terminalWebsocket } from './servers/api/terminal/websocket';
 import officerWeb from './apps/officer-web/index.html';
 
 const { PORT = '5000' } = process.env;
-await loadPlugins();
 
 type WSData = { userId: number; email: string; provider: 'claude' | 'opencode' | 'terminal' };
 
diff --git a/src/servers/api/claude/sessions.ts b/src/servers/api/claude/sessions.ts
index a2f7ab59..dfe73a52 100644
--- a/src/servers/api/claude/sessions.ts
+++ b/src/servers/api/claude/sessions.ts
@@ -1,12 +1,9 @@
 import { Hono } from 'hono';
-import { mkdir, readdir, rename, rm } from 'node:fs/promises';
-import { join } from 'node:path';
-import { getClaudeDir, getSessionDir, getArchivedSessionDir } from '@@/data-path';
 import type { HonoVariables } from '@@/create-router';
 
-export const sessionsRouter = new Hono<{ Variables: HonoVariables }>();
+export const claudeModelsRouter = new Hono<{ Variables: HonoVariables }>();
 
-sessionsRouter.get('/claude/models', async (ctx) => {
+claudeModelsRouter.get('/claude/models', async (ctx) => {
   const apiKey = process.env.ANTHROPIC_API_KEY;
   if (!apiKey) return ctx.json([]);
 
@@ -23,92 +20,3 @@ sessionsRouter.get('/claude/models', async (ctx) => {
     return ctx.json([]);
   }
 });
-
-sessionsRouter.get('/sessions', async (ctx) => {
-  const { email } = ctx.get('user');
-  const dir = getClaudeDir(email);
-
-  try {
-    const entries = await readdir(dir);
-    const sessions = await Promise.all(
-      entries
-        .filter((name) => name !== 'archived')
-        .map(async (id) => {
-          try {
-            const metaFile = Bun.file(join(dir, id, 'meta.json'));
-            if (!(await metaFile.exists())) return null;
-            return await metaFile.json();
-          } catch {
-            return null;
-          }
-        }),
-    );
-
-    const valid = sessions.filter(Boolean);
-    valid.sort((a: any, b: any) => b.createdAt - a.createdAt);
-    return ctx.json(valid);
-  } catch {
-    return ctx.json([]);
-  }
-});
-
-sessionsRouter.get('/sessions/:id/messages', async (ctx) => {
-  const { email } = ctx.get('user');
-  const id = ctx.req.param('id');
-  const file = Bun.file(join(getSessionDir(email, id), 'messages.json'));
-
-  if (!(await file.exists())) return ctx.json([]);
-  const messages = await file.json();
-  return ctx.json(messages);
-});
-
-sessionsRouter.put('/sessions/:id/messages', async (ctx) => {
-  const { email } = ctx.get('user');
-  const id = ctx.req.param('id');
-  const messages = ctx.get('body');
-  const dir = getSessionDir(email, id);
-
-  await Bun.write(join(dir, 'messages.json'), JSON.stringify(messages));
-  return ctx.json({ ok: true });
-});
-
-sessionsRouter.put('/sessions/:id', async (ctx) => {
-  const { email } = ctx.get('user');
-  const id = ctx.req.param('id');
-  const body = ctx.get('body') as { title?: string };
-  if (!body?.title || typeof body.title !== 'string') return ctx.json({ error: 'title required' }, 400);
-
-  const dir = getSessionDir(email, id);
-  const metaFile = Bun.file(join(dir, 'meta.json'));
-
-  if (!(await metaFile.exists())) return ctx.json({ error: 'session not found' }, 404);
-
-  const meta = await metaFile.json();
-  meta.title = body.title.slice(0, 200);
-  await Bun.write(join(dir, 'meta.json'), JSON.stringify(meta));
-  return ctx.json({ ok: true });
-});
-
-sessionsRouter.delete('/sessions/:id', async (ctx) => {
-  const { email } = ctx.get('user');
-  const id = ctx.req.param('id');
-  const dir = getSessionDir(email, id);
-
-  try {
-    await rm(dir, { recursive: true });
-  } catch {
-    // dir may not exist
-  }
-  return ctx.json({ ok: true });
-});
-
-sessionsRouter.post('/sessions/:id/archive', async (ctx) => {
-  const { email } = ctx.get('user');
-  const id = ctx.req.param('id');
-  const src = getSessionDir(email, id);
-  const dest = getArchivedSessionDir(email, id);
-
-  await mkdir(join(getClaudeDir(email), 'archived'), { recursive: true });
-  await rename(src, dest);
-  return ctx.json({ ok: true });
-});
diff --git a/src/servers/api/opencode/sessions.ts b/src/servers/api/opencode/sessions.ts
index 4eb41024..a184b8d9 100644
--- a/src/servers/api/opencode/sessions.ts
+++ b/src/servers/api/opencode/sessions.ts
@@ -4,10 +4,9 @@ import type { HonoVariables } from '@@/create-router';
 const OPENCODE_PORT = process.env.OPENCODE_PORT ?? '10006';
 const BASE = `http://localhost:${OPENCODE_PORT}`;
 
-export const opencodeSessionsRouter = new Hono<{ Variables: HonoVariables }>();
+export const opencodeModelsRouter = new Hono<{ Variables: HonoVariables }>();
 
-// List all active models from OpenCode — visibility filtering is handled client-side
-opencodeSessionsRouter.get('/models', async (ctx) => {
+opencodeModelsRouter.get('/opencode/models', async (ctx) => {
   try {
     const res = await fetch(`${BASE}/provider`);
     if (!res.ok) return ctx.json([]);
@@ -34,120 +33,3 @@ opencodeSessionsRouter.get('/models', async (ctx) => {
     return ctx.json([]);
   }
 });
-
-// List sessions — proxy to OpenCode API (SQLite-backed)
-opencodeSessionsRouter.get('/sessions', async (ctx) => {
-  try {
-    const res = await fetch(`${BASE}/session`);
-    if (!res.ok) return ctx.json([]);
-    const data = (await res.json()) as any[];
-    const sessions = data.map((s: any) => ({
-      id: s.id,
-      title: s.title ?? 'Untitled',
-      createdAt: s.time?.created ?? 0,
-    }));
-    sessions.sort((a: any, b: any) => b.createdAt - a.createdAt);
-    return ctx.json(sessions);
-  } catch {
-    return ctx.json([]);
-  }
-});
-
-// Get session messages — proxy to OpenCode
-opencodeSessionsRouter.get('/sessions/:id/messages', async (ctx) => {
-  const id = ctx.req.param('id');
-  try {
-    const res = await fetch(`${BASE}/session/${id}/message`);
-    if (!res.ok) return ctx.json([]);
-
-    const data = (await res.json()) as any[];
-    const messages = Array.isArray(data) ? data : Object.values(data);
-
-    const chatMessages: any[] = [];
-    for (const msg of messages) {
-      const role = msg.info?.role ?? msg.role;
-      if (role === 'user') {
-        const text = Array.isArray(msg.parts)
-          ? msg.parts
-              .filter((p: any) => p.type === 'text')
-              .map((p: any) => p.text ?? p.content ?? '')
-              .join('')
-          : typeof msg.content === 'string'
-            ? msg.content
-            : '';
-        if (text) chatMessages.push({ role: 'user', text });
-      } else if (role === 'assistant') {
-        if (Array.isArray(msg.parts)) {
-          for (const part of msg.parts) {
-            if (part.type === 'text' && (part.text || part.content)) {
-              chatMessages.push({ role: 'assistant', text: part.text ?? part.content ?? '' });
-            } else if (part.type === 'tool') {
-              chatMessages.push({
-                role: 'tool',
-                toolName: part.tool ?? 'unknown',
-                toolInput: part.state?.input ?? {},
-                toolUseId: part.callID ?? part.id ?? '',
-                output:
-                  part.state?.output != null
-                    ? typeof part.state.output === 'string'
-                      ? part.state.output
-                      : JSON.stringify(part.state.output)
-                    : undefined,
-                isError: part.state?.status === 'error',
-              });
-            } else if (part.type === 'tool-invocation') {
-              const inv = part.toolInvocation ?? part;
-              chatMessages.push({
-                role: 'tool',
-                toolName: inv.toolName ?? 'unknown',
-                toolInput: inv.args ?? {},
-                toolUseId: inv.toolCallId ?? part.id ?? '',
-                output:
-                  inv.result != null
-                    ? typeof inv.result === 'string'
-                      ? inv.result
-                      : JSON.stringify(inv.result)
-                    : undefined,
-                isError: !!part.isError,
-              });
-            }
-          }
-        }
-      }
-    }
-
-    return ctx.json(chatMessages);
-  } catch {
-    return ctx.json([]);
-  }
-});
-
-// Rename session — proxy to OpenCode API
-opencodeSessionsRouter.put('/sessions/:id', async (ctx) => {
-  const id = ctx.req.param('id');
-  const body = ctx.get('body') as { title?: string };
-  if (!body?.title || typeof body.title !== 'string') return ctx.json({ error: 'title required' }, 400);
-
-  try {
-    const res = await fetch(`${BASE}/session/${id}`, {
-      method: 'PATCH',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ title: body.title.slice(0, 200) }),
-    });
-    if (!res.ok) return ctx.json({ error: 'failed to rename' }, 500);
-    return ctx.json({ ok: true });
-  } catch {
-    return ctx.json({ error: 'failed to rename' }, 500);
-  }
-});
-
-// Delete session — proxy to OpenCode API
-opencodeSessionsRouter.delete('/sessions/:id', async (ctx) => {
-  const id = ctx.req.param('id');
-  try {
-    await fetch(`${BASE}/session/${id}`, { method: 'DELETE' });
-  } catch {
-    // best-effort
-  }
-  return ctx.json({ ok: true });
-});
diff --git a/src/servers/api/opencode/websocket.ts b/src/servers/api/opencode/websocket.ts
index 6ab9e3ac..48db2175 100644
--- a/src/servers/api/opencode/websocket.ts
+++ b/src/servers/api/opencode/websocket.ts
@@ -2,7 +2,7 @@ import type { ServerWebSocket } from 'bun';
 import { mkdir, rename } from 'node:fs/promises';
 import { join } from 'node:path';
 import type { ClientMessage, ServerMessage, ImageData, TaskInfo } from '@@/api/chat-types';
-import { getTmpAttachmentsDir, getAttachmentsDir, getNativeSkillsDir, getGlobalSkillsDir, getUserSkillsDir } from '@@/data-path';
+import { getTmpAttachmentsDir, getAttachmentsDir, getOpencodeSessionDir, getNativeSkillsDir, getGlobalSkillsDir, getUserSkillsDir } from '@@/data-path';
 import { readSkillDirs, parseFrontmatter } from '@@/api/skills/skills';
 import { createTaskLog, appendToLog, finalizeLog } from '@@/api/task-logger';
 
@@ -377,6 +377,14 @@ async function handleChat({ ws, prompt, sessionId, model, attachmentIds, images,
       state.sessionId = sid;
       send(ws, { type: 'session:init', sessionId: sid, model: session.model ?? 'opencode' });
 
+      // Write meta.json for filesystem-backed session listing
+      const metaDir = getOpencodeSessionDir(ws.data.email, sid);
+      const title = prompt.slice(0, 80) || 'New chat';
+      const meta = { id: sid, title, createdAt: Date.now(), model: session.model ?? 'opencode' };
+      mkdir(metaDir, { recursive: true })
+        .then(() => Bun.write(join(metaDir, 'meta.json'), JSON.stringify(meta)))
+        .catch(() => {});
+
       // Move tmp attachments to session dir
       if (state.pendingAttachmentIds.length > 0) {
         const tmpDir = getTmpAttachmentsDir(ws.data.email);
diff --git a/src/servers/api/sessions/sessions.ts b/src/servers/api/sessions/sessions.ts
new file mode 100644
index 00000000..e50779e9
--- /dev/null
+++ b/src/servers/api/sessions/sessions.ts
@@ -0,0 +1,268 @@
+import { Hono } from 'hono';
+import { mkdir, readdir, rename, rm } from 'node:fs/promises';
+import { join } from 'node:path';
+import { getClaudeDir, getSessionDir, getArchivedSessionDir, getOpencodeDir, getOpencodeSessionDir } from '@@/data-path';
+import type { HonoVariables } from '@@/create-router';
+
+const OPENCODE_PORT = process.env.OPENCODE_PORT ?? '10006';
+const OPENCODE_BASE = `http://localhost:${OPENCODE_PORT}`;
+
+export const sessionsRouter = new Hono<{ Variables: HonoVariables }>();
+
+// --- List all sessions (merged from both providers) ---
+
+sessionsRouter.get('/sessions', async (ctx) => {
+  const { email } = ctx.get('user');
+
+  const [claudeSessions, opencodeSessions] = await Promise.all([fetchClaudeSessions(email), fetchOpencodeSessions(email)]);
+
+  const merged = [...claudeSessions, ...opencodeSessions].sort((a, b) => b.createdAt - a.createdAt);
+  return ctx.json(merged);
+});
+
+// --- Messages ---
+
+sessionsRouter.get('/sessions/:provider/:id/messages', async (ctx) => {
+  const { email } = ctx.get('user');
+  const provider = ctx.req.param('provider');
+  const id = ctx.req.param('id');
+
+  if (provider === 'claude') {
+    const file = Bun.file(join(getSessionDir(email, id), 'messages.json'));
+    if (!(await file.exists())) return ctx.json([]);
+    return ctx.json(await file.json());
+  }
+
+  if (provider === 'opencode') {
+    return ctx.json(await fetchOpencodeMessages(id));
+  }
+
+  return ctx.json({ error: 'invalid provider' }, 400);
+});
+
+sessionsRouter.put('/sessions/:provider/:id/messages', async (ctx) => {
+  const { email } = ctx.get('user');
+  const provider = ctx.req.param('provider');
+  const id = ctx.req.param('id');
+
+  if (provider === 'opencode') return ctx.json({ error: 'opencode sessions are read-only' }, 400);
+  if (provider !== 'claude') return ctx.json({ error: 'invalid provider' }, 400);
+
+  const messages = ctx.get('body');
+  const dir = getSessionDir(email, id);
+  await Bun.write(join(dir, 'messages.json'), JSON.stringify(messages));
+  return ctx.json({ ok: true });
+});
+
+// --- Rename ---
+
+sessionsRouter.put('/sessions/:provider/:id', async (ctx) => {
+  const { email } = ctx.get('user');
+  const provider = ctx.req.param('provider');
+  const id = ctx.req.param('id');
+  const body = ctx.get('body') as { title?: string };
+
+  if (!body?.title || typeof body.title !== 'string') return ctx.json({ error: 'title required' }, 400);
+
+  if (provider === 'claude') {
+    const dir = getSessionDir(email, id);
+    const metaFile = Bun.file(join(dir, 'meta.json'));
+    if (!(await metaFile.exists())) return ctx.json({ error: 'session not found' }, 404);
+    const meta = await metaFile.json();
+    meta.title = body.title.slice(0, 200);
+    await Bun.write(join(dir, 'meta.json'), JSON.stringify(meta));
+    return ctx.json({ ok: true });
+  }
+
+  if (provider === 'opencode') {
+    const dir = getOpencodeSessionDir(email, id);
+    const metaFile = Bun.file(join(dir, 'meta.json'));
+    if (!(await metaFile.exists())) return ctx.json({ error: 'session not found' }, 404);
+    const meta = await metaFile.json();
+    meta.title = body.title.slice(0, 200);
+    await Bun.write(join(dir, 'meta.json'), JSON.stringify(meta));
+
+    // Best-effort sync to OpenCode API
+    fetch(`${OPENCODE_BASE}/session/${id}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ title: meta.title }),
+    }).catch(() => {});
+
+    return ctx.json({ ok: true });
+  }
+
+  return ctx.json({ error: 'invalid provider' }, 400);
+});
+
+// --- Delete ---
+
+sessionsRouter.delete('/sessions/:provider/:id', async (ctx) => {
+  const { email } = ctx.get('user');
+  const provider = ctx.req.param('provider');
+  const id = ctx.req.param('id');
+
+  if (provider === 'claude') {
+    const dir = getSessionDir(email, id);
+    try {
+      await rm(dir, { recursive: true });
+    } catch {
+      // dir may not exist
+    }
+    return ctx.json({ ok: true });
+  }
+
+  if (provider === 'opencode') {
+    const dir = getOpencodeSessionDir(email, id);
+    try {
+      await rm(dir, { recursive: true });
+    } catch {
+      // dir may not exist
+    }
+    // Best-effort sync to OpenCode API
+    fetch(`${OPENCODE_BASE}/session/${id}`, { method: 'DELETE' }).catch(() => {});
+    return ctx.json({ ok: true });
+  }
+
+  return ctx.json({ error: 'invalid provider' }, 400);
+});
+
+// --- Archive (Claude only) ---
+
+sessionsRouter.post('/sessions/:provider/:id/archive', async (ctx) => {
+  const { email } = ctx.get('user');
+  const provider = ctx.req.param('provider');
+  const id = ctx.req.param('id');
+
+  if (provider === 'opencode') return ctx.json({ error: 'opencode sessions cannot be archived' }, 400);
+  if (provider !== 'claude') return ctx.json({ error: 'invalid provider' }, 400);
+
+  const src = getSessionDir(email, id);
+  const dest = getArchivedSessionDir(email, id);
+  await mkdir(join(getClaudeDir(email), 'archived'), { recursive: true });
+  await rename(src, dest);
+  return ctx.json({ ok: true });
+});
+
+// --- Helpers ---
+
+type SessionMeta = {
+  id: string;
+  title: string;
+  createdAt: number;
+  provider: 'claude' | 'opencode';
+  model?: string | null;
+};
+
+async function fetchClaudeSessions(email: string): Promise<SessionMeta[]> {
+  const dir = getClaudeDir(email);
+  try {
+    const entries = await readdir(dir);
+    const sessions = await Promise.all(
+      entries
+        .filter((name) => name !== 'archived')
+        .map(async (id) => {
+          try {
+            const metaFile = Bun.file(join(dir, id, 'meta.json'));
+            if (!(await metaFile.exists())) return null;
+            const meta = await metaFile.json();
+            return { ...meta, provider: 'claude' as const };
+          } catch {
+            return null;
+          }
+        }),
+    );
+    return sessions.filter((s): s is SessionMeta => s !== null);
+  } catch {
+    return [];
+  }
+}
+
+async function fetchOpencodeSessions(email: string): Promise<SessionMeta[]> {
+  const dir = getOpencodeDir(email);
+  try {
+    const entries = await readdir(dir);
+    const sessions = await Promise.all(
+      entries.map(async (id) => {
+        try {
+          const metaFile = Bun.file(join(dir, id, 'meta.json'));
+          if (!(await metaFile.exists())) return null;
+          const meta = await metaFile.json();
+          return { ...meta, provider: 'opencode' as const };
+        } catch {
+          return null;
+        }
+      }),
+    );
+    return sessions.filter((s): s is SessionMeta => s !== null);
+  } catch {
+    return [];
+  }
+}
+
+async function fetchOpencodeMessages(id: string) {
+  try {
+    const res = await fetch(`${OPENCODE_BASE}/session/${id}/message`);
+    if (!res.ok) return [];
+
+    const data = (await res.json()) as any[];
+    const messages = Array.isArray(data) ? data : Object.values(data);
+
+    const chatMessages: any[] = [];
+    for (const msg of messages) {
+      const role = msg.info?.role ?? msg.role;
+      if (role === 'user') {
+        const text = Array.isArray(msg.parts)
+          ? msg.parts
+              .filter((p: any) => p.type === 'text')
+              .map((p: any) => p.text ?? p.content ?? '')
+              .join('')
+          : typeof msg.content === 'string'
+            ? msg.content
+            : '';
+        if (text) chatMessages.push({ role: 'user', text });
+      } else if (role === 'assistant') {
+        if (Array.isArray(msg.parts)) {
+          for (const part of msg.parts) {
+            if (part.type === 'text' && (part.text || part.content)) {
+              chatMessages.push({ role: 'assistant', text: part.text ?? part.content ?? '' });
+            } else if (part.type === 'tool') {
+              chatMessages.push({
+                role: 'tool',
+                toolName: part.tool ?? 'unknown',
+                toolInput: part.state?.input ?? {},
+                toolUseId: part.callID ?? part.id ?? '',
+                output:
+                  part.state?.output != null
+                    ? typeof part.state.output === 'string'
+                      ? part.state.output
+                      : JSON.stringify(part.state.output)
+                    : undefined,
+                isError: part.state?.status === 'error',
+              });
+            } else if (part.type === 'tool-invocation') {
+              const inv = part.toolInvocation ?? part;
+              chatMessages.push({
+                role: 'tool',
+                toolName: inv.toolName ?? 'unknown',
+                toolInput: inv.args ?? {},
+                toolUseId: inv.toolCallId ?? part.id ?? '',
+                output:
+                  inv.result != null
+                    ? typeof inv.result === 'string'
+                      ? inv.result
+                      : JSON.stringify(inv.result)
+                    : undefined,
+                isError: !!part.isError,
+              });
+            }
+          }
+        }
+      }
+    }
+
+    return chatMessages;
+  } catch {
+    return [];
+  }
+}
diff --git a/src/servers/data-path.ts b/src/servers/data-path.ts
index 5359b6a7..bb1868d6 100644
--- a/src/servers/data-path.ts
+++ b/src/servers/data-path.ts
@@ -11,6 +11,11 @@ export const getClaudeDir = (email: string) => join(DATA_PATH, email, 'chat_sess
 export const getSessionDir = (email: string, sessionId: string) =>
   join(DATA_PATH, email, 'chat_sessions', 'claude', sessionId);
 
+export const getOpencodeDir = (email: string) => join(DATA_PATH, email, 'chat_sessions', 'opencode');
+
+export const getOpencodeSessionDir = (email: string, sessionId: string) =>
+  join(DATA_PATH, email, 'chat_sessions', 'opencode', sessionId);
+
 export const getArchivedSessionDir = (email: string, sessionId: string) =>
   join(DATA_PATH, email, 'chat_sessions', 'claude', 'archived', sessionId);
 
diff --git a/src/servers/hono.ts b/src/servers/hono.ts
index b68a906c..6541f1d8 100644
--- a/src/servers/hono.ts
+++ b/src/servers/hono.ts
@@ -3,22 +3,21 @@ import { cors } from 'hono/cors';
 import { createRouter } from './create-router';
 import type { HonoVariables } from './create-router';
 import { authRouter } from './api/auth';
-import { serverSettingsRouter, settingsPath } from './api/server-settings/server-settings';
+import { serverSettingsRouter } from './api/server-settings/server-settings';
 import { landingPageDataRouter } from './api/landing-page-data/landing-page-data';
 import { updateUserHandler } from './api/users/update-user';
 import { plansRouter } from './api/plans/plans';
 import { skillsRouter } from './api/skills/skills';
 import { tasksRouter } from './api/tasks/tasks';
 import { processesRouter } from './api/processes/processes';
-import { sessionsRouter } from './api/claude/sessions';
-import { opencodeSessionsRouter } from './api/opencode/sessions';
+import { claudeModelsRouter } from './api/claude/sessions';
+import { opencodeModelsRouter } from './api/opencode/sessions';
+import { sessionsRouter } from './api/sessions/sessions';
 import { scrapeRouter } from './api/scrape/scrape';
 import { uploadRouter } from './api/upload/upload';
 import { settingsRouter } from './api/settings/settings';
 import { taskLogsRouter } from './api/task-logs/task-logs';
 import { router as fileBrowserRouter } from './api/file-browser/router';
-import { readdirSync, existsSync } from 'node:fs';
-import { join } from 'node:path';
 import { CustomError } from './custom-errors';
 import { userMiddleware, bodyParser } from './_middlewares';
 
@@ -51,36 +50,15 @@ protectedRouter.route('/skills', skillsRouter);
 protectedRouter.route('/tasks', tasksRouter);
 protectedRouter.route('/processes', processesRouter);
 protectedRouter.route('/', sessionsRouter);
-protectedRouter.route('/opencode', opencodeSessionsRouter);
+protectedRouter.route('/', claudeModelsRouter);
+protectedRouter.route('/', opencodeModelsRouter);
 protectedRouter.route('/scrape', scrapeRouter);
 protectedRouter.route('/upload', uploadRouter);
 protectedRouter.route('/user', settingsRouter);
 protectedRouter.route('/task-logs', taskLogsRouter);
 protectedRouter.route('/file-browser', fileBrowserRouter);
 
-// Auto-discover and mount plugin routers, then mount the protected router.
-// Hono's .route() copies routes at call time, so plugins must be loaded first.
-export async function loadPlugins() {
-  const pluginsDir = join(import.meta.dir, '../workspaces/plugins');
-  const pluginDirs = readdirSync(pluginsDir, { withFileTypes: true }).filter((d) => d.isDirectory());
-  const settings = await Bun.file(settingsPath)
-    .json()
-    .catch(() => ({}));
-  const pluginSettings: Record<string, boolean> = settings.plugins ?? {};
-
-  for (const dir of pluginDirs) {
-    if (pluginSettings[dir.name] === false) continue;
-
-    const serverIndex = join(pluginsDir, dir.name, 'server', 'index.ts');
-    if (!existsSync(serverIndex)) continue;
-    const mod = await import(serverIndex);
-    if (mod.router && mod.apiPath) {
-      protectedRouter.route(mod.apiPath, mod.router);
-    }
-  }
-
-  honoServer.route('/api', protectedRouter);
-}
+honoServer.route('/api', protectedRouter);
 
 honoServer.onError((error, ctx) => {
   if (error instanceof CustomError) {
diff --git a/src/workspaces/widgets/ChatHistory/index.ts b/src/workspaces/widgets/ChatHistory/index.ts
index 2d149bce..b3650247 100644
--- a/src/workspaces/widgets/ChatHistory/index.ts
+++ b/src/workspaces/widgets/ChatHistory/index.ts
@@ -1,4 +1 @@
 export { SessionBar } from './SessionBar';
-export { useSessions } from './useSessions';
-export { useOpenCodeSessions } from './useOpenCodeSessions';
-export { useSlashCommands, type SlashCommandResult } from './useSlashCommands';
diff --git a/src/workspaces/widgets/ChatHistory/useOpenCodeSessions.ts b/src/workspaces/widgets/ChatHistory/useOpenCodeSessions.ts
deleted file mode 100644
index 39bae256..00000000
--- a/src/workspaces/widgets/ChatHistory/useOpenCodeSessions.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import type { SessionEntry, ChatMessage } from 'widgets/Chat';
-import { useAuth } from 'hooks/useAuth';
-import { useClient } from 'hooks/useClient';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
-
-export const useOpenCodeSessions = () => {
-  type RawSessionEntry = Omit<SessionEntry, 'provider'>;
-  const client = useClient();
-  const queryClient = useQueryClient();
-  const { isAuthenticated } = useAuth();
-
-  const { data: sessions = [] } = useQuery<RawSessionEntry[], Error, SessionEntry[]>({
-    queryKey: ['OC_SESSIONS'],
-    enabled: isAuthenticated,
-    queryFn: () => client.get<RawSessionEntry[]>('/opencode/sessions'),
-    select: (data) => data.map((s) => ({ ...s, provider: 'opencode' as const })),
-  });
-
-  const getMessages = (sessionId: string) => client.get<ChatMessage[]>(`/opencode/sessions/${sessionId}/messages`);
-
-  const renameSession = async (sessionId: string | null, title: string) => {
-    if (!title) return;
-    if (!sessionId) return;
-
-    await client.put(`/opencode/sessions/${sessionId}`, { title: title.slice(0, 200) });
-    queryClient.setQueryData<SessionEntry[]>(
-      ['OC_SESSIONS'],
-      (prev) => prev?.map((s) => (s.id === sessionId ? { ...s, title } : s)) ?? [],
-    );
-  };
-
-  const deleteSession = async (sessionId: string) => {
-    await client.delete(`/opencode/sessions/${sessionId}`);
-    queryClient.setQueryData<SessionEntry[]>(['OC_SESSIONS'], (prev) => prev?.filter((s) => s.id !== sessionId) ?? []);
-  };
-
-  return { sessions, getMessages, renameSession, deleteSession };
-};