cli-jaw 1.3.0-preview.7 → 1.3.1

package/public/index.html

@@ -299,6 +299,13 @@
                         <option value="xhigh">🔴 xhigh</option>
                     </select>
                 </div>
+                <div class="settings-row sub-row">
+                    <label>⚡ Fast Mode</label>
+                    <div>
+                        <button id="codexFastOff" class="perm-btn active" data-i18n="btn.off">끔</button>
+                        <button id="codexFastOn" class="perm-btn" data-i18n="btn.on">켬</button>
+                    </div>
+                </div>
             </div>
 
             <div class="settings-group">

package/public/js/constants.ts

@@ -19,7 +19,7 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
     codex: {
         label: 'Codex',
         efforts: ['low', 'medium', 'high', 'xhigh'],
-        models: ['gpt-5.3-codex', 'gpt-5.3-codex-spark', 'gpt-5.2-codex', 'gpt-5.1-codex-max', 'gpt-5.1-codex-mini'],
+        models: ['gpt-5.4', 'gpt-5.4-spark', 'gpt-5.3-codex', 'gpt-5.3-codex-spark', 'gpt-5.2-codex', 'gpt-5.1-codex-max', 'gpt-5.1-codex-mini'],
     },
     gemini: {
         label: 'Gemini',
@@ -33,6 +33,8 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'anthropic/claude-opus-4-6-thinking',
             'anthropic/claude-sonnet-4-6-thinking',
             'anthropic/claude-sonnet-4-6',
+            'openai/gpt-5.4-xhigh',
+            'openai/gpt-5.4-high',
             'openai/gpt-5.3-codex-xhigh',
             'openai/gpt-5.3-codex-high',
             'opencode/big-pickle',
@@ -52,6 +54,7 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'claude-opus-4.6',
             'claude-opus-4.6-fast',
             'claude-haiku-4.5',
+            'gpt-5.4',
             'gpt-5.3-codex',
             'gpt-5.2-codex',
             'gpt-5.1-codex',

package/public/js/features/settings.ts

@@ -6,7 +6,7 @@ import { syncStoredLocale } from '../locale.js';
 import { t } from './i18n.js';
 import { api, apiJson, apiFire } from '../api.js';
 
-interface PerCliConfig { model?: string; effort?: string; }
+interface PerCliConfig { model?: string; effort?: string; fastMode?: boolean; }
 interface TelegramConfig { enabled?: boolean; token?: string; allowedChatIds?: number[]; forwardAll?: boolean; }
 interface QuotaWindow { label: string; percent: number; resetsAt?: string | number | null; }
 interface QuotaEntry {
@@ -166,6 +166,11 @@ export async function loadSettings(): Promise<void> {
                 modelEl.value = cfg.model;
             }
             if (effortEl) effortEl.value = cfg.effort || '';
+            // Restore Codex fast mode toggle
+            if (cli === 'codex' && cfg.fastMode !== undefined) {
+                document.getElementById('codexFastOn')?.classList.toggle('active', cfg.fastMode);
+                document.getElementById('codexFastOff')?.classList.toggle('active', !cfg.fastMode);
+            }
         }
     }
 
@@ -364,10 +369,16 @@ export async function savePerCli(): Promise<void> {
         const modelEl = getModelSelect(cli);
         if (!modelEl) continue;
         const effortEl = getEffortSelect(cli);
-        perCli[cli] = {
+        const entry: PerCliConfig = {
             model: getModelValue(cli),
             effort: effortEl ? effortEl.value : '',
         };
+        // Codex fast mode toggle
+        if (cli === 'codex') {
+            const onBtn = document.getElementById('codexFastOn');
+            entry.fastMode = onBtn?.classList.contains('active') ?? false;
+        }
+        perCli[cli] = entry;
     }
     await apiJson('/api/settings', 'PUT', { perCli });
 }

package/public/js/main.ts

@@ -170,6 +170,18 @@ document.getElementById('tgToken')?.addEventListener('change', saveTelegramSetti
 document.getElementById('tgChatIds')?.addEventListener('change', saveTelegramSettings);
 document.getElementById('fallbackOrderList')?.addEventListener('change', saveFallbackOrder);
 
+// Codex fast mode toggle
+function setCodexFast(on: boolean) {
+    const onBtn = document.getElementById('codexFastOn');
+    const offBtn = document.getElementById('codexFastOff');
+    if (onBtn && offBtn) {
+        onBtn.classList.toggle('active', on);
+        offBtn.classList.toggle('active', !on);
+    }
+    savePerCli();
+}
+document.getElementById('codexFastOn')?.addEventListener('click', () => setCodexFast(true));
+document.getElementById('codexFastOff')?.addEventListener('click', () => setCodexFast(false));
 // Per-CLI model selects
 function bindPerCliControlEvents(): void {
     for (const cli of getCliKeys()) {

package/public/js/ws.ts

@@ -159,6 +159,15 @@ export function connect(): void {
                             positionShark(roadmap, shark, currentSharkPhase);
                         }
                     }).observe(roadmap);
+                    let rafId = 0;
+                    window.addEventListener('resize', () => {
+                        cancelAnimationFrame(rafId);
+                        rafId = requestAnimationFrame(() => {
+                            if (currentSharkPhase && shark.classList.contains('running')) {
+                                positionShark(roadmap, shark, currentSharkPhase);
+                            }
+                        });
+                    });
                 }
 
                 if (nextState === 'IDLE') {