Settings: add Fast Mode toggle for codex/claude + tidy account row alignment (#46)

Fast mode controls
- Codex: writes [features].fast_mode = true|false in ~/.codex/config.toml.
  This matches the in-TUI /fast toggle ("toggle Fast mode to enable
  fastest inference with increased plan usage").
- Claude: writes fastMode: bool to ~/.claude/settings.json. Mirrors the
  /fast slash command preference (effective on opus-4-6).

UX polish
- Account rows switch from flex-wrap to a fixed grid (tag · email · plan ·
  expiry · action) so emails of varying lengths don't cause ragged
  baselines between rows.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

src/settings-store.ts

@@ -45,6 +45,11 @@ export interface ModelConfigSnapshot {
   arbiter: ModelRoleConfig;
 }
 
+export interface FastModeSnapshot {
+  codex: boolean;
+  claude: boolean;
+}
+
 const ROLE_KEYS = ['OWNER', 'REVIEWER', 'ARBITER'] as const;
 type RoleKey = (typeof ROLE_KEYS)[number];
 
@@ -272,6 +277,99 @@ export function updateModelConfig(
   return getModelConfig();
 }
 
+function codexConfigPath(): string {
+  return path.join(os.homedir(), '.codex', 'config.toml');
+}
+
+function claudeSettingsPath(): string {
+  return path.join(os.homedir(), '.claude', 'settings.json');
+}
+
+function readCodexFastMode(): boolean {
+  const file = codexConfigPath();
+  if (!fs.existsSync(file)) return false;
+  const content = fs.readFileSync(file, 'utf-8');
+  // [features] section, look for fast_mode = true|false
+  const featuresMatch = content.match(/\[features\][\s\S]*?(?=^\[|\Z)/m);
+  const block = featuresMatch ? featuresMatch[0] : content;
+  const m = block.match(/^\s*fast_mode\s*=\s*(true|false)\s*$/m);
+  return m ? m[1] === 'true' : false;
+}
+
+function writeCodexFastMode(value: boolean): void {
+  const file = codexConfigPath();
+  let content = fs.existsSync(file) ? fs.readFileSync(file, 'utf-8') : '';
+  if (/^\s*fast_mode\s*=\s*(true|false)\s*$/m.test(content)) {
+    content = content.replace(
+      /^\s*fast_mode\s*=\s*(true|false)\s*$/m,
+      `fast_mode = ${value}`,
+    );
+  } else if (/^\[features\]/m.test(content)) {
+    content = content.replace(
+      /^\[features\]\s*$/m,
+      `[features]\nfast_mode = ${value}`,
+    );
+  } else {
+    const trimmed = content.replace(/\s*$/, '');
+    content = `${trimmed}\n\n[features]\nfast_mode = ${value}\n`;
+  }
+  const tempPath = `${file}.tmp`;
+  fs.mkdirSync(path.dirname(file), { recursive: true });
+  fs.writeFileSync(tempPath, content, { mode: 0o600 });
+  fs.renameSync(tempPath, file);
+}
+
+function readClaudeFastMode(): boolean {
+  const file = claudeSettingsPath();
+  if (!fs.existsSync(file)) return false;
+  try {
+    const data = JSON.parse(fs.readFileSync(file, 'utf-8')) as Record<
+      string,
+      unknown
+    >;
+    return data.fastMode === true;
+  } catch {
+    return false;
+  }
+}
+
+function writeClaudeFastMode(value: boolean): void {
+  const file = claudeSettingsPath();
+  fs.mkdirSync(path.dirname(file), { recursive: true });
+  let data: Record<string, unknown> = {};
+  if (fs.existsSync(file)) {
+    try {
+      data = JSON.parse(fs.readFileSync(file, 'utf-8')) as Record<
+        string,
+        unknown
+      >;
+    } catch {
+      data = {};
+    }
+  }
+  data.fastMode = value;
+  const tempPath = `${file}.tmp`;
+  fs.writeFileSync(tempPath, `${JSON.stringify(data, null, 2)}\n`, {
+    mode: 0o600,
+  });
+  fs.renameSync(tempPath, file);
+}
+
+export function getFastMode(): FastModeSnapshot {
+  return {
+    codex: readCodexFastMode(),
+    claude: readClaudeFastMode(),
+  };
+}
+
+export function updateFastMode(
+  input: Partial<FastModeSnapshot>,
+): FastModeSnapshot {
+  if (typeof input.codex === 'boolean') writeCodexFastMode(input.codex);
+  if (typeof input.claude === 'boolean') writeClaudeFastMode(input.claude);
+  return getFastMode();
+}
+
 export function removeAccountDirectory(
   provider: 'claude' | 'codex',
   index: number,

src/web-dashboard-server.ts

@@ -48,10 +48,12 @@ import {
 } from './web-dashboard-data.js';
 import {
   addClaudeAccountFromToken,
+  getFastMode,
   getModelConfig,
   listClaudeAccounts,
   listCodexAccounts,
   removeAccountDirectory,
+  updateFastMode,
   updateModelConfig,
 } from './settings-store.js';
 
@@ -1271,6 +1273,31 @@ export function createWebDashboardHandler(
       }
     }
 
+    if (
+      url.pathname === '/api/settings/fast-mode' &&
+      (request.method === 'PUT' || request.method === 'PATCH')
+    ) {
+      let body: unknown = null;
+      try {
+        body = await request.json();
+      } catch {
+        return jsonResponse({ error: 'Invalid JSON body' }, { status: 400 });
+      }
+      if (!body || typeof body !== 'object') {
+        return jsonResponse(
+          { error: 'Body must be a JSON object' },
+          { status: 400 },
+        );
+      }
+      try {
+        const next = updateFastMode(body as Record<string, unknown>);
+        return jsonResponse(next);
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err);
+        return jsonResponse({ error: message }, { status: 500 });
+      }
+    }
+
     {
       const accountAddMatch = url.pathname.match(
         /^\/api\/settings\/accounts\/(claude)$/,
@@ -1518,6 +1545,10 @@ export function createWebDashboardHandler(
       return jsonResponse(getModelConfig());
     }
 
+    if (url.pathname === '/api/settings/fast-mode') {
+      return jsonResponse(getFastMode());
+    }
+
     if (url.pathname === '/api/stream') {
       const encoder = new TextEncoder();
       const stream = new ReadableStream({