Compare commits

..

1 Commits

Author SHA1 Message Date
2bce4d85fa feat(mobile): v1.8 tab switcher + branch indicator + git_status tool
Mobile header is now two rows. Row 1: hamburger | project · branch
indicator (live via GET /api/projects/:id/git, 30s poll) | ModelPicker |
FolderTree. Row 2: pane-switcher pill (hand-rolled BottomSheet) +
NewPaneMenu. Chat-within-pane navigation hidden on mobile; users switch
panes via the sheet. Cross-tab status sync via chat_status frames
published from inference.ts at working/idle/error transitions; StatusDot
component renders amber-pulse/green/red/gray on each pane row and on
desktop ChatTabBar tabs. Level 1 git awareness exposes a read-only
git_status tool to the model, backed by services/git_meta.ts (execFile
+ 2s timeout + 30s cache). Workspace.tsx now receives panes/chats hooks
as props (hoisted into Session.tsx) so the header pill shares state
with the pane grid.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-16 20:07:53 +00:00
19 changed files with 1217 additions and 622 deletions

View File

@@ -9,6 +9,7 @@ import type { Project, AvailableProject } from '../types/api.js';
import { resolveProjectRoot, PathScopeError } from '../services/path_guard.js'; import { resolveProjectRoot, PathScopeError } from '../services/path_guard.js';
import { listDir, viewFile } from '../services/file_ops.js'; import { listDir, viewFile } from '../services/file_ops.js';
import { getProjectFiles } from '../services/file_index.js'; import { getProjectFiles } from '../services/file_index.js';
import { getGitMeta } from '../services/git_meta.js';
import { import {
bootstrapProject, bootstrapProject,
BootstrapNameError, BootstrapNameError,
@@ -381,6 +382,38 @@ export function registerProjectRoutes(
} }
); );
// GET /api/projects/:id/git
// v1.8 mobile-tabs: feeds the header branch indicator and is the same
// resolver the model's git_status tool uses. Returns 200 with branch=null
// for non-git directories (not 404) so the UI can degrade gracefully.
app.get<{ Params: { id: string } }>(
'/api/projects/:id/git',
async (req, reply) => {
const { id } = req.params;
const rows = await sql<Project[]>`
SELECT id, name, path, added_at, last_session_id, status, gitea_remote
FROM projects WHERE id = ${id}
`;
if (rows.length === 0) {
reply.code(404);
return { error: 'not found' };
}
const project = rows[0]!;
let projectRoot: string;
try {
projectRoot = await resolveProjectRoot(project.path);
} catch (err) {
if (err instanceof PathScopeError) {
reply.code(404);
return { error: err.message };
}
throw err;
}
const meta = await getGitMeta(projectRoot);
return meta ?? { branch: null, is_dirty: false, ahead: 0, behind: 0 };
}
);
// GET /api/projects/:id/files // GET /api/projects/:id/files
app.get<{ Params: { id: string } }>( app.get<{ Params: { id: string } }>(
'/api/projects/:id/files', '/api/projects/:id/files',

View File

@@ -0,0 +1,92 @@
import { execFile } from 'node:child_process';
import { promisify } from 'node:util';
const execFileAsync = promisify(execFile);
const CACHE_TTL_MS = 30_000;
const GIT_TIMEOUT_MS = 2_000;
// Cap stdout size so a pathological repo can't blow the buffer. Branch + status
// porcelain + diverge counts never approach this on a real repo.
const GIT_MAX_BUFFER = 1024 * 1024;
export interface GitMeta {
branch: string | null;
is_dirty: boolean;
ahead: number;
behind: number;
}
interface CacheEntry {
at: number;
value: GitMeta | null;
}
const cache = new Map<string, CacheEntry>();
// Runs a single git invocation with a hard 2s timeout. Returns null on any
// failure (non-zero exit, timeout, git not installed) so callers can decide
// how to degrade. Stderr is intentionally swallowed; we don't surface git's
// error text to the model or UI.
async function runGit(args: string[], cwd: string): Promise<string | null> {
try {
const { stdout } = await execFileAsync('git', args, {
cwd,
timeout: GIT_TIMEOUT_MS,
windowsHide: true,
maxBuffer: GIT_MAX_BUFFER,
});
return stdout.toString();
} catch {
return null;
}
}
export async function getGitMeta(rootPath: string): Promise<GitMeta | null> {
const cached = cache.get(rootPath);
const now = Date.now();
if (cached && now - cached.at < CACHE_TTL_MS) {
return cached.value;
}
// Three calls in parallel. rev-parse establishes repo + branch name;
// status --porcelain detects dirtiness with no false-positives from formatting;
// rev-list --left-right --count compares HEAD to upstream and is allowed to
// fail silently (returns null → ahead/behind = 0) when no upstream is set.
const [branchOut, statusOut, divergedOut] = await Promise.all([
runGit(['rev-parse', '--abbrev-ref', 'HEAD'], rootPath),
runGit(['status', '--porcelain'], rootPath),
runGit(['rev-list', '--left-right', '--count', 'HEAD...@{upstream}'], rootPath),
]);
// If rev-parse fails, this isn't a git repo (or git isn't installed). Cache
// the null result so the next 30s of requests don't re-probe.
if (branchOut === null) {
cache.set(rootPath, { at: now, value: null });
return null;
}
const branch = branchOut.trim() || null;
const is_dirty = statusOut !== null && statusOut.trim().length > 0;
let ahead = 0;
let behind = 0;
if (divergedOut !== null) {
const match = divergedOut.trim().match(/^(\d+)\s+(\d+)/);
if (match) {
ahead = Number(match[1]);
behind = Number(match[2]);
}
}
const value: GitMeta = { branch, is_dirty, ahead, behind };
cache.set(rootPath, { at: now, value });
return value;
}
export function invalidateGitMetaCache(rootPath?: string): void {
if (rootPath) {
cache.delete(rootPath);
} else {
cache.clear();
}
}

View File

@@ -493,6 +493,9 @@ async function handleAbortOrError(
RETURNING project_id, name, updated_at RETURNING project_id, name, updated_at
`; `;
ctx.publishUser({ type: 'session_updated', session_id: sessionId, project_id: failSessRow!.project_id, name: failSessRow!.name, updated_at: failSessRow!.updated_at }); ctx.publishUser({ type: 'session_updated', session_id: sessionId, project_id: failSessRow!.project_id, name: failSessRow!.name, updated_at: failSessRow!.updated_at });
// v1.8 mobile-tabs: cancellation is a user-initiated stop, treat as idle;
// genuine errors flip the dot red.
ctx.publishUser({ type: 'chat_status', chat_id: chatId, status: isAbort ? 'idle' : 'error', at: new Date().toISOString() });
if (isAbort) { if (isAbort) {
ctx.publish(sessionId, { ctx.publish(sessionId, {
type: 'message_complete', type: 'message_complete',
@@ -638,6 +641,7 @@ async function finalizeCompletion(
RETURNING project_id, name, updated_at RETURNING project_id, name, updated_at
`; `;
ctx.publishUser({ type: 'session_updated', session_id: sessionId, project_id: completeSessRow!.project_id, name: completeSessRow!.name, updated_at: completeSessRow!.updated_at }); ctx.publishUser({ type: 'session_updated', session_id: sessionId, project_id: completeSessRow!.project_id, name: completeSessRow!.name, updated_at: completeSessRow!.updated_at });
ctx.publishUser({ type: 'chat_status', chat_id: chatId, status: 'idle', at: new Date().toISOString() });
ctx.publish(sessionId, { ctx.publish(sessionId, {
type: 'message_complete', type: 'message_complete',
message_id: assistantMessageId, message_id: assistantMessageId,
@@ -683,6 +687,7 @@ async function runAssistantTurn(
chat_id: chatId, chat_id: chatId,
error: 'tool loop depth exceeded', error: 'tool loop depth exceeded',
}); });
ctx.publishUser({ type: 'chat_status', chat_id: chatId, status: 'error', at: new Date().toISOString() });
return; return;
} }
@@ -820,6 +825,9 @@ export function createInferenceRunner(
...ctx, ...ctx,
publishUser: (frame) => publishUserFn(user, frame), publishUser: (frame) => publishUserFn(user, frame),
}; };
// v1.8 mobile-tabs: announce working before the async loop starts so
// every device subscribed to the user channel sees the amber dot.
callCtx.publishUser({ type: 'chat_status', chat_id: chatId, status: 'working', at: new Date().toISOString() });
const controller = new AbortController(); const controller = new AbortController();
let resolveCompleted!: () => void; let resolveCompleted!: () => void;
const completed = new Promise<void>((res) => { resolveCompleted = res; }); const completed = new Promise<void>((res) => { resolveCompleted = res; });

View File

@@ -3,6 +3,7 @@ import { resolve, basename, relative } from 'node:path';
import { z } from 'zod'; import { z } from 'zod';
import { pathGuard, PathScopeError } from './path_guard.js'; import { pathGuard, PathScopeError } from './path_guard.js';
import { grep as fileOpsGrep, findFiles as fileOpsFindFiles } from './file_ops.js'; import { grep as fileOpsGrep, findFiles as fileOpsFindFiles } from './file_ops.js';
import { getGitMeta } from './git_meta.js';
const MAX_FILE_BYTES = 5 * 1024 * 1024; const MAX_FILE_BYTES = 5 * 1024 * 1024;
const DEFAULT_VIEW_LINES = 200; const DEFAULT_VIEW_LINES = 200;
@@ -266,11 +267,45 @@ export const findFiles: ToolDef<FindFilesInputT> = {
}, },
}; };
// v1.8 Level 1 branch awareness: gives the model a read-only view of the
// project's git state. No path input — operates on the inference-resolved
// project root via getGitMeta. Subprocess runs with a 2s timeout (see git_meta).
const GitStatusInput = z.object({}).strict();
type GitStatusInputT = z.infer<typeof GitStatusInput>;
export const gitStatus: ToolDef<GitStatusInputT> = {
name: 'git_status',
description:
"Returns the current git branch, whether the working tree is dirty, and ahead/behind counts vs upstream. Read-only. Use when you need to know which branch the user is currently working on.",
inputSchema: GitStatusInput,
jsonSchema: {
type: 'function',
function: {
name: 'git_status',
description:
'Returns the current git branch, dirty flag, and ahead/behind counts vs upstream. Read-only.',
parameters: {
type: 'object',
properties: {},
additionalProperties: false,
},
},
},
async execute(_input, projectRoot) {
const meta = await getGitMeta(projectRoot);
if (meta === null) {
return { repo: false, branch: null, is_dirty: false, ahead: 0, behind: 0 };
}
return { repo: true, ...meta };
},
};
export const ALL_TOOLS: ReadonlyArray<ToolDef<unknown>> = [ export const ALL_TOOLS: ReadonlyArray<ToolDef<unknown>> = [
viewFile as ToolDef<unknown>, viewFile as ToolDef<unknown>,
listDir as ToolDef<unknown>, listDir as ToolDef<unknown>,
grep as ToolDef<unknown>, grep as ToolDef<unknown>,
findFiles as ToolDef<unknown>, findFiles as ToolDef<unknown>,
gitStatus as ToolDef<unknown>,
]; ];
export const TOOLS_BY_NAME: Record<string, ToolDef<unknown>> = Object.fromEntries( export const TOOLS_BY_NAME: Record<string, ToolDef<unknown>> = Object.fromEntries(

View File

@@ -246,6 +246,14 @@ export interface ProjectUpdatedFrame {
project_id: string; project_id: string;
name: string; name: string;
} }
// v1.8 mobile-tabs: server can't know about client-side panes, so status
// is keyed by chat_id. Frontend dot derives pane status from pane.activeChatId.
export interface ChatStatusFrame {
type: 'chat_status';
chat_id: string;
status: 'working' | 'idle' | 'error';
at: string;
}
export type UserStreamFrame = export type UserStreamFrame =
| ProjectCreatedFrame | ProjectCreatedFrame
| ProjectDeletedFrame | ProjectDeletedFrame
@@ -261,4 +269,5 @@ export type UserStreamFrame =
| ChatDeletedFrame | ChatDeletedFrame
| ProjectArchivedFrame | ProjectArchivedFrame
| ProjectUnarchivedFrame | ProjectUnarchivedFrame
| ProjectUpdatedFrame; | ProjectUpdatedFrame
| ChatStatusFrame;

View File

@@ -9,6 +9,7 @@ import type {
ListDirResult, ListDirResult,
ViewFileResult, ViewFileResult,
AgentsResponse, AgentsResponse,
GitMeta,
} from './types'; } from './types';
export class ApiError extends Error { export class ApiError extends Error {
@@ -87,6 +88,8 @@ export const api = {
request<ViewFileResult>(`/api/projects/${id}/view_file?path=${encodeURIComponent(path)}`), request<ViewFileResult>(`/api/projects/${id}/view_file?path=${encodeURIComponent(path)}`),
files: (id: string) => files: (id: string) =>
request<{ files: string[] }>(`/api/projects/${id}/files`), request<{ files: string[] }>(`/api/projects/${id}/files`),
git: (id: string) =>
request<GitMeta>(`/api/projects/${id}/git`),
}, },
sessions: { sessions: {

View File

@@ -175,6 +175,15 @@ export interface PaneUpdateRequest {
position?: number; position?: number;
} }
// v1.8 mobile-tabs: shape returned by GET /api/projects/:id/git. Mirrors
// services/git_meta.ts on the server. branch=null means "not a git repo".
export interface GitMeta {
branch: string | null;
is_dirty: boolean;
ahead: number;
behind: number;
}
export type WorkspacePaneKind = 'chat' | 'terminal' | 'agent' | 'empty'; export type WorkspacePaneKind = 'chat' | 'terminal' | 'agent' | 'empty';
export interface WorkspacePane { export interface WorkspacePane {

View File

@@ -0,0 +1,92 @@
import { useEffect, useRef, useState, type ReactNode, type TouchEvent } from 'react';
import { cn } from '@/lib/utils';
interface Props {
open: boolean;
onClose: () => void;
children: ReactNode;
title?: string;
}
// Past this drag distance, release dismisses the sheet.
const SWIPE_DISMISS_THRESHOLD_PX = 80;
export function BottomSheet({ open, onClose, children, title }: Props) {
const [dragY, setDragY] = useState(0);
const startYRef = useRef<number | null>(null);
useEffect(() => {
if (!open) return;
const onKey = (e: KeyboardEvent) => {
if (e.key === 'Escape') onClose();
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [open, onClose]);
useEffect(() => {
if (!open) {
setDragY(0);
startYRef.current = null;
}
}, [open]);
function onTouchStart(e: TouchEvent<HTMLDivElement>) {
const t = e.touches[0];
if (!t) return;
startYRef.current = t.clientY;
}
function onTouchMove(e: TouchEvent<HTMLDivElement>) {
const t = e.touches[0];
if (!t || startYRef.current === null) return;
const dy = t.clientY - startYRef.current;
// Clamp to downward drags so the sheet doesn't "rubber-band" up.
if (dy > 0) setDragY(dy);
}
function onTouchEnd() {
if (dragY > SWIPE_DISMISS_THRESHOLD_PX) {
onClose();
} else {
setDragY(0);
}
startYRef.current = null;
}
if (!open) return null;
return (
<>
<div
className="fixed inset-0 z-40 bg-black/40"
onClick={onClose}
aria-hidden="true"
/>
<div
role="dialog"
aria-modal="true"
className={cn(
'fixed inset-x-0 bottom-0 z-50 rounded-t-2xl border-t border-border bg-popover text-popover-foreground shadow-2xl',
'transition-transform duration-150 will-change-transform',
'max-h-[70vh] flex flex-col',
)}
style={{
transform: `translateY(${dragY}px)`,
paddingBottom: 'env(safe-area-inset-bottom)',
}}
>
<div
onTouchStart={onTouchStart}
onTouchMove={onTouchMove}
onTouchEnd={onTouchEnd}
className="flex flex-col items-center pt-2 pb-1 select-none touch-none"
>
<div className="w-10 h-1 bg-muted-foreground/40 rounded-full" />
{title && (
<div className="mt-1 text-sm font-medium text-muted-foreground">{title}</div>
)}
</div>
<div className="flex-1 overflow-y-auto">{children}</div>
</div>
</>
);
}

View File

@@ -1,6 +1,7 @@
import { useState } from 'react'; import { useState } from 'react';
import { History, MessageSquare, Plus, X } from 'lucide-react'; import { History, MessageSquare, Plus, X } from 'lucide-react';
import type { Chat, WorkspacePane } from '@/api/types'; import type { Chat, WorkspacePane } from '@/api/types';
import { StatusDot } from '@/components/StatusDot';
import { import {
ContextMenu, ContextMenu,
ContextMenuContent, ContextMenuContent,
@@ -66,7 +67,7 @@ export function ChatTabBar({
} }
return ( return (
<div className="flex items-center border-b border-border bg-muted/20 h-8 shrink-0 overflow-x-auto"> <div className="flex items-center border-b border-border bg-muted/20 h-8 shrink-0 overflow-x-auto max-md:hidden">
{tabs.map((chat, tabIdx) => { {tabs.map((chat, tabIdx) => {
const isActive = tabIdx === pane.activeChatIdx; const isActive = tabIdx === pane.activeChatIdx;
const isLast = tabIdx === tabs.length - 1; const isLast = tabIdx === tabs.length - 1;
@@ -91,6 +92,7 @@ export function ChatTabBar({
)} )}
> >
<MessageSquare size={12} className="shrink-0" /> <MessageSquare size={12} className="shrink-0" />
<StatusDot chatId={chat.id} />
{renamingId === chat.id ? ( {renamingId === chat.id ? (
<input <input
autoFocus autoFocus

View File

@@ -0,0 +1,207 @@
import { useState } from 'react';
import {
Bot,
ChevronDown,
Edit2,
MessageSquare,
MoreHorizontal,
Terminal,
X,
} from 'lucide-react';
import { toast } from 'sonner';
import type { Chat, WorkspacePane } from '@/api/types';
import { BottomSheet } from '@/components/BottomSheet';
import { StatusDot } from '@/components/StatusDot';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
import { useLongPress } from '@/hooks/useLongPress';
import { cn } from '@/lib/utils';
interface Props {
panes: WorkspacePane[];
activePaneIdx: number;
chats: Chat[];
onSwitchPane: (idx: number) => void;
onRemovePane: (idx: number) => void;
onRenameChat: (chatId: string, name: string) => Promise<void>;
}
function paneIcon(kind: WorkspacePane['kind']) {
if (kind === 'terminal') return <Terminal size={14} />;
if (kind === 'agent') return <Bot size={14} />;
return <MessageSquare size={14} />;
}
function paneActiveChatId(pane: WorkspacePane | undefined): string | null {
if (!pane) return null;
if (pane.chatId) return pane.chatId;
const idx = pane.activeChatIdx;
if (idx < 0 || idx >= pane.chatIds.length) return null;
return pane.chatIds[idx] ?? null;
}
function paneLabel(pane: WorkspacePane, chats: Chat[]): string {
const cid = paneActiveChatId(pane);
if (cid) {
const c = chats.find((x) => x.id === cid);
if (c) return c.name ?? 'New chat';
}
if (pane.kind === 'chat') return 'Chat';
if (pane.kind === 'terminal') return 'Terminal';
if (pane.kind === 'agent') return 'Agent';
return 'Empty';
}
export function MobileTabSwitcher({
panes,
activePaneIdx,
chats,
onSwitchPane,
onRemovePane,
onRenameChat,
}: Props) {
const [open, setOpen] = useState(false);
const [renamingChatId, setRenamingChatId] = useState<string | null>(null);
const [renameValue, setRenameValue] = useState('');
const active = panes[activePaneIdx];
const activeLabel = active ? paneLabel(active, chats) : 'Empty';
const activeChatId = paneActiveChatId(active);
// Long-press mirrors ChatTabBar: synthesize a contextmenu event on the row
// so the trailing kebab's Radix DropdownMenu opens at the touch point.
const longPress = useLongPress(({ clientX, clientY, target }) => {
if (!target || !(target instanceof Element)) return;
const row = target.closest('[data-pane-id]') as HTMLElement | null;
if (!row) return;
const trigger = row.querySelector('[data-pane-kebab]') as HTMLElement | null;
if (trigger) {
trigger.click();
return;
}
row.dispatchEvent(
new MouseEvent('contextmenu', { bubbles: true, cancelable: true, clientX, clientY }),
);
});
function startRename(chatId: string, currentName: string | null) {
setRenamingChatId(chatId);
setRenameValue(currentName ?? '');
}
async function finishRename() {
if (renamingChatId && renameValue.trim()) {
try {
await onRenameChat(renamingChatId, renameValue.trim());
} catch (err) {
toast.error(err instanceof Error ? err.message : 'rename failed');
}
}
setRenamingChatId(null);
}
function handleSwitchPane(idx: number) {
onSwitchPane(idx);
setOpen(false);
}
return (
<>
<button
type="button"
onClick={() => setOpen(true)}
className="flex-1 inline-flex items-center gap-1.5 min-h-[44px] px-3 text-sm rounded-full bg-muted/40 hover:bg-muted/70 text-foreground min-w-0"
aria-label="Switch pane"
>
<span className="shrink-0 text-muted-foreground">{paneIcon(active?.kind ?? 'chat')}</span>
<StatusDot chatId={activeChatId} />
<span className="truncate flex-1 text-left">{activeLabel}</span>
<ChevronDown size={14} className="opacity-60 shrink-0" />
</button>
<BottomSheet open={open} onClose={() => setOpen(false)} title="Panes">
<ul className="px-2 py-2 space-y-1">
{panes.map((pane, idx) => {
const isActive = idx === activePaneIdx;
const cid = paneActiveChatId(pane);
const chat = cid ? chats.find((c) => c.id === cid) ?? null : null;
const label = paneLabel(pane, chats);
return (
<li
key={pane.id}
data-pane-id={pane.id}
onTouchStart={longPress.onTouchStart}
onTouchMove={longPress.onTouchMove}
onTouchEnd={longPress.onTouchEnd}
onTouchCancel={longPress.onTouchCancel}
onClick={() => handleSwitchPane(idx)}
style={{ WebkitTouchCallout: 'none' }}
className={cn(
'flex items-center gap-2 px-3 py-2 rounded min-h-[48px] cursor-default select-none',
isActive
? 'bg-accent/40 border-l-2 border-primary'
: 'hover:bg-muted/50',
)}
>
<span className="shrink-0 text-muted-foreground">{paneIcon(pane.kind)}</span>
<StatusDot chatId={cid ?? null} />
{renamingChatId === cid && cid ? (
<input
autoFocus
value={renameValue}
onChange={(e) => setRenameValue(e.target.value)}
onBlur={() => void finishRename()}
onKeyDown={(e) => {
if (e.key === 'Enter') void finishRename();
if (e.key === 'Escape') setRenamingChatId(null);
}}
onClick={(e) => e.stopPropagation()}
className="bg-transparent border-b border-border text-sm outline-none flex-1 min-w-0"
/>
) : (
<span className="truncate flex-1 text-sm">{label}</span>
)}
{isActive && (
<span aria-hidden="true" className="text-primary text-xs shrink-0">
</span>
)}
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button
type="button"
data-pane-kebab
onClick={(e) => e.stopPropagation()}
className="inline-flex items-center justify-center p-1 rounded text-muted-foreground hover:bg-muted hover:text-foreground min-h-[44px] min-w-[44px]"
aria-label="Pane options"
>
<MoreHorizontal size={14} />
</button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
{chat && (
<DropdownMenuItem onSelect={() => startRename(chat.id, chat.name)}>
<Edit2 size={14} /> Rename chat
</DropdownMenuItem>
)}
<DropdownMenuItem
disabled={panes.length <= 1}
onSelect={() => onRemovePane(idx)}
>
<X size={14} /> Close pane
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</li>
);
})}
</ul>
{/* v1.8: New-pane button moved out of the sheet to the header row 2
(see NewPaneMenu). Sheet is for switching only. */}
</BottomSheet>
</>
);
}

View File

@@ -0,0 +1,44 @@
import { Bot, MessageSquare, Plus, Terminal } from 'lucide-react';
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from '@/components/ui/dropdown-menu';
interface Props {
onAddPane: (kind: 'chat' | 'terminal' | 'agent') => void;
disabled?: boolean;
}
// v1.8 row-2 right cluster: mirrors the desktop Workspace.tsx Split dropdown.
// Terminal and Agent items pass through to addSplitPane which already shows
// "coming soon" toasts; rendering them here matches the Batch 3 workspace
// model so the UI is forward-compatible with BooTerm/BooCoder.
export function NewPaneMenu({ onAddPane, disabled }: Props) {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button
type="button"
disabled={disabled}
className="inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-full bg-muted/40 hover:bg-muted/70 text-foreground disabled:opacity-40 disabled:cursor-not-allowed shrink-0"
aria-label="New pane"
>
<Plus size={16} />
</button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onSelect={() => onAddPane('chat')}>
<MessageSquare size={14} /> New chat
</DropdownMenuItem>
<DropdownMenuItem onSelect={() => onAddPane('terminal')}>
<Terminal size={14} /> New terminal
</DropdownMenuItem>
<DropdownMenuItem onSelect={() => onAddPane('agent')}>
<Bot size={14} /> New agent
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}

View File

@@ -0,0 +1,36 @@
import { useChatStatus, type DerivedStatus } from '@/hooks/useChatStatus';
import { cn } from '@/lib/utils';
interface Props {
chatId: string | null | undefined;
className?: string;
}
const STATUS_CLASS: Record<DerivedStatus, string> = {
working: 'bg-amber-500 animate-pulse',
idle_warm: 'bg-emerald-500',
idle_cold: 'bg-muted-foreground/40',
error: 'bg-destructive',
};
const STATUS_LABEL: Record<DerivedStatus, string> = {
working: 'working',
idle_warm: 'idle',
idle_cold: 'idle',
error: 'error',
};
export function StatusDot({ chatId, className }: Props) {
const status = useChatStatus(chatId);
return (
<span
aria-label={`Status: ${STATUS_LABEL[status]}`}
title={STATUS_LABEL[status]}
className={cn(
'inline-block w-1.5 h-1.5 rounded-full shrink-0',
STATUS_CLASS[status],
className,
)}
/>
);
}

View File

@@ -1,14 +1,11 @@
import { useCallback, useEffect } from 'react';
import { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
import { PanelRight, MessageSquare, Terminal, Bot } from 'lucide-react'; import { PanelRight, MessageSquare, Terminal, Bot } from 'lucide-react';
import type { Chat, WorkspacePane } from '@/api/types'; import type { Chat, WorkspacePane } from '@/api/types';
import { useWorkspacePanes, MAX_PANES } from '@/hooks/useWorkspacePanes'; import { MAX_PANES, type UseWorkspacePanesResult } from '@/hooks/useWorkspacePanes';
import { useSessionChats } from '@/hooks/useSessionChats'; import type { UseSessionChatsResult } from '@/hooks/useSessionChats';
import { useViewport } from '@/hooks/useViewport'; import { useViewport } from '@/hooks/useViewport';
import { ChatPane } from '@/components/panes/ChatPane'; import { ChatPane } from '@/components/panes/ChatPane';
import { ChatTabBar } from '@/components/ChatTabBar'; import { ChatTabBar } from '@/components/ChatTabBar';
import { SessionLandingPage } from '@/components/SessionLandingPage'; import { SessionLandingPage } from '@/components/SessionLandingPage';
import { SwipeablePaneTab } from '@/components/SwipeablePaneTab';
import { import {
DropdownMenu, DropdownMenu,
DropdownMenuContent, DropdownMenuContent,
@@ -23,14 +20,24 @@ interface Props {
// Batch 9: threaded down to ChatPane → ChatInput → AgentPicker. // Batch 9: threaded down to ChatPane → ChatInput → AgentPicker.
agentId?: string | null; agentId?: string | null;
onAgentChange?: (agentId: string | null) => void | Promise<void>; onAgentChange?: (agentId: string | null) => void | Promise<void>;
// v1.8: panes + chats hoisted into Session.tsx so the mobile header pill
// (MobileTabSwitcher) can share state with the pane grid.
panesHook: UseWorkspacePanesResult;
chatsHook: UseSessionChatsResult;
} }
export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Props) { export function Workspace({
sessionId,
projectId,
agentId,
onAgentChange,
panesHook,
chatsHook,
}: Props) {
const { const {
panes, panes,
activePaneIdx, activePaneIdx,
setActivePaneIdx, setActivePaneIdx,
activePaneIdxRef,
openChatInPane, openChatInPane,
switchTab, switchTab,
removeTab, removeTab,
@@ -40,8 +47,6 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
showLandingPage, showLandingPage,
addSplitPane, addSplitPane,
removePane, removePane,
removeChatFromPanes,
initializeFirstChatIfEmpty,
handlePaneDragStart, handlePaneDragStart,
handlePaneDragOver, handlePaneDragOver,
handlePaneDragLeave, handlePaneDragLeave,
@@ -49,15 +54,7 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
handlePaneDragEnd, handlePaneDragEnd,
dragOverIdx, dragOverIdx,
draggingIdxRef, draggingIdxRef,
} = useWorkspacePanes(sessionId); } = panesHook;
// Thin wrapper so useSessionChats can route open_chat_in_active_pane events
// without knowing about pane indexing.
const openChatInActivePane = useCallback(
(chatId: string) => openChatInPane(activePaneIdxRef.current, chatId),
[openChatInPane, activePaneIdxRef],
);
const { const {
chats, chats,
createChat, createChat,
@@ -66,47 +63,9 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
deleteChat, deleteChat,
renameChat, renameChat,
handleLandingSend, handleLandingSend,
} = useSessionChats(sessionId, { } = chatsHook;
removeChatFromPanes,
openChatInPane,
openChatInActivePane,
initializeFirstChatIfEmpty,
});
const { isMobile } = useViewport(); const { isMobile } = useViewport();
const [searchParams] = useSearchParams();
const navigate = useNavigate();
const location = useLocation();
// URL -> state (mobile only). Handles deep-link arrival and Back button
// history pops. On a bare URL (no ?pane), reset to first pane so Back
// from a ?pane URL returns the user to a sensible default.
useEffect(() => {
if (!isMobile || panes.length === 0) return;
const paneId = searchParams.get('pane');
if (!paneId) {
if (activePaneIdx !== 0) setActivePaneIdx(0);
return;
}
const idx = panes.findIndex((p) => p.id === paneId);
if (idx >= 0 && idx !== activePaneIdx) setActivePaneIdx(idx);
}, [isMobile, searchParams, panes, activePaneIdx, setActivePaneIdx]);
// Switch active pane and push URL (mobile only). User-initiated only;
// never called from URL-sync effect.
const switchActivePane = useCallback(
(idx: number) => {
setActivePaneIdx(idx);
if (isMobile) {
const pane = panes[idx];
if (!pane) return;
const params = new URLSearchParams(location.search);
params.set('pane', pane.id);
navigate(`${location.pathname}?${params.toString()}`);
}
},
[setActivePaneIdx, isMobile, panes, navigate, location.pathname, location.search],
);
function chatsForPane(pane: WorkspacePane): Chat[] { function chatsForPane(pane: WorkspacePane): Chat[] {
return pane.chatIds return pane.chatIds
@@ -114,18 +73,6 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
.filter((c): c is Chat => c !== undefined); .filter((c): c is Chat => c !== undefined);
} }
function paneLabel(pane: WorkspacePane): string {
const activeChatId = pane.chatId;
if (activeChatId) {
const chat = chats.find((c) => c.id === activeChatId);
if (chat) return chat.name ?? 'New chat';
}
if (pane.kind === 'chat') return 'Chat';
if (pane.kind === 'terminal') return 'Terminal';
if (pane.kind === 'agent') return 'Agent';
return 'Empty';
}
return ( return (
<div className="flex flex-col h-full min-h-0"> <div className="flex flex-col h-full min-h-0">
{!isMobile && ( {!isMobile && (
@@ -159,20 +106,8 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
</div> </div>
)} )}
{isMobile && panes.length > 1 && ( {/* v1.8: mobile multi-pane SwipeablePaneTab strip removed; the header
<div className="flex items-center gap-1 overflow-x-auto border-b border-border bg-muted/10 px-2 py-1 shrink-0"> pill (MobileTabSwitcher) is the mobile pane switcher. */}
{panes.map((pane, idx) => (
<SwipeablePaneTab
key={pane.id}
label={paneLabel(pane)}
isActive={idx === activePaneIdx}
onTap={() => switchActivePane(idx)}
onClose={() => removePane(idx)}
canClose={panes.length > 1}
/>
))}
</div>
)}
<div <div
className={cn('flex-1 min-h-0', isMobile ? 'flex' : 'grid')} className={cn('flex-1 min-h-0', isMobile ? 'flex' : 'grid')}
@@ -205,6 +140,10 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
onDragStart={!isMobile && panes.length > 1 ? handlePaneDragStart(idx) : undefined} onDragStart={!isMobile && panes.length > 1 ? handlePaneDragStart(idx) : undefined}
onDragEnd={!isMobile && panes.length > 1 ? handlePaneDragEnd : undefined} onDragEnd={!isMobile && panes.length > 1 ? handlePaneDragEnd : undefined}
> >
{/* Hidden on mobile per v1.8: chat-within-pane navigation
is not exposed on small screens; users switch panes via
the header pill instead. */}
{!isMobile && (
<ChatTabBar <ChatTabBar
pane={pane} pane={pane}
tabs={chatsForPane(pane)} tabs={chatsForPane(pane)}
@@ -218,6 +157,7 @@ export function Workspace({ sessionId, projectId, agentId, onAgentChange }: Prop
onRename={renameChat} onRename={renameChat}
onRemovePane={panes.length > 1 ? () => removePane(idx) : undefined} onRemovePane={panes.length > 1 ? () => removePane(idx) : undefined}
/> />
)}
</div> </div>
<div className="flex-1 min-h-0 overflow-hidden"> <div className="flex-1 min-h-0 overflow-hidden">

View File

@@ -115,6 +115,16 @@ export interface ProjectUpdatedEvent {
name: string; name: string;
} }
// v1.8 mobile-tabs: broadcast on user channel from inference.ts so any device
// subscribed sees a chat working/idle/error. Frontend stores per-chat; panes
// derive their dot from pane.activeChatId.
export interface ChatStatusEvent {
type: 'chat_status';
chat_id: string;
status: 'working' | 'idle' | 'error';
at: string;
}
export type SessionEvent = export type SessionEvent =
| SessionRenamedEvent | SessionRenamedEvent
| ProjectCreatedEvent | ProjectCreatedEvent
@@ -134,7 +144,8 @@ export type SessionEvent =
| ChatDeletedEvent | ChatDeletedEvent
| ProjectArchivedEvent | ProjectArchivedEvent
| ProjectUnarchivedEvent | ProjectUnarchivedEvent
| ProjectUpdatedEvent; | ProjectUpdatedEvent
| ChatStatusEvent;
type Listener = (event: SessionEvent) => void; type Listener = (event: SessionEvent) => void;
const listeners = new Set<Listener>(); const listeners = new Set<Listener>();

View File

@@ -0,0 +1,71 @@
import { useEffect, useState } from 'react';
import { sessionEvents } from './sessionEvents';
export type RawStatus = 'working' | 'idle' | 'error';
export type DerivedStatus = 'working' | 'idle_warm' | 'idle_cold' | 'error';
// Window during which an idle dot stays green; after this, it fades to gray.
const WARM_WINDOW_MS = 30_000;
const TICK_MS = 5_000;
interface Entry {
status: RawStatus;
at: string;
}
// Module-scope shared state so every StatusDot in the app shares one map
// (mirrors useSidebar's singleton pattern). The map is ephemeral — cleared on
// page reload; WS reconnect repopulates as new frames arrive.
const statuses = new Map<string, Entry>();
const subscribers = new Set<() => void>();
function notify(): void {
for (const s of subscribers) {
try { s(); } catch { /* swallow */ }
}
}
// Guard against duplicate listeners during Vite HMR.
const G = globalThis as Record<string, unknown>;
if (!G.__boocode_chat_status_subscribed) {
G.__boocode_chat_status_subscribed = true;
sessionEvents.subscribe((ev) => {
if (ev.type !== 'chat_status') return;
statuses.set(ev.chat_id, { status: ev.status, at: ev.at });
notify();
});
// Single shared ticker: re-notify so any green dot whose 30s window just
// expired re-renders as gray. We only notify if there's something warm —
// avoids waking sleeping components for nothing.
setInterval(() => {
const now = Date.now();
for (const entry of statuses.values()) {
if (entry.status === 'idle') {
const age = now - new Date(entry.at).getTime();
if (age < WARM_WINDOW_MS + TICK_MS) {
notify();
return;
}
}
}
}, TICK_MS);
}
function derive(entry: Entry | undefined): DerivedStatus {
if (!entry) return 'idle_cold';
if (entry.status === 'working') return 'working';
if (entry.status === 'error') return 'error';
const age = Date.now() - new Date(entry.at).getTime();
return age < WARM_WINDOW_MS ? 'idle_warm' : 'idle_cold';
}
export function useChatStatus(chatId: string | null | undefined): DerivedStatus {
const [, force] = useState({});
useEffect(() => {
const sub = () => force({});
subscribers.add(sub);
return () => { subscribers.delete(sub); };
}, []);
if (!chatId) return 'idle_cold';
return derive(statuses.get(chatId));
}

View File

@@ -0,0 +1,41 @@
import { useEffect, useState } from 'react';
import { api } from '@/api/client';
import type { GitMeta } from '@/api/types';
const POLL_INTERVAL_MS = 30_000;
// Live-ish git meta for the project header indicator. Backed by the server's
// 30s cache, so a 30s client poll plus the cache TTL bounds total staleness
// to ~60s in the worst case. Returns null while the first fetch is in flight
// or if the request failed.
export function useProjectGit(projectId: string | null | undefined): GitMeta | null {
const [meta, setMeta] = useState<GitMeta | null>(null);
useEffect(() => {
if (!projectId) {
setMeta(null);
return;
}
let cancelled = false;
const fetchOnce = () => {
api.projects
.git(projectId)
.then((m) => {
if (!cancelled) setMeta(m);
})
.catch(() => {
if (!cancelled) setMeta(null);
});
};
fetchOnce();
const t = setInterval(fetchOnce, POLL_INTERVAL_MS);
return () => {
cancelled = true;
clearInterval(t);
};
}, [projectId]);
return meta;
}

View File

@@ -171,6 +171,7 @@ function applyEvent(prev: SidebarResponse, event: import('./sessionEvents').Sess
case 'chat_archived': case 'chat_archived':
case 'chat_unarchived': case 'chat_unarchived':
case 'chat_deleted': case 'chat_deleted':
case 'chat_status':
return prev; return prev;
case 'project_archived': { case 'project_archived': {
const next = prev.projects.filter((p) => p.id !== event.project_id); const next = prev.projects.filter((p) => p.id !== event.project_id);

View File

@@ -1,5 +1,11 @@
import { useEffect, useState } from 'react'; import { useCallback, useEffect, useState } from 'react';
import { Link, useNavigate, useParams } from 'react-router-dom'; import {
Link,
useLocation,
useNavigate,
useParams,
useSearchParams,
} from 'react-router-dom';
import { ChevronRight, FolderTree, Menu } from 'lucide-react'; import { ChevronRight, FolderTree, Menu } from 'lucide-react';
import { api } from '@/api/client'; import { api } from '@/api/client';
import type { Project, Session as SessionType } from '@/api/types'; import type { Project, Session as SessionType } from '@/api/types';
@@ -8,12 +14,28 @@ import { useActivePane } from '@/hooks/useActivePane';
import { useSidebarDrawer } from '@/hooks/useSidebarDrawer'; import { useSidebarDrawer } from '@/hooks/useSidebarDrawer';
import { useRightRailDrawer } from '@/hooks/useRightRailDrawer'; import { useRightRailDrawer } from '@/hooks/useRightRailDrawer';
import { useViewport } from '@/hooks/useViewport'; import { useViewport } from '@/hooks/useViewport';
import { useWorkspacePanes, MAX_PANES } from '@/hooks/useWorkspacePanes';
import { useSessionChats } from '@/hooks/useSessionChats';
import { useProjectGit } from '@/hooks/useProjectGit';
import { Workspace } from '@/components/Workspace'; import { Workspace } from '@/components/Workspace';
import { ModelPicker } from '@/components/ModelPicker'; import { ModelPicker } from '@/components/ModelPicker';
import { MobileTabSwitcher } from '@/components/MobileTabSwitcher';
import { NewPaneMenu } from '@/components/NewPaneMenu';
import { cn } from '@/lib/utils';
export function Session() { export function Session() {
const { id } = useParams<{ id: string }>(); const { id } = useParams<{ id: string }>();
if (!id) return null;
// v1.8: key on id so route navigation remounts SessionInner — the hoisted
// useWorkspacePanes + useSessionChats then reinitialize cleanly from the
// new sessionId instead of carrying stale state across sessions.
return <SessionInner key={id} sessionId={id} />;
}
function SessionInner({ sessionId }: { sessionId: string }) {
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation();
const [searchParams] = useSearchParams();
const [session, setSession] = useState<SessionType | null>(null); const [session, setSession] = useState<SessionType | null>(null);
const [project, setProject] = useState<Project | null>(null); const [project, setProject] = useState<Project | null>(null);
const [name, setName] = useState(''); const [name, setName] = useState('');
@@ -23,23 +45,53 @@ export function Session() {
const { toggle: toggleRightRail } = useRightRailDrawer(); const { toggle: toggleRightRail } = useRightRailDrawer();
const { isMobile } = useViewport(); const { isMobile } = useViewport();
// v1.8: pane + chat state hoisted into Session so the mobile header pill
// (MobileTabSwitcher) shares one source of truth with the pane grid below.
const panesHook = useWorkspacePanes(sessionId);
const {
panes,
activePaneIdx,
setActivePaneIdx,
openChatInPane,
activePaneIdxRef,
addSplitPane,
removePane,
removeChatFromPanes,
initializeFirstChatIfEmpty,
} = panesHook;
const openChatInActivePane = useCallback(
(chatId: string) => openChatInPane(activePaneIdxRef.current, chatId),
[openChatInPane, activePaneIdxRef],
);
const chatsHook = useSessionChats(sessionId, {
removeChatFromPanes,
openChatInPane,
openChatInActivePane,
initializeFirstChatIfEmpty,
});
const { chats, renameChat } = chatsHook;
// v1.8 Level 1: branch indicator. Polls every 30s; server caches the same
// span so back-to-back loads are cheap. Returns null until the first fetch
// resolves or if the project isn't a git repo.
const git = useProjectGit(project?.id);
useEffect(() => { useEffect(() => {
if (!id) return;
setSession(null); setSession(null);
setProject(null); setProject(null);
let cancelled = false; let cancelled = false;
api.sessions api.sessions
.get(id) .get(sessionId)
.then((s) => { .then((s) => {
if (cancelled) return; if (cancelled) return;
setSession(s); setSession(s);
setName(s.name); setName(s.name);
sessionEvents.emit({ sessionEvents.emit({
type: 'session_loaded', type: 'session_loaded',
session_id: id, session_id: sessionId,
project_id: s.project_id, project_id: s.project_id,
}); });
// Load project for breadcrumb. Listing is fine — small N, cached by client.
api.projects.list().then((projects) => { api.projects.list().then((projects) => {
if (cancelled) return; if (cancelled) return;
const p = projects.find((x) => x.id === s.project_id); const p = projects.find((x) => x.id === s.project_id);
@@ -50,34 +102,61 @@ export function Session() {
return () => { return () => {
cancelled = true; cancelled = true;
}; };
}, [id]); }, [sessionId]);
useEffect(() => { useEffect(() => {
if (!id) return;
return sessionEvents.subscribe((event) => { return sessionEvents.subscribe((event) => {
if (event.type === 'session_renamed' && event.session_id === id) { if (event.type === 'session_renamed' && event.session_id === sessionId) {
setSession((prev) => (prev ? { ...prev, name: event.name } : prev)); setSession((prev) => (prev ? { ...prev, name: event.name } : prev));
setName((prev) => (editingName ? prev : event.name)); setName((prev) => (editingName ? prev : event.name));
return; return;
} }
if ( if (
(event.type === 'session_deleted' || event.type === 'session_archived') && (event.type === 'session_deleted' || event.type === 'session_archived') &&
event.session_id === id event.session_id === sessionId
) { ) {
navigate(`/project/${event.project_id}`); navigate(`/project/${event.project_id}`);
} }
}); });
}, [id, editingName, navigate]); }, [sessionId, editingName, navigate]);
// v1.8: URL ?pane= sync (mobile only). Lifted from Workspace.tsx so
// MobileTabSwitcher's onSwitchPane can push the same URL state and the
// browser Back button continues to walk pane history on mobile.
useEffect(() => {
if (!isMobile || panes.length === 0) return;
const paneId = searchParams.get('pane');
if (!paneId) {
if (activePaneIdx !== 0) setActivePaneIdx(0);
return;
}
const idx = panes.findIndex((p) => p.id === paneId);
if (idx >= 0 && idx !== activePaneIdx) setActivePaneIdx(idx);
}, [isMobile, searchParams, panes, activePaneIdx, setActivePaneIdx]);
const switchActivePane = useCallback(
(idx: number) => {
setActivePaneIdx(idx);
if (isMobile) {
const pane = panes[idx];
if (!pane) return;
const params = new URLSearchParams(location.search);
params.set('pane', pane.id);
navigate(`${location.pathname}?${params.toString()}`);
}
},
[setActivePaneIdx, isMobile, panes, navigate, location.pathname, location.search],
);
async function saveName() { async function saveName() {
if (!id || !session) return; if (!session) return;
const trimmed = name.trim(); const trimmed = name.trim();
if (!trimmed || trimmed === session.name) { if (!trimmed || trimmed === session.name) {
setName(session.name); setName(session.name);
setEditingName(false); setEditingName(false);
return; return;
} }
const updated = await api.sessions.update(id, { name: trimmed }); const updated = await api.sessions.update(sessionId, { name: trimmed });
setSession(updated); setSession(updated);
setEditingName(false); setEditingName(false);
// Server publishes session_renamed via broker.publishUser; no local emit needed. // Server publishes session_renamed via broker.publishUser; no local emit needed.
@@ -85,15 +164,25 @@ export function Session() {
// Workspace only sets activeFile for file-browser panes; checking it alone // Workspace only sets activeFile for file-browser panes; checking it alone
// suffices and is forward-compatible with future pane kinds. // suffices and is forward-compatible with future pane kinds.
const showActiveFile = active.sessionId === id && !!active.activeFile; const showActiveFile = active.sessionId === sessionId && !!active.activeFile;
return ( return (
<div className="flex-1 flex flex-col min-h-0"> <div className="flex-1 flex flex-col min-h-0">
<header <header
className="border-b px-3 sm:px-4 py-2 flex items-center gap-1.5 shrink-0 text-sm" className={cn(
'border-b shrink-0 text-sm',
isMobile
? 'flex flex-col gap-1.5 px-3 py-2'
: 'flex items-center gap-1.5 px-3 sm:px-4 py-2',
)}
style={{ paddingTop: 'max(0.5rem, env(safe-area-inset-top))' }} style={{ paddingTop: 'max(0.5rem, env(safe-area-inset-top))' }}
> >
{isMobile && ( {isMobile ? (
<>
{/* v1.8 mobile row 1: hamburger | repo+branch | ModelPicker | FolderTree.
Gear/kebab cluster lands in Batch 7; ModelPicker stays here until
then so mobile users keep model-switching access. */}
<div className="flex items-center gap-1.5">
<button <button
type="button" type="button"
onClick={() => setDrawerOpen(true)} onClick={() => setDrawerOpen(true)}
@@ -102,9 +191,67 @@ export function Session() {
> >
<Menu className="size-5" /> <Menu className="size-5" />
</button> </button>
<div className="flex-1 min-w-0 flex items-center justify-center gap-1.5">
{project ? (
<span className="text-sm font-medium truncate" title={project.name}>
{project.name}
</span>
) : (
<span className="text-muted-foreground/60"></span>
)}
{git?.branch && (
<span
className="text-muted-foreground/80 text-xs truncate"
title={`branch: ${git.branch}${git.is_dirty ? ' (dirty)' : ''}`}
>
· {git.branch}
</span>
)}
</div>
{session && (
<div className="inline-flex items-center rounded-full bg-muted/40 hover:bg-muted/70 px-1 shrink-0">
<ModelPicker
value={session.model}
onChange={async (model) => {
const updated = await api.sessions.update(session.id, { model });
setSession(updated);
}}
/>
</div>
)} )}
{/* Breadcrumb — desktop only */} <button
type="button"
onClick={toggleRightRail}
className="inline-flex items-center justify-center -mr-1 min-w-[44px] min-h-[44px] rounded text-muted-foreground hover:bg-muted hover:text-foreground shrink-0"
aria-label="Toggle file browser"
>
<FolderTree className="size-5" />
</button>
</div>
{/* v1.8 mobile row 2: pane-switcher pill + new-pane menu. Pill
expands; NewPaneMenu is the trailing 44x44 trigger. */}
<div className="flex items-center gap-1.5">
<MobileTabSwitcher
panes={panes}
activePaneIdx={activePaneIdx}
chats={chats}
onSwitchPane={switchActivePane}
onRemovePane={removePane}
onRenameChat={renameChat}
/>
<NewPaneMenu
onAddPane={addSplitPane}
disabled={panes.length >= MAX_PANES}
/>
</div>
</>
) : (
<>
{/* Desktop: unchanged single-row header. */}
<div className="hidden sm:flex items-center gap-1.5 min-w-0"> <div className="hidden sm:flex items-center gap-1.5 min-w-0">
<Link to="/" className="text-muted-foreground hover:text-foreground shrink-0 text-xs"> <Link to="/" className="text-muted-foreground hover:text-foreground shrink-0 text-xs">
Projects Projects
@@ -124,7 +271,6 @@ export function Session() {
<ChevronRight className="size-3 text-muted-foreground/60 shrink-0" /> <ChevronRight className="size-3 text-muted-foreground/60 shrink-0" />
</div> </div>
{/* Session name — always visible, truncated, editable */}
{editingName ? ( {editingName ? (
<input <input
autoFocus autoFocus
@@ -143,7 +289,7 @@ export function Session() {
) : ( ) : (
<button <button
type="button" type="button"
className="text-sm font-medium hover:underline truncate max-w-[140px] sm:max-w-[280px] min-w-0" className="text-sm font-medium hover:underline truncate max-w-[280px] min-w-0"
onClick={() => setEditingName(true)} onClick={() => setEditingName(true)}
title={session?.name ?? ''} title={session?.name ?? ''}
> >
@@ -151,12 +297,11 @@ export function Session() {
</button> </button>
)} )}
{/* Active file — desktop only */}
{showActiveFile && active.activeFile && ( {showActiveFile && active.activeFile && (
<> <>
<span className="text-muted-foreground/40 mx-1 hidden sm:inline">·</span> <span className="text-muted-foreground/40 mx-1">·</span>
<span <span
className="text-xs font-mono text-muted-foreground truncate max-w-[200px] hidden sm:inline" className="text-xs font-mono text-muted-foreground truncate max-w-[200px]"
title={active.activeFile} title={active.activeFile}
> >
{active.activeFile} {active.activeFile}
@@ -164,7 +309,6 @@ export function Session() {
</> </>
)} )}
{/* Model picker — right-aligned */}
<div className="ml-auto shrink-0"> <div className="ml-auto shrink-0">
{session && ( {session && (
<div className="inline-flex items-center rounded-full bg-muted/40 hover:bg-muted/70 px-1"> <div className="inline-flex items-center rounded-full bg-muted/40 hover:bg-muted/70 px-1">
@@ -178,29 +322,21 @@ export function Session() {
</div> </div>
)} )}
</div> </div>
</>
{/* File browser toggle — mobile only */}
{isMobile && (
<button
type="button"
onClick={toggleRightRail}
className="inline-flex items-center justify-center -mr-1 min-w-[44px] min-h-[44px] rounded text-muted-foreground hover:bg-muted hover:text-foreground shrink-0"
aria-label="Toggle file browser"
>
<FolderTree className="size-5" />
</button>
)} )}
</header> </header>
{id && session && ( {session && (
<Workspace <Workspace
sessionId={id} sessionId={sessionId}
projectId={session.project_id} projectId={session.project_id}
agentId={session.agent_id} agentId={session.agent_id}
onAgentChange={async (agent_id) => { onAgentChange={async (agent_id) => {
const updated = await api.sessions.update(session.id, { agent_id }); const updated = await api.sessions.update(session.id, { agent_id });
setSession(updated); setSession(updated);
}} }}
panesHook={panesHook}
chatsHook={chatsHook}
/> />
)} )}
</div> </div>

View File

@@ -4,512 +4,337 @@ Last updated: 2026-05-16
## Overview ## Overview
BooCode is a standalone code-chat tool at `/opt/boocode/`. Read-only by design in v1.x — pick a project, chat with a local LLM that has file-inspection tools, get streaming responses over WebSocket. Built May 2026 after the in-boolab BooCode mode stalled. BooCode is a standalone code-chat tool at `/opt/boocode/`. Read-only by design — pick a project, chat with a local LLM that has file-inspection tools, get streaming responses over WebSocket.
v1 shipped in a single Claude Code session. v1.1 onwards is a batched build-out. Original Batch 110 plan was reordered mid-stream — chats-inside-sessions, archive, and fork/delete work was prioritized over the mobile pass.
Live at `https://code.indifferentketchup.com` (Caddy → Authelia → Tailscale → `100.114.205.53:9500`). Live at `https://code.indifferentketchup.com` (Caddy → Authelia → Tailscale → `100.114.205.53:9500`).
----- **Architectural commitments:**
## Version summary - No embeddings. The model uses file-view tools (`view_file`, `list_dir`, `grep`, `find_files`) + sidecar analyzers (codecontext, codesight). Walked away from the RAG pipeline May 2026.
- Read-only in v1.x. Write tools land in BooCoder (separate container, post-v1.x).
- One Postgres (`boocode_db`), one frontend SPA, container-per-service for new capabilities.
|Version |Theme |Status |Notes | External code lifted from / referenced in: see `boocode_code_review.md` for full inventory.
|----------------|---------------------------------------------------------------------------------------------------------------------------------------|---------------------------------|-----------------------------------------|
|v1.0 |Initial scaffold, read-only tools, WS streaming |✅ Done |Shipped in one Claude Code session |
|v1.1-batch1 |Markdown, Copy + Regen, tok/s + ctx, AI chat naming |✅ Merged |— |
|v1.1-batch2 |Sidebar restructure: projects → sessions, max 5 + “view all” |✅ Merged |— |
|v1.1-batch3 |Pane system, FileBrowserPane + Shiki, chat→file click, cross-tab |✅ Merged |— |
|v1.1-batch3.5 |Chip infrastructure, `@file` picker, line-select-attach |✅ Merged |— |
|v1.2 |Chats inside sessions refactor, right-rail, `/compact`, archive, force-send |✅ Merged |Replaced original “Batch 4 = mobile” plan|
|v1.2-project-ux |Project archive UX, sidebar context menu, full-bootstrap, Gitea API |✅ Merged |— |
|v1.3 |Tab-close + chat-archive |✅ Merged |— |
|v1.4 |Fork from message + delete message + header polish + housekeeping |✅ Merged |Was original “Batch 5” |
|v1.5 |Refactor splits, vitest harness (23 tests), error-log surfacing, `/opt:ro` + `BOOTSTRAP_ROOT`, persistent context-window tracker |✅ Merged |— |
|v1.5.1 |Bootstrap hotfix: git in container, SSH keypair, known_hosts, SSH URL rewrite, /opt/projects label |✅ Merged |`4a9f207` |
|v1.6-mobile-pass|Mobile pass: drawer, pane stacking, long-press, swipe-to-close, pull-to-refresh, IME safety, safe-area, tap targets + H1 path-guard fix|✅ Merged |`57c883b..943ae7d` (6 commits) |
|v1.6.1-cleanup |Mostly audit-only; one fix shipped: RightRail `max-md:hidden` wrapper. Audit reports for secrets, stale code, panes, mount scope, hand-rolled patterns deferred to follow-ups |✅ Merged |`6a9fe18` |
|v1.6.2-mobile-ui-fixes|Mobile UI polish from device testing: kill single-pane navigator chrome, header rework, “New chat” in long-press menu, RightRail as mobile drawer (reverts v1.6.1 wrapper) |🔄 Hand-back received, uncommitted|— |
|v1.7 |Drag-drop + paste-as-attachment (chip infra extension) |Planned |Was Batch 6 |
|v1.8 |Settings drawer (system prompt per project + session, web search toggle) |Planned |Was Batch 7 |
|v1.9 |Web search backend: SearXNG `web_search` + `web_fetch` tools |Planned |Was Batch 8 |
|v1.10 |Agents (Tier 2): `AGENTS.md`, per-agent model/temp/tools, picker |Planned |Was Batch 9 |
|v1.11 |BooTerm: separate container, xterm.js + node-pty + tmux, terminal pane |Planned |Was Batch 10 |
----- -----
## Version details ## Batch summary
### v1.1-batch1 — Message polish ✅ |Batch |Theme |Status |Branch / Notes |
|------------------------------------------|-----------------------------------------------------------------------------------|-----------|---------------------------------------|
|1 |Markdown, Copy + Regen, tok/s + ctx, AI naming |✅ Done |`v1.1-batch1` merged |
|2 |Sidebar restructure |✅ Done |`v1.1-batch2` merged |
|3 |Pane system, FileBrowserPane + Shiki, cross-tab |✅ Done |`v1.1-batch3` merged |
|3.5 |Chip infrastructure, `@file`, line-select |✅ Done |merged |
|4 (v1.2) |Chats inside sessions, right-rail, `/compact`, archive, force-send |✅ Done |merged |
|4.14.4 |Project archive, sidebar context, Gitea API, bootstrap |✅ Done |merged |
|v1.5 cleanup |resolveProjectPath, BOOTSTRAP_ROOT, vitest pin |✅ Done |merged |
|v1.6 mobile |Drawer, single-pane, long-press, IME-safe, pull-to-refresh, swipe-close |✅ Done |merged |
|v1.6.1 |RightRail mobile wrapper fix |✅ Done |merged |
|Tool-loop bump |MAX_TOOL_LOOP_DEPTH 5→15 |✅ Done |merged |
|v1.6.2 |Workspace + Session+Project headers + ChatTabBar new-chat + RightRail mobile drawer|🔄 In flight|`v1.6.2-mobile-ui-fixes` |
|**v1.8 mobile tabs** |**Bottom-sheet pane switcher + cross-tab `pane_status` WS sync + StatusDot on tabs**|**Next up**|`v1.8-mobile-tabs`; hand-rolled sheet |
|9 (REORDERED, DECOUPLED) |Agents (Tier 2): `AGENTS.md`, per-agent temp/tools, picker in ChatInput toolbar |✅ Implemented, uncommitted|six builtins; on `main` awaiting commit|
|5 |Fork message, delete message, header polish |Planned | |
|6 |Drag-drop file + paste-as-attachment |Planned |thin extension of 3.5 chips |
|7 |Settings drawer: system prompt, web search toggle, agent entry |Planned |adds SettingsDrawer agent entry (Batch 9 deferred half) |
|8 |Web search backend: SearXNG `web_search` + `web_fetch` |Planned | |
|10 |BooTerm: separate container, xterm.js + node-pty + tmux |Planned | |
|11 — Architect: codebase map |codecontext sidecar + MCP tool wiring |Planned |from nmakod/codecontext |
|11b — Architect: repo health |call graph, circular deps, dead code |Planned |from spirituslab/codesight |
|12 — Tool approval + plan/act mode |Read-only invariant, per-tool gating |Planned |from cline |
|13 — Append-only event log |Replace messages-table semantics |Planned |from OpenHands V1 |
|14 — BooCoder: pending changes |Sandboxed edit queue, atomic apply |Post-v1.x |from plandex |
|15 — BooCoder runtime isolation |Per-session Docker sandbox |Post-v1.x |from OpenHands |
|16 — Multi-provider LLM |Optional litellm-style abstraction |Optional |from pi-ai |
|17 — Workflow graphs |Multi-agent coordination |Far future |from microsoft/agent-framework concepts|
Markdown (`react-markdown` + `remark-gfm`), Copy + Regenerate, tok/s + context counter, AI session naming. **Old Batch 12 (codebase indexer w/ Harrier embeddings) — REMOVED.** Replaced by Batch 11/11b sidecar approach. See `boocode_code_review.md` decisions log.
**Key decisions:** **Batch 9 reordered ahead of 58, 10.** Picker mounts in `ChatInput.tsx` toolbar only. SettingsDrawer agent entry rolled into Batch 7 when it lands. No UI dependency on Batches 5/6/7, so it can ship anytime after v1.6.2.
- `sessions.name` (not `title`).
- `enable_thinking: false` + `max_tokens: 30` for Qwen3 utility calls.
- `messages_deleted` WS frame added for multi-tab regen.
- In-app event bus (`sessionEvents.ts`, module-scope `Set<Listener>`).
**Schema:** `messages.tokens_used`, `messages.ctx_used`, `messages.ctx_max`, `messages.started_at`, `messages.finished_at`.
----- -----
### v1.1-batch2 — Sidebar restructure ✅ ## Batch details (planned / new)
Projects as expandable groups, up to 5 recent sessions per project, “View all (N)”, `GET /api/sidebar`, `useSidebar` singleton hook. ### Batch 9 — Agents (Tier 2, DECOUPLED)
**Key decisions:** **Spec:** `boocode_batch9.md` with the deltas below.
- `useSidebar` module-scope singleton. **Status:** Next up after v1.6.2 merges. Decoupled from Batch 7.
- `localStorage['boocode.sidebar.expanded']`.
- `session_renamed` payload `{session_id, name}`. **Deltas from `boocode_batch9.md`:**
1. Builtin defaults in `agents.ts` OMIT the `model` field. Resolution order makes `session.model` win when `agent.model` is null. Spec line 30 example is misleading — do not hardcode any model in builtins.
2. Builtin defaults are the six agents shipped in `/opt/boocode/AGENTS.md`: **Code Reviewer, Debugger, Refactorer, Architect, Security Auditor, Prompt Builder.** If project root `AGENTS.md` exists, only its agents show. If absent, show the six builtins.
3. AgentPicker mounts in `ChatInput.tsx` toolbar between ModelPicker and the `+` button. **No `SettingsDrawer.tsx` or `Header.tsx` changes in this batch.**
4. SettingsDrawer agent entry + Header active-agent badge moved to Batch 7.
**Files to create:**
- `apps/server/src/services/agents.ts` — parser, six builtin defaults, mtime-keyed cache.
- `apps/server/src/routes/agents.ts``GET /api/projects/:id/agents`.
- `apps/web/src/components/AgentPicker.tsx` — dropdown, matches ModelPicker pattern.
**Files to modify:**
- `apps/server/src/schema.sql``ALTER TABLE sessions ADD COLUMN IF NOT EXISTS agent_id TEXT;`
- `apps/server/src/services/inference.ts` — resolution order: `effective_system_prompt`, `effective_model`, `effective_temperature`, `effective_tools` from session + agent + project. Filter tools array against agent whitelist before sending to llama-swap.
- `apps/server/src/routes/sessions.ts` — PATCH accepts `agent_id`.
- `apps/server/src/types/api.ts` — Agent type, extend Session with `agent_id`.
- `apps/web/src/api/client.ts`, `apps/web/src/api/types.ts` — Agent type, `api.agents.list(projectId)`.
- `apps/web/src/components/ChatInput.tsx` — mount AgentPicker.
**Testing plan (manual, before locking temps):**
- Drop `/opt/boocode/AGENTS.md` (six agents, no `model` field on any).
- For each of the 7 keeper models, switch session model and run the same target prompt against each agent. Log tok/s, instruction-following quality.
- Adjust per-agent temperature in `AGENTS.md` based on results.
- A/B candidates: qwen3.6-35b-a3b-mxfp4 (daily), qwopus3.6-35b-a3b-q4 (reasoning), qwopus3.5-27b-q4, qwen3.6-27b-ud-q4-xl, nemotron-3-nano-30b, gemma-4-26b-a4b-mxfp4, qwen3-coder-30b-apex.
**Dependencies:** v1.6.2 merged.
----- -----
### v1.1-batch3 — Pane system ✅ ### Batch 11 — Architect: codebase map (REVISED)
`session_panes` table, pane CRUD with transactional position-shift, Workspace + tab strip + drag-to-reorder (native HTML5), ChatPane (extracted), FileBrowserPane (tree + Shiki + filter), chat→file click, PaneTab context menu, `file_ops` + `file_index` shared services, broker user channel + `/ws/user`, `session_updated`, `session_loaded`, idempotent default-Chat-pane backfill. **Inspiration / lift:** `nmakod/codecontext` (MIT, Go binary).
**Schema:** `session_panes` (id, session_id, position, kind CHECK, state JSONB). **What it gives BooCode:** an architect-grade codebase overview without embeddings. Codecontext parses the repo with tree-sitter, extracts symbols, builds import/dependency relationships, and exposes the result via an MCP server with 8 tools. The model gets a structural map of any codebase on demand.
**Why this replaces the original Batch 11 (aider PageRank port):** codecontext is a finished binary in our stack language (Go), with watch mode, incremental updates, framework detection, and git-co-change-based semantic neighborhoods (no embeddings). The aider port would be reimplementing what codecontext already ships.
**Scope:**
- Add `codecontext` sidecar container to `docker-compose.yml`. Mount the project root read-only. One sidecar per BooCode instance — projects are addressed by absolute path.
- Wire each codecontext MCP tool into BooCodes `inference/tools.ts` as a native tool the model can call:
- `repo_overview(project_id)` → codecontext `get_codebase_overview`
- `repo_file_analysis(project_id, path)``get_file_analysis`
- `repo_symbol_info(project_id, symbol)``get_symbol_info`
- `repo_search_symbols(project_id, query)``search_symbols`
- `repo_dependencies(project_id, path)``get_dependencies`
- `repo_semantic_neighborhoods(project_id, path)``get_semantic_neighborhoods` (git co-change)
- `repo_framework_analysis(project_id)``get_framework_analysis`
- `path_guard.ts` extension: incorporate `continuedev/continue` `DEFAULT_SECURITY_IGNORE_FILETYPES` so codecontext cant surface `.env`, `.pem`, keys, etc.
- Fallback grammars: drop `Aider-AI/aider`s `aider/queries/tree-sitter-*.scm` files for any language codecontext doesnt cover. Use them via an in-process tree-sitter wrapper *only if* a project needs an unsupported language. Defer wrapper build until thats an actual gap.
**Where it goes:** new `apps/server/src/architect/` directory. No new tables — codecontext maintains its own state on disk. New env: `CODECONTEXT_URL=http://codecontext:8765` (MCP endpoint).
**Decisions to make at recon time:**
- Bundle the binary directly in the BooCode Dockerfile, or run codecontext as its own service? Sidecar is cleaner. Bundle is one less container.
- How does the model discover codecontext tools — register them statically in the tools registry, or proxy MCP `tools/list` at startup?
**Dependencies:** none. Can ship before Batches 510.
----- -----
### v1.1-batch3.5 — Chips + @file + line-select ✅ ### Batch 11b — Architect: repo health (NEW)
`Attachment` type + `flattenToMessage` + LANG_MAP, `AttachmentChip`, `AttachmentPreviewModal`, ChatInput chip-row, hand-rolled `@file` mention popover, line-select-attach in FileBrowserPane via local `FileViewer`, FileBrowserPane filter upgrade (empty=tree, non-empty=flat). **Inspiration / lift:** `spirituslab/codesight` (MIT-ish, TS/Node).
----- **What it gives BooCode:** complement to Batch 11. Where codecontext answers “what is this codebase,” repo health answers “whats wrong with this codebase.” Call graph, circular dependency detection, dead code flagging.
### v1.2 — Chats inside sessions ✅ **Scope:**
Originally planned as the mobile pass. Reshuffled: structural refactor — chats inside sessions, right-rail, `/compact` (chats own model summarizes via `kind='compact'` system message), force-send. - Port codesights `analyze.mjs` analyzer core into `apps/server/src/architect/repo_health.ts`. Drop the VS Code extension shell. Keep:
- Symbol extraction (already overlaps codecontext — call codecontext where possible, only redo whats needed for graph edges).
**Schema:** `chats` table, `sessions.status`, `messages.chat_id`, `messages.kind` (regular | compact). - Call graph builder (function-to-function edges).
- Circular dependency detector.
----- - Dead code detector (exported symbols never imported or called).
- New tool: `repo_health(project_id)` returning `{ circular_dependencies: [...], dead_code: [...] }`. Output respects codesights documented false-positive caveats (customElements.define, framework entry points, dynamic imports) — surface those in the tool description so the model doesnt trust dead-code flags blindly.
### v1.2-project-ux ✅ - Cache results in `boocode_db` keyed by `(project_id, file_hashes)`. Invalidate on file change via file-index hash check.
Full new-project bootstrap (mkdir + git init + .gitignore + first commit + Gitea remote + push), sidebar context menu (Rename / Archive / Open in Gitea), project landing page archived-list, Gitea API integration. Option B taken: `BOOTSTRAP_ROOT` env var, `/opt` stays read-only mount, `/opt/projects` writable.
**Schema:** `projects.status`, `projects.archived_at`.
**Key decisions:**
- `execFile` only, no `exec` shell strings.
- DB INSERT last in bootstrap sequence.
- Soft-fail on Gitea steps.
- Project Delete endpoint exists but stays unexposed (re-add INSERTs fresh row → FK cascade nukes history; archive is the safe pattern).
-----
### v1.3 — Tab close + chat archive ✅
Tab close UX cleanup, chat-level archive (separate from session archive).
-----
### v1.4 — Fork + delete + header polish ✅
Was originally planned as Batch 5.
**Shipped:** `POST /api/sessions/:id/fork` (deep copy messages up to target, new session in same project), `DELETE /api/sessions/:id/messages/:id` (cascading via `messages_deleted` frame), header breadcrumb (Projects → Project → Session), inline-editable session name, file path shown when File Browser pane is active, `useActivePane` hook.
-----
### v1.5 — Refactor + tests + security scoping + context tracker ✅
5-commit sequence:
1. **Refactor:** FileBrowserPane (865 → split with FileViewer extracted), Workspace, inference split.
1. **Vitest harness:** 23 tests covering routes + resolveProjectPath. Pinned to v3 (Vite 5 / vitest 4 incompatibility).
1. **Error-log surfacing:** dead-code removal from earlier H1/H2 audit items, structured error logs to client.
1. **Mount scoping:** `/opt:/opt:ro` + `BOOTSTRAP_ROOT` writable subdir. Container loses write to `/opt` proper.
1. **Persistent context-window tracker:** floating popover above chat input right edge, source = latest `message_complete` frames `ctx_used` / `ctx_max`, color-coded (neutral <60%, amber 6085%, red 85%+), hides when `ctx_max` null.
**Carried bug:** `resolveProjectPath` whitelist-root bypass — discovered, asserted as “BEHAVIOR GAP” rather than silently patched. Fix landed in v1.6 (H1).
-----
### v1.5.1 — Bootstrap hotfix ✅ (`4a9f207`)
Dockerfile (git installed in container), docker-compose.yml, project_bootstrap.ts (SSH keypair, known_hosts, SSH URL Tailscale rewrite), CreateProjectModal.tsx, .gitignore. /opt/projects label clarified.
**Known issue carried forward:** dispatch used the in-repo `secrets/boocode_gitea` SSH key because the agent key was rejected. Key exposure flagged. Audit + rotation tracked in v1.6.1 below.
-----
### v1.6-mobile-pass ✅
**Merged via 6 commits `57c883b..943ae7d`** (5 functional + 1 docs):
1. `57c883b chore: fix resolveProjectPath whitelist-root bypass` (H1 — dropped `real !== whitelistReal` short-circuit; flipped the v1.5 BEHAVIOR GAP test; 23/23 pass).
1. `a643b5f feat(mobile): viewport hook + sidebar drawer + hamburger headers` (M1 + M2 + M6-header).
1. `cd897d6 feat(mobile): single-pane stack + long-press tab menu + swipe-to-close` (M3 + M4 + A2).
1. `273eeac feat(mobile): chat input keybinds + safe-area + tap targets + overflow safety` (M5 + M6-bottom + M7 + M8).
1. `4b5b9b2 feat(mobile): pull-to-refresh sidebar list` (A1).
1. `943ae7d docs: add v1.x roadmap snapshot` (this file).
**Decisions:** **Decisions:**
- H2 (roadmap update) handled in this file rather than by Claude Code. - Build it in-process (Node) vs spawn a CLI? In-process is simpler. Spawn matches codecontext sidecar pattern but adds latency.
- M5: mobile = button-only send, Enter inserts newline. Desktop unchanged. `isComposing` guard for CJK IME.
- M6: kept `max-w-[1000px]` (mobile naturally full-width below cap).
- URL state: `?pane=<paneId>`. Bare URL resets activePaneIdx to 0.
- Long-press dispatches synthetic `contextmenu` on `[data-tab-id]`, opening Radix ContextMenuTrigger at touch coords. iOS callout suppressed.
- `SwipeablePaneTab`: 60px threshold, bails if vertical >30px, opacity 1→0.4.
- A2 bundled with M3 in Commit 3 (structural coupling).
- Home.tsx no hamburger.
**Deferred from v1.6 → rolled into v1.6.1-cleanup:** **Dependencies:** Batch 11 merged (so we can reuse codecontexts parse output where possible). Can be deferred until after Batches 510.
- RightRail still renders on mobile (~32px column).
- Secrets hygiene audit.
- `ProjectSidebar.tsx` and `ChatTabBar.tsx` share content from two commits each — use `git add -p`.
----- -----
### v1.6.1-cleanup ✅ (`6a9fe18`) ### Batch 12 — Tool approval gating + plan/act mode
**Shipped:** RightRail wrapped in `<div className="max-md:hidden contents">` so it's hidden entirely below the md breakpoint on mobile. (Note: v1.6.2 reverses this and replaces with a proper mobile drawer — see below.) **Inspiration / lift:** `cline/cline` (Apache-2.0).
**Audited but not shipped (queued for follow-ups):** **What it gives BooCode:** per-session control over which tools the model can call. Lays the groundwork for BooCoder by building the gating mechanism before there are any write tools to gate.
- **Secrets hygiene:** `secrets/boocode_gitea` is NOT tracked; never committed to any branch; `.gitignore` already covers `secrets/`. Rotation is a Gitea-side action, no repo change needed.
- **`.bak` files:** 3 leftover from v1.5.1 (`docker-compose.yml.bak-20260516`, `Dockerfile.bak-20260516`, `apps/web/src/components/CreateProjectModal.tsx.bak-20260516`). Git-invisible via global `~/.gitignore_global` (`*.bak*`). Decide per file.
- **Unused exports:** neither `knip` nor `ts-prune` installed. Proposal pending.
- **Dead WS frames:** `session_renamed` HAS a server publisher (`routes/sessions.ts:140`, added in v1.4) — the roadmap's "no server publisher" open item is **STALE**, crossed off. The `InferenceFrame` union still declares `session_renamed` as a type variant but no code publishes it on the per-session channel; trivial 1-line cleanup deferred.
- **Unused imports:** web `tsc --noUnusedLocals --noUnusedParameters` returns 0 warnings.
- **`useSessionStream` refcount:** opportunity confirmed (~90 lines diff to apply the `useSidebar`-style module-scope singleton pattern). Risk LOW. Queued for v1.6.2 or later.
- **PATCH `/api/panes/:id` ownership:** **MOOT** — endpoint does not exist (the pane REST API was never re-introduced after pane state moved to client-side localStorage in v1.2). Crossed off open items.
- **Hand-rolled patterns vs library:** 5 hand-rolled hooks/components total 336 lines. None duplicates anything in existing deps; library swap (`@use-gesture`, `react-pull-to-refresh`) not worth the dep cost yet.
- **`/opt:/opt:ro` mount tightening:** Two-option plan documented for v1.6.2 — Option A (per-project bind-mounts) or Option B (deny `.env` pattern in `pathGuard`). Option B is the simpler short-term fix.
-----
### v1.6.2-mobile-ui-fixes 🔄
**Hand-back received, uncommitted on `v1.6.2-mobile-ui-fixes`.** 4-commit sequence proposed:
1. `fix(mobile): hide Split button + single-pane navigator chrome` (G1 — wrap the Workspace Split row in `!isMobile`).
1. `feat(mobile): rework Session and Project headers for narrow viewports` (G2 — breadcrumb `hidden sm:flex`, session name cap `max-w-[140px] sm:max-w-[280px]`, project page heading `text-base sm:text-lg`, “New session” icon-only on mobile).
1. `feat(mobile): add "New chat" to tab long-press context menu` (G3 — top of menu, separator, then existing items).
1. `feat(mobile): right-rail as drawer on mobile, header toggle button` (G4 option b — new `useRightRailDrawer` Context hook, `RightRail` renders as fixed `w-[85vw] max-w-sm` drawer on mobile, FolderTree button in Session header, **reverts v1.6.1's `max-md:hidden` wrapper**).
**Decisions:**
- G4 option b chosen: mobile file browsing IS useful; drawer pattern mirrors `useSidebarDrawer`.
- G2 single-row session-name+model layout (model picker right-aligned), per spec example.
- G3 "New chat" at top, separator, then Rename.
- G2 "New session" button: icon-only on mobile via `<span className="hidden sm:inline">New session</span>`.
**Adjacent uncommitted change (not part of v1.6.2):** `MAX_TOOL_LOOP_DEPTH 5 → 15` in `apps/server/src/services/inference.ts`. Sam-authored, sitting in working tree on `v1.6.2-mobile-ui-fixes`. **NOT on main as of this update.** Commit separately.
-----
### v1.7 — Drag-drop + paste (planned, was Batch 6)
**Depends on:** v1.6.1 merged.
**Scope (trimmed — chip infra exists from v1.1-batch3.5):**
- Drag-drop files onto ChatInput → chip via `addAttachment({kind: 'file', source: 'drop'})`.
- Paste >8 lines → chip via `addAttachment({kind: 'paste', source: 'paste'})`. ≤8 lines inline.
- Drop overlay (dashed border + “Drop to attach”).
- Client-side 5 MB cap + binary detection (null-byte check in first 8KB).
- Max 10 attachments shared cap.
- Folder drop rejected. Image paste rejected. Binary files rejected with toast.
**Frontend only.**
-----
### v1.8 — Settings drawer (planned, was Batch 7)
**Depends on:** header gear (already in v1.4).
**Scope:** **Scope:**
- Right-side drawer (hand-rolled, no shadcn Sheet). Tabbed: Session + Project. - New column `sessions.tool_approval_mode TEXT` — values: `read_only` (v1.x default), `plan`, `act_auto`, `act_approve`.
- Session tab: system prompt, web search toggle, model picker, session name. - New column `sessions.approved_tools JSONB` — per-session whitelist for `act_approve` mode.
- Project tab: default system prompt, default web search, project name, root path (read-only), delete project (consider whether to expose given the cascade concern). - Tool registry refactor: tools tagged `read_only` or `write`. In `read_only` mode (v1.x), write tools never appear in the models tools array. In `plan` mode, same — write tools hidden, model produces a plan only. `act_*` modes unlock writes (post-v1.x).
- Resolution: `session.system_prompt OR project.default_system_prompt OR ""`. - UI: mode picker in SettingsDrawer (Batch 7 dependency). Inline indicator in chat header.
- Project defaults applied at session create (copied), not retroactively.
- Web search toggle persistent per session (`sessions.web_search_enabled`).
**Schema:** `sessions.web_search_enabled`, `projects.default_system_prompt`, `projects.default_web_search`. **Dependencies:** Batch 7 (SettingsDrawer).
----- -----
### v1.9 — Web search backend (planned, was Batch 8) ### Batch 13 — Append-only event log
**Depends on:** v1.8. **Inspiration / lift:** `OpenHands/OpenHands` V1 (MIT).
**What it gives BooCode:** replaces the ad-hoc `messages` table semantics with a typed event stream. Unlocks rewind, time-travel, and clean handoff semantics for multi-agent flows.
**Scope:** **Scope:**
- `web_search` tool → SearXNG at `http://100.114.205.53:8888/search?format=json`, top-N `{title, url, snippet}`. - New `session_events` table: `(id, session_id, ts, kind, payload JSONB, parent_id)`. Event kinds: `user_message`, `assistant_message`, `tool_call`, `tool_result`, `pane_action`, `mode_change`, `system`.
- `web_fetch` tool, regex HTML strip (no cheerio), 50KB cap. - Existing `messages` table becomes a derived view over `session_events` for backward compatibility, then deprecated over a release.
- Tools conditionally included based on `session.web_search_enabled`. - Inference loop emits events instead of mutating message rows.
- `ToolCallCard.tsx` renders results as clickable URL list, web_fetch as text preview. - Frontend `useSessionStream` reducer rewritten to consume events.
- Env: `SEARXNG_URL`, `WEB_FETCH_TIMEOUT_MS`, `WEB_FETCH_MAX_BYTES`.
**Migration is non-trivial.** Plan in a dedicated batch with explicit cutover window.
**Dependencies:** Batches 5 (fork/delete) and 7 (settings) merged. Must not be in flight with other backend work.
----- -----
### v1.10 — Agents (planned, was Batch 9) ### Batch 14 — BooCoder: pending changes
**Depends on:** v1.8. **Inspiration / lift:** `plandex-ai/plandex` (MIT).
**What it gives BooCode:** safe write tools. Edits queue in a virtual layer; nothing touches the filesystem until explicit `/apply`.
**Scope:** **Scope:**
- Tier 2 agents: system prompt + model + temperature + tools whitelist per agent. - New container `boocoder` at `100.114.205.53:9502`. Owns write tools (`edit_file`, `create_file`, `delete_file`, `apply_pending`, `rewind`).
- `AGENTS.md` (OpenCode-compatible): `## Agent Name` blocks with YAML frontmatter. - New table `pending_changes (id, session_id, file_path, diff TEXT, status, created_at)`. Status: `pending`, `applied`, `rejected`.
- Three builtin defaults (Investigator, Architect, Reviewer) when no `AGENTS.md`. - Tools execute against the pending-changes layer, not the filesystem. `apply_pending` is the only path that touches disk. `rewind` rolls back a `pending`-id back to disk state.
- If `AGENTS.md` exists, only its agents shown. - BooCode chat container stays read-only (`/opt:/opt:ro`). BooCoder mounts `/opt/repos:/opt/repos:rw` and uses git worktree pattern from paseo for isolation.
- Agent picker in ChatInput toolbar + SettingsDrawer. - Frontend: new pane kind `pending_diff` shows the queued diff inline with Approve/Reject per chunk.
- Tools whitelist enforced at inference layer. BooChat agents read-only.
- File parsed on demand with mtime cache.
- Mid-conversation agent switch allowed; old messages retain their tool history.
**Schema:** `sessions.agent_id TEXT`. **Dependencies:** Batches 12 (gating) + 13 (events). Dont start until both are live.
----- -----
### v1.11 — BooTerm (planned, was Batch 10) ### Batch 15 — BooCoder runtime isolation
**Depends on:** v1.1-batch3 (pane system), v1.8 (settings drawer pattern). **Inspiration / lift:** `OpenHands/OpenHands` (MIT).
**What it gives BooCode:** per-session Docker sandbox for BooCoder writes. Closes the `/opt:ro` mount risk identified in v1.x open items.
**Scope:** **Scope:**
- New container `booterm` at `100.114.205.53:9501`. Fastify + node-pty + tmux. - Per-session container spawned by BooCoder on first write. Container has only the projects path mounted, not `/opt`.
- Caddy path-based routing: `/api/term/*` + `/ws/term/*` → booterm. - Container lifecycle: spawn on first write call, idle-timeout after 30 min, recreate on resume.
- Shared `boocode_db`. - Action execution server pattern: HTTP API inside the container, BooCoder calls in. Standard OpenHands runtime contract.
- Per-session tmux (`bc-<session_id>`), per-pane tmux window (`term-<pane_id>`).
- xterm.js terminal pane. New `kind = 'terminal'` in `session_panes` CHECK.
- PTY over binary WebSocket. Resize via `tmux resize-window`.
- Workspace mount: `/opt/repos:/opt/repos:rw`. BooCode chat container keeps `/opt:/opt:ro`.
- Send-to-terminal from chat: select text → right-click → “Send to terminal”.
- tmux persistence across WS reconnects, page refreshes, container restarts.
- No chroot/namespace isolation. Acceptable single-user homelab.
**New app:** `apps/booterm/`. **Dependencies:** Batch 14.
----- -----
## Architecture ### Batch 16 — Multi-provider LLM abstraction
### Containers (current + planned) **Inspiration / lift:** `earendil-works/pi` `pi-ai` (MIT).
**What it gives BooCode:** optional non-llama-swap inference paths (Anthropic, OpenAI, Mistral direct). Currently we have one provider (llama-swap) and the existing `streamCompletion` is hardcoded to OpenAI-compatible at that endpoint.
**Scope:**
- Provider abstraction: `interface LLMProvider { stream(req): AsyncIterator<Frame> }`.
- Built-in: llama-swap (current), Anthropic, OpenAI (Codex-style).
- Per-session `provider_id` column.
**Status:** **Optional. Skip unless a concrete need surfaces.** llama-swap covers daily driver work.
-----
### Batch 17 — Workflow graphs
**Inspiration / lift:** `microsoft/agent-framework` (MIT) — concepts only.
**What it gives BooCode:** multi-agent coordination. Architect → Coder → Reviewer → Verifier handoffs orchestrated by a YAML-defined workflow.
**Status:** **Far future.** Read agent-frameworks `docs/decisions/` ADRs. Dont port code — Azure/.NET-heavy.
**Dependencies:** Batches 12 (modes), 13 (events). Realistically a v2.x topic.
-----
## Order of operations
Two tracks. Pick one to drive next.
**Track A — Finish v1.x mobile + polish then agents:**
- v1.6.2 ships (in flight)
- **Batch 9 (agents)** — decoupled, can land next; no UI dependency on 5/6/7
- Batches 5, 6, 7, 8 in order. Each is small, frontend-heavy, no architecture risk. Batch 7 absorbs SettingsDrawer agent entry.
**Track B — Begin architect capabilities in parallel:**
- Batch 11 (codecontext sidecar) — biggest single capability jump. Frontend stays the same; new tools appear to the model.
- Batch 11b (repo health) — follow-up.
- Batch 12 (gating) — sets up everything post-v1.x.
Recommendation: ship v1.6.2, then **Batch 9 (agents)** next so the test bed exists before Track A continues. Then Track A through Batch 7. Batch 11 can run in parallel with Batches 810 since 11 has no UI dependency.
-----
## Architecture target state
### Containers
|Container |Port |Mount |Purpose |Status | |Container |Port |Mount |Purpose |Status |
|------------|---------------------|-----------------------------------|----------------------------|---------| |-------------|--------------------------------|--------------------------|------------------------------|--------|
|`boocode` |`100.114.205.53:9500`|`/opt:/opt:ro` + `/opt/projects:rw`|Chat + read-only tools + SPA|Live | |`boocode` |`100.114.205.53:9500` |`/opt:/opt:ro` |Chat + read-only tools + SPA |Live |
|`boocode_db`|`127.0.0.1:5500` |`boocode_pgdata` |Postgres 16-alpine (shared) |Live | |`boocode_db` |`127.0.0.1:5500` |`boocode_pgdata` volume |Postgres 16-alpine |Live |
|`booterm` |`100.114.205.53:9501`|`/opt/repos:/opt/repos:rw` |Terminal sessions |v1.11 | |`codecontext`|`100.114.205.53:8765` (internal)|project root :ro |MCP server for architect tools|Batch 11|
|`boocoder` |TBD |`/opt/repos:/opt/repos:rw` |Write tools |Post-v1.x| |`booterm` |`100.114.205.53:9501` |`/opt/repos:/opt/repos:rw`|Terminals (tmux + node-pty) |Batch 10|
|`boocoder` |`100.114.205.53:9502` |per-session sandbox |Write tools |Batch 14|
### URL routing (target state after v1.11) ### Schema additions
``` **Batch 9:** `sessions.agent_id TEXT` (nullable; references AGENTS.md by slug).
code.indifferentketchup.com **Batch 11:** none (codecontext stateless on disk).
├── / → boocode (SPA) **Batch 11b:** `repo_health_cache (project_id, file_hashes_sig, payload JSONB, created_at)`.
├── /api/chat/*, /ws/chat/* → boocode :9500 **Batch 12:** `sessions.tool_approval_mode`, `sessions.approved_tools`.
├── /api/term/*, /ws/term/* → booterm :9501 **Batch 13:** `session_events`; deprecate `messages` long-tail.
├── /api/coder/*, /ws/coder/* → boocoder (future) **Batch 14:** `pending_changes`.
└── /ws/user → boocode :9500
```
### Database
Single Postgres `boocode_db`. All containers share. Projects shared. Sessions container-specific.
Current schema (post v1.5.1):
```
projects
├── id UUID PK
├── name TEXT
├── root_path TEXT
├── status TEXT (v1.2-project-ux: active | archived)
├── archived_at TIMESTAMPTZ (v1.2-project-ux)
├── default_system_prompt TEXT (v1.8)
├── default_web_search BOOLEAN (v1.8)
└── created_at TIMESTAMPTZ
sessions
├── id UUID PK
├── project_id UUID FK → projects
├── name TEXT
├── model TEXT
├── system_prompt TEXT
├── status TEXT (v1.2: active | archived)
├── web_search_enabled BOOLEAN (v1.8)
├── agent_id TEXT (v1.10)
├── created_at TIMESTAMPTZ
└── updated_at TIMESTAMPTZ
chats (v1.2)
├── id UUID PK
├── session_id UUID FK → sessions
├── name TEXT
├── status TEXT
├── created_at TIMESTAMPTZ
└── updated_at TIMESTAMPTZ
messages
├── id UUID PK
├── session_id UUID FK → sessions
├── chat_id UUID FK → chats (v1.2)
├── kind TEXT (v1.2: regular | compact)
├── role TEXT
├── content TEXT
├── tool_calls JSONB
├── tool_results JSONB
├── status TEXT
├── last_seq INTEGER
├── tokens_used INTEGER (v1.1-batch1)
├── ctx_used INTEGER (v1.1-batch1)
├── ctx_max INTEGER (v1.1-batch1)
├── started_at TIMESTAMPTZ (v1.1-batch1)
├── finished_at TIMESTAMPTZ (v1.1-batch1)
└── created_at TIMESTAMPTZ
session_panes (v1.1-batch3)
├── id UUID PK
├── session_id UUID FK → sessions (CASCADE)
├── position INTEGER
├── kind TEXT CHECK (chat | file_browser | terminal)
├── state JSONB
└── created_at TIMESTAMPTZ
settings
├── k TEXT PK
└── v TEXT
```
### Reusable patterns
|Pattern |Where |Used by |
|----------------------------|----------------------------------------|---------------------------------------------------------|
|In-app event bus |`sessionEvents.ts` |All batches. Module-scope `Set<Listener>`. |
|Singleton hooks |`useSidebar.ts` |Module-scope shared state. |
|User-channel WS broker |`broker.ts` + `useUserEvents.ts` |Cross-tab lifecycle. One WS per tab. |
|`clock_timestamp()` |All INSERT/UPDATE |Never `NOW()` in new code. |
|Additive schema only |`schema.sql` |`ADD COLUMN IF NOT EXISTS`, `CREATE TABLE IF NOT EXISTS`.|
|Idempotent backfills |`schema.sql` |`INSERT ... WHERE NOT EXISTS`. |
|`enable_thinking: false` |`auto_name.ts` |Required for Qwen3 utility calls. |
|`pathGuard` |`tools/*`, `file_ops.ts` |Realpath + project root enforcement. |
|Shared `file_ops.ts` |`tools.ts`, `routes/projects.ts` |Same core for inference tools and UI. |
|File index (`file_index.ts`)|`routes/projects.ts` |`rg --files` + mtime cache. |
|`useViewport` |`hooks/useViewport.ts` (v1.6) |matchMedia, SSR-safe. |
|`useSidebarDrawer` |`hooks/useSidebarDrawer.tsx` (v1.6) |Context + auto-close on route change. |
|Hand-rolled long-press |`hooks/useLongPress.ts` (v1.6) |500ms touchstart timer, dispatches synthetic contextmenu.|
|Hand-rolled pull-to-refresh |`hooks/usePullToRefresh.ts` (v1.6) |80px threshold, 600ms min hold. |
|Hand-rolled swipe |`components/SwipeablePaneTab.tsx` (v1.6)|60px threshold, vertical bail at 30px. |
----- -----
## Tech stack ## Lift sources (summary)
|Layer |Tech | Full inventory in `boocode_code_review.md`. Headline items:
|----------------|--------------------------------------------------------------------------|
|Backend |Node 20 + Fastify + `@fastify/websocket` + `@fastify/static` + zod + `pg` | |Source |Used for |Where |
|Frontend |React + Vite + Tailwind v4 + shadcn nova preset | |--------------------------------------|----------------------------------------|---------------------|
|Inference |llama-swap `http://100.101.41.16:8401` (OpenAI-compatible) | |nmakod/codecontext (MIT, Go) |Architect: codebase map sidecar |Batch 11 |
|Search |SearXNG `http://100.114.205.53:8888` (v1.9) | |spirituslab/codesight (MIT-ish, TS) |Architect: repo health analyzer |Batch 11b |
|Syntax |Shiki (`github-dark`) | |Aider-AI/aider (Apache-2.0) |Fallback `.scm` grammars (60+ languages)|Batch 11 (fallback) |
|Terminal |xterm.js + node-pty + tmux (v1.11) | |continuedev/continue (Apache-2.0) |DEFAULT_SECURITY_IGNORE_FILETYPES |Batch 11 prep |
|Auth |`Remote-User` from Authelia via Caddy `forward_auth` | |cline/cline (Apache-2.0) |Plan/Act mode pattern |Batch 12 |
|Containerization|Docker Compose, Node 20-alpine, multi-stage, ripgrep apk, git apk (v1.5.1)| |plandex-ai/plandex (MIT) |Pending-changes data model |Batch 14 |
|DB |Postgres 16-alpine, loopback `127.0.0.1:5500` | |OpenHands/OpenHands (MIT) |Event log + sandbox runtime |Batches 13, 15 |
|Networking |Tailscale mesh, Caddy (DO droplet), Authelia SSO | |aimasteracc/tree-sitter-analyzer (MIT)|Outline-first response patterns |Reference |
|Code hosting |Gitea `git.indifferentketchup.com` | |earendil-works/pi (MIT) |Multi-provider LLM |Batch 16 (optional) |
|Tests |vitest v3 (pinned, Vite 5 / vitest 4 incompatible) | |rshah515/claude-code-subagents (MIT) |Reference for builtin agent prompts |Batch 9 (six builtins)|
|microsoft/agent-framework (MIT) |Workflow concepts |Batch 17 (far future)|
----- -----
## Known open items ## Decisions log
- **`useSessionStream` refcount.** Two ChatPanes = two WS. Apply singleton pattern. Audited in v1.6.1, queued. - **Embeddings dropped from BooCode.** Replaced RAG with file-view tools + sidecar analyzers.
- **`/opt:/opt:ro` mount exposes all `.env` files.** Whitelist scope before BooCoder. Two-option plan documented in v1.6.1 audit; ship in v1.6.2 or v1.7. - **Original Batch 11 (aider PageRank port) replaced** by codecontext sidecar approach.
- **`secrets/boocode_gitea` in repo working tree.** Never committed (git-invisible via global ignore). Rotate the Gitea-side key when convenient; no repo action required. - **Original Batch 12 (codebase indexer w/ Harrier) removed** entirely. No embedding infrastructure in BooCode v1.x.
- **Dormant in-boolab BooCode mode.** Reference only. - **Globstar parked** — not an architect tool, future verify-before-commit candidate only.
- **BooCoder container.** Post-v1.x. - **codeprysm rejected** — embedding-based; node/edge taxonomy noted as reference if we ever build our own graph.
- **Batch 9 decoupled from Batch 7 (2026-05-16).** AgentPicker mounts in `ChatInput.tsx` toolbar only. SettingsDrawer agent entry and Header active-agent badge moved to Batch 7. Builtin defaults shipped: six agents (Code Reviewer, Debugger, Refactorer, Architect, Security Auditor, Prompt Builder) with no `model` field — session model wins by default.
**Closed since last update:**
- ~~`session_renamed` no server WS publisher~~ — server publishes via `broker.publishUser` from `routes/sessions.ts:140` (added in v1.4). Confirmed in v1.6.1 audit.
- ~~PATCH `/api/panes/:id` lacks session-ownership check~~ — endpoint does not exist; the pane REST API was never re-introduced after v1.2 moved pane state to localStorage.
-----
## Dependency graph
```
v1.0 (initial)
v1.1-batch1 (markdown)
v1.1-batch2 (sidebar)
v1.1-batch3 (panes) ────────────────────────┐
│ │
▼ │
v1.1-batch3.5 (chips) ──────┐ │
│ │ │
▼ │ │
v1.2 (chats-in-sessions) │ │
│ │ │
▼ │ │
v1.2-project-ux │ │
│ │ │
▼ │ │
v1.3 (tab-close) │ │
│ │ │
▼ │ │
v1.4 (fork+delete+header) ◄──┼────────────────┘
│ │
▼ │
v1.5 (refactor+tests+ctx) │
│ │
▼ │
v1.5.1 (bootstrap hotfix) │
│ │
▼ │
v1.6-mobile-pass │
│ │
▼ │
v1.6.1-cleanup │
│ │
▼ │
v1.6.2-mobile-ui-fixes ◄─────┘
v1.7 (drag-drop) ◄── v1.1-batch3.5
v1.8 (settings)
├──▶ v1.9 (web search)
├──▶ v1.10 (agents)
└──▶ v1.11 (BooTerm) ◄── v1.1-batch3
```
----- -----
## Workflow ## Workflow
1. Verify previous version merged to `main`. Each batch:
1. Dispatch prompt via Paseo (Claude Code runs at `/opt/boocode`).
1. Claude Code recon → blocking questions → implement → hand back. 1. Verify previous batch merged.
1. Review hand-back in separate Claude chat (spec compliance, code quality, drift, stale code). 2. Dispatch via Paseo to Claude Code at `/opt/boocode`.
1. Deploy: `docker compose up --build -d`. 3. Claude Code recon → blocking questions → implement → hand back.
1. Smoke test per the hand-backs plan. 4. Compliance review in separate Claude chat.
1. Sam commits manually, pushes to Gitea, merges to `main`. 5. Deploy: `docker compose up --build -d`.
1. Next version. 6. Smoke test.
7. Sam commits and pushes.
Sam reviews all diffs. Sam commits. Never git pull/push/commit on his behalf. Sam reviews all diffs. Sam commits. Never git pull/push/commit on his behalf.