cli-jaw 1.3.3 → 1.3.4

package/public/index.html

@@ -306,6 +306,25 @@
                         <button id="codexFastOn" class="perm-btn" data-i18n="btn.on">켬</button>
                     </div>
                 </div>
+                <div class="settings-row sub-row">
+                    <label>🧠 1M Context</label>
+                    <div>
+                        <button id="codexCtxOff" class="perm-btn active">Off</button>
+                        <button id="codexCtxOn" class="perm-btn">On</button>
+                    </div>
+                </div>
+                <div id="codexCtxValues" style="display:none">
+                    <div class="settings-row sub-row" style="margin-left:24px">
+                        <label style="min-width:120px;font-size:11px">Context Window</label>
+                        <input type="number" id="codexCtxWindow" value="1000000" min="272000" max="1050000" step="1000"
+                            style="width:100px;font-size:11px;padding:3px 6px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px">
+                    </div>
+                    <div class="settings-row sub-row" style="margin-left:24px">
+                        <label style="min-width:120px;font-size:11px">Auto Compact Limit</label>
+                        <input type="number" id="codexCtxCompact" value="900000" min="100000" max="1000000" step="1000"
+                            style="width:100px;font-size:11px;padding:3px 6px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px">
+                    </div>
+                </div>
             </div>
 
             <div class="settings-group">
@@ -402,7 +421,8 @@
                         <option value="gemini-2.5-pro">gemini-2.5-pro (accurate)</option>
                         <option value="__custom__">✏️ 직접 입력...</option>
                     </select>
-                    <input type="text" id="sttGeminiModelCustom" placeholder="모델명 입력" style="display:none; margin-top:4px;" />
+                    <input type="text" id="sttGeminiModelCustom" placeholder="모델명 입력"
+                        style="display:none; margin-top:4px;" />
                 </div>
                 <!-- OpenAI Compatible -->
                 <div class="settings-row sub-row stt-openai" style="display:none">
@@ -423,7 +443,8 @@
                 <!-- Vertex AI -->
                 <div class="settings-row sub-row stt-vertex" style="display:none">
                     <label data-i18n="stt.vertexConfig">Vertex AI Config (JSON)</label>
-                    <textarea id="sttVertexJson" rows="4" placeholder='{"project_id":"...","location":"us-central1","credentials":{...}}'
+                    <textarea id="sttVertexJson" rows="4"
+                        placeholder='{"project_id":"...","location":"us-central1","credentials":{...}}'
                         style="width:100%;font-size:11px;padding:4px;font-family:var(--font-mono)"></textarea>
                 </div>
                 <div class="settings-row sub-row stt-whisper">
@@ -572,7 +593,8 @@
             </div>
             <!-- View 2: Editor (hidden by default) -->
             <div id="templateEditorView" style="display:none;flex-direction:column">
-                <div style="display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border)">
+                <div
+                    style="display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border)">
                     <button id="templateBack"
                         style="background:none;border:1px solid var(--border);color:var(--text-dim);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px">←
                         뒤로</button>
@@ -584,10 +606,9 @@
                 <textarea class="modal-textarea" id="templateEditor" readonly
                     style="flex:1;min-height:350px;font-family:var(--font-mono);font-size:12px"></textarea>
                 <div class="modal-footer">
-                    <span id="templateVars"
-                        style="color:var(--text-dim);font-size:10px;margin-right:auto"></span>
-                    <button class="btn-save" data-action="saveTemplate" style="display:none"
-                        id="templateSaveBtn">💾 저장</button>
+                    <span id="templateVars" style="color:var(--text-dim);font-size:10px;margin-right:auto"></span>
+                    <button class="btn-save" data-action="saveTemplate" style="display:none" id="templateSaveBtn">💾
+                        저장</button>
                 </div>
             </div>
         </div>

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.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'],
+        models: ['gpt-5.4', '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',

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; fastMode?: boolean; }
+interface PerCliConfig { model?: string; effort?: string; fastMode?: boolean; contextWindow?: boolean; contextWindowSize?: number; contextCompactLimit?: number; }
 interface TelegramConfig { enabled?: boolean; token?: string; allowedChatIds?: number[]; forwardAll?: boolean; }
 interface QuotaWindow { label: string; percent: number; resetsAt?: string | number | null; }
 interface QuotaEntry {
@@ -171,6 +171,18 @@ export async function loadSettings(): Promise<void> {
                 document.getElementById('codexFastOn')?.classList.toggle('active', cfg.fastMode);
                 document.getElementById('codexFastOff')?.classList.toggle('active', !cfg.fastMode);
             }
+            // Restore Codex context window toggle + values
+            if (cli === 'codex') {
+                const ctxOn = !!cfg.contextWindow;
+                document.getElementById('codexCtxOn')?.classList.toggle('active', ctxOn);
+                document.getElementById('codexCtxOff')?.classList.toggle('active', !ctxOn);
+                const valDiv = document.getElementById('codexCtxValues');
+                if (valDiv) valDiv.style.display = ctxOn ? '' : 'none';
+                const winInput = document.getElementById('codexCtxWindow') as HTMLInputElement | null;
+                const compInput = document.getElementById('codexCtxCompact') as HTMLInputElement | null;
+                if (winInput && cfg.contextWindowSize) winInput.value = String(cfg.contextWindowSize);
+                if (compInput && cfg.contextCompactLimit) compInput.value = String(cfg.contextCompactLimit);
+            }
         }
     }
 
@@ -377,6 +389,13 @@ export async function savePerCli(): Promise<void> {
         if (cli === 'codex') {
             const onBtn = document.getElementById('codexFastOn');
             entry.fastMode = onBtn?.classList.contains('active') ?? false;
+            // Context window toggle + values
+            const ctxOn = document.getElementById('codexCtxOn');
+            entry.contextWindow = ctxOn?.classList.contains('active') ?? false;
+            const winInput = document.getElementById('codexCtxWindow') as HTMLInputElement | null;
+            const compInput = document.getElementById('codexCtxCompact') as HTMLInputElement | null;
+            entry.contextWindowSize = parseInt(winInput?.value || '1000000', 10);
+            entry.contextCompactLimit = parseInt(compInput?.value || '900000', 10);
         }
         perCli[cli] = entry;
     }

package/public/js/main.ts

@@ -182,6 +182,23 @@ function setCodexFast(on: boolean) {
 }
 document.getElementById('codexFastOn')?.addEventListener('click', () => setCodexFast(true));
 document.getElementById('codexFastOff')?.addEventListener('click', () => setCodexFast(false));
+
+// Codex 1M context window toggle
+function setCodexCtx(on: boolean) {
+    const onBtn = document.getElementById('codexCtxOn');
+    const offBtn = document.getElementById('codexCtxOff');
+    const valDiv = document.getElementById('codexCtxValues');
+    if (onBtn && offBtn) {
+        onBtn.classList.toggle('active', on);
+        offBtn.classList.toggle('active', !on);
+    }
+    if (valDiv) valDiv.style.display = on ? '' : 'none';
+    savePerCli();
+}
+document.getElementById('codexCtxOn')?.addEventListener('click', () => setCodexCtx(true));
+document.getElementById('codexCtxOff')?.addEventListener('click', () => setCodexCtx(false));
+document.getElementById('codexCtxWindow')?.addEventListener('change', savePerCli);
+document.getElementById('codexCtxCompact')?.addEventListener('change', savePerCli);
 // Per-CLI model selects
 function bindPerCliControlEvents(): void {
     for (const cli of getCliKeys()) {