npm - cli-jaw - Versions diffs - 2.0.10 → 2.0.16 - Mend

cli-jaw 2.0.10 → 2.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (718) hide show

package/public/dist/index.html CHANGED Viewed

@@ -6,9 +6,13 @@
     <script>
       // Resolve theme before CSS paints — prevents FOUC and wrong Mermaid theme
       (function() {
+        if (!localStorage.getItem('jaw.uiTheme') && localStorage.getItem('theme')) {
+          localStorage.setItem('jaw.uiTheme', localStorage.getItem('theme'));
+          localStorage.removeItem('theme');
+        }
         var q = new URLSearchParams(location.search).get('jawTheme');
-        var t = (q === 'dark' || q === 'light') ? q :
-          localStorage.getItem('theme') ||
+        var raw = (q === 'dark' || q === 'light') ? q : localStorage.getItem('jaw.uiTheme');
+        var t = (raw === 'dark' || raw === 'light') ? raw :
           (matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
         document.documentElement.setAttribute('data-theme', t);
       })();
@@ -27,9 +31,9 @@
         href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
         rel="stylesheet">
     <!-- Vite handles module bundling in dev (HMR) and production (build) -->
-  <script type="module" crossorigin src="/dist/assets/app-C7MAcAMu.js"></script>
+  <script type="module" crossorigin src="/dist/assets/app-DLDdZ41k.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/app-CkFBKUf8.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/app-RpnKs-sT.css">
 </head>
 <body>
@@ -175,25 +179,29 @@
         </div>
         <div class="pabc-roadmap" id="pabcRoadmap">
             <div class="shark-runner" id="sharkRunner"></div>
-            <div class="pabc-dot future" data-phase="P" id="dot-P">P</div>
+            <div class="pabc-dot future" data-phase="I" id="dot-I">I</div>
             <div class="pabc-connector" id="pabc-conn-0"></div>
-            <div class="pabc-dot future" data-phase="A" id="dot-A">A</div>
+            <div class="pabc-dot future" data-phase="P" id="dot-P">P</div>
             <div class="pabc-connector" id="pabc-conn-1"></div>
+            <div class="pabc-dot future" data-phase="A" id="dot-A">A</div>
+            <div class="pabc-connector" id="pabc-conn-2"></div>
             <div class="pabc-center">
-                <div class="pabc-brand" id="pabcBrand">PABCD</div>
+                <div class="pabc-brand" id="pabcBrand">IPABCD</div>
                 <div class="pabc-tagline">Ultimate Agent Workflow</div>
             </div>
             <button class="help-trigger" type="button" data-help-topic="orchestration"
-                data-i18n-aria="help.orchestration.aria" aria-label="PABCD 도움말">?</button>
-            <div class="pabc-connector" id="pabc-conn-2"></div>
-            <div class="pabc-dot future" data-phase="B" id="dot-B">B</div>
+                data-i18n-aria="help.orchestration.aria" aria-label="IPABCD 도움말">?</button>
             <div class="pabc-connector" id="pabc-conn-3"></div>
+            <div class="pabc-dot future" data-phase="B" id="dot-B">B</div>
+            <div class="pabc-connector" id="pabc-conn-4"></div>
             <div class="pabc-dot future" data-phase="C" id="dot-C">C</div>
         </div>
         <div class="pabc-meta" id="pabcMeta" aria-live="polite">
             <span class="pabc-anchor" id="pabcTaskAnchor" hidden></span>
             <span class="pabc-heartbeat-status" id="pabcHeartbeatStatus" hidden></span>
         </div>
+        <div class="interview-panel" id="interviewPanel" hidden></div>
+        <div class="goal-cockpit" id="goalCockpit" hidden></div>
         <div class="chat-messages" id="chatMessages"></div>
         <div class="empty-state" id="emptyState">
             <div class="empty-icon">CLI-JAW</div>
@@ -265,6 +273,7 @@
                     <option value="agy">Antigravity</option>
                     <option value="codex">Codex</option>
                     <option value="codex-app">Codex App</option>
+                    <option value="cursor">Cursor</option>
                     <option value="gemini">Gemini</option>
                     <option value="grok">Grok</option>
                     <option value="opencode">OpenCode</option>
@@ -337,6 +346,7 @@
                             <option value="agy">Antigravity</option>
                             <option value="codex">Codex</option>
                             <option value="codex-app">Codex App</option>
+                            <option value="cursor">Cursor</option>
                             <option value="gemini">Gemini</option>
                             <option value="grok">Grok</option>
                             <option value="opencode">OpenCode</option>
@@ -420,6 +430,8 @@
                 </div>
             </div>
+            <div id="channelTransportStatus" class="settings-group channel-transport-status" aria-live="polite"></div>
             <!-- Telegram Bot -->
             <div id="channelTelegramSettings" class="settings-group">
                 <h4 class="section-title-row">
@@ -652,6 +664,20 @@
                 </div>
             </div>
+            <div class="settings-group">
+                <h4><span data-provider="cursor"></span> Cursor</h4>
+                <div class="settings-row">
+                    <label>Model</label>
+                    <select id="modelCursor"></select>
+                    <input type="text" id="customModelCursor" class="custom-model-input"
+                        data-i18n-placeholder="model.placeholder" placeholder="model ID 입력" style="display:none">
+                </div>
+                <div class="settings-row sub-row">
+                    <label>Effort</label>
+                    <select id="effortCursor"></select>
+                </div>
+            </div>
             <div class="settings-group">
                 <h4><span data-provider="gemini"></span> Gemini</h4>
                 <div class="settings-row">

package/public/dist/manager/index.html CHANGED Viewed

@@ -6,9 +6,9 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CwXPIYF5.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-q68thm66.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-wAHlX68t.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/manager-B2NWzG7j.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/manager-CFxbpg7j.css">
 </head>
 <body>
   <div id="manager-root"></div>

package/public/index.html CHANGED Viewed

@@ -6,9 +6,13 @@
     <script>
       // Resolve theme before CSS paints — prevents FOUC and wrong Mermaid theme
       (function() {
+        if (!localStorage.getItem('jaw.uiTheme') && localStorage.getItem('theme')) {
+          localStorage.setItem('jaw.uiTheme', localStorage.getItem('theme'));
+          localStorage.removeItem('theme');
+        }
         var q = new URLSearchParams(location.search).get('jawTheme');
-        var t = (q === 'dark' || q === 'light') ? q :
-          localStorage.getItem('theme') ||
+        var raw = (q === 'dark' || q === 'light') ? q : localStorage.getItem('jaw.uiTheme');
+        var t = (raw === 'dark' || raw === 'light') ? raw :
           (matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark');
         document.documentElement.setAttribute('data-theme', t);
       })();
@@ -31,6 +35,7 @@
     <link rel="stylesheet" href="/css/chat.css">
     <link rel="stylesheet" href="/css/chat-search.css">
     <link rel="stylesheet" href="/css/orc-state.css">
+    <link rel="stylesheet" href="/css/workflow-cockpit.css">
     <link rel="stylesheet" href="/css/sidebar.css">
     <link rel="stylesheet" href="/css/modals.css">
     <link rel="stylesheet" href="/css/markdown.css">
@@ -183,25 +188,29 @@
         </div>
         <div class="pabc-roadmap" id="pabcRoadmap">
             <div class="shark-runner" id="sharkRunner"></div>
-            <div class="pabc-dot future" data-phase="P" id="dot-P">P</div>
+            <div class="pabc-dot future" data-phase="I" id="dot-I">I</div>
             <div class="pabc-connector" id="pabc-conn-0"></div>
-            <div class="pabc-dot future" data-phase="A" id="dot-A">A</div>
+            <div class="pabc-dot future" data-phase="P" id="dot-P">P</div>
             <div class="pabc-connector" id="pabc-conn-1"></div>
+            <div class="pabc-dot future" data-phase="A" id="dot-A">A</div>
+            <div class="pabc-connector" id="pabc-conn-2"></div>
             <div class="pabc-center">
-                <div class="pabc-brand" id="pabcBrand">PABCD</div>
+                <div class="pabc-brand" id="pabcBrand">IPABCD</div>
                 <div class="pabc-tagline">Ultimate Agent Workflow</div>
             </div>
             <button class="help-trigger" type="button" data-help-topic="orchestration"
-                data-i18n-aria="help.orchestration.aria" aria-label="PABCD 도움말">?</button>
-            <div class="pabc-connector" id="pabc-conn-2"></div>
-            <div class="pabc-dot future" data-phase="B" id="dot-B">B</div>
+                data-i18n-aria="help.orchestration.aria" aria-label="IPABCD 도움말">?</button>
             <div class="pabc-connector" id="pabc-conn-3"></div>
+            <div class="pabc-dot future" data-phase="B" id="dot-B">B</div>
+            <div class="pabc-connector" id="pabc-conn-4"></div>
             <div class="pabc-dot future" data-phase="C" id="dot-C">C</div>
         </div>
         <div class="pabc-meta" id="pabcMeta" aria-live="polite">
             <span class="pabc-anchor" id="pabcTaskAnchor" hidden></span>
             <span class="pabc-heartbeat-status" id="pabcHeartbeatStatus" hidden></span>
         </div>
+        <div class="interview-panel" id="interviewPanel" hidden></div>
+        <div class="goal-cockpit" id="goalCockpit" hidden></div>
         <div class="chat-messages" id="chatMessages"></div>
         <div class="empty-state" id="emptyState">
             <div class="empty-icon">CLI-JAW</div>
@@ -273,6 +282,7 @@
                     <option value="agy">Antigravity</option>
                     <option value="codex">Codex</option>
                     <option value="codex-app">Codex App</option>
+                    <option value="cursor">Cursor</option>
                     <option value="gemini">Gemini</option>
                     <option value="grok">Grok</option>
                     <option value="opencode">OpenCode</option>
@@ -345,6 +355,7 @@
                             <option value="agy">Antigravity</option>
                             <option value="codex">Codex</option>
                             <option value="codex-app">Codex App</option>
+                            <option value="cursor">Cursor</option>
                             <option value="gemini">Gemini</option>
                             <option value="grok">Grok</option>
                             <option value="opencode">OpenCode</option>
@@ -428,6 +439,8 @@
                 </div>
             </div>
+            <div id="channelTransportStatus" class="settings-group channel-transport-status" aria-live="polite"></div>
             <!-- Telegram Bot -->
             <div id="channelTelegramSettings" class="settings-group">
                 <h4 class="section-title-row">
@@ -660,6 +673,20 @@
                 </div>
             </div>
+            <div class="settings-group">
+                <h4><span data-provider="cursor"></span> Cursor</h4>
+                <div class="settings-row">
+                    <label>Model</label>
+                    <select id="modelCursor"></select>
+                    <input type="text" id="customModelCursor" class="custom-model-input"
+                        data-i18n-placeholder="model.placeholder" placeholder="model ID 입력" style="display:none">
+                </div>
+                <div class="settings-row sub-row">
+                    <label>Effort</label>
+                    <select id="effortCursor"></select>
+                </div>
+            </div>
             <div class="settings-group">
                 <h4><span data-provider="gemini"></span> Gemini</h4>
                 <div class="settings-row">

package/public/js/constants.ts CHANGED Viewed

@@ -62,6 +62,8 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'sonnet',
             'sonnet[1m]',
             'haiku',
+            'claude-opus-4-8',
+            'claude-opus-4-8[1m]',
             'claude-opus-4-7',
             'claude-opus-4-7[1m]',
             'claude-opus-4-6',
@@ -78,6 +80,7 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
             'opus',
             'sonnet',
             'haiku',
+            'claude-opus-4-8',
             'claude-opus-4-7',
             'claude-sonnet-4-6',
             'claude-haiku-4-5',
@@ -93,6 +96,23 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
         efforts: ['low', 'medium', 'high', 'xhigh'],
         models: ['gpt-5.5', 'gpt-5.4', 'gpt-5.4-mini', 'gpt-5.3-codex', 'gpt-5.3-codex-spark'],
     },
+    cursor: {
+        label: 'Cursor',
+        efforts: ['none', 'none-fast', 'low', 'low-fast', 'medium', 'medium-fast', 'high', 'high-fast', 'xhigh', 'xhigh-fast', 'max', 'max-fast'],
+        effortNote: 'Cursor effort resolves to model IDs; cli-jaw never passes --effort',
+        models: [
+            'auto', 'composer-2.5', 'composer-2',
+            'gpt-5.5', 'gpt-5.4', 'gpt-5.4-mini', 'gpt-5.4-nano',
+            'gpt-5.3-codex', 'gpt-5.2', 'gpt-5.2-codex',
+            'gpt-5.1-codex-max', 'gpt-5.1-codex-mini', 'gpt-5.1',
+            'claude-opus-4-8', 'claude-opus-4-8-thinking',
+            'claude-opus-4-7', 'claude-opus-4-7-thinking',
+            'claude-4.6-opus', 'claude-4.6-sonnet',
+            'claude-4.5-opus-high', 'claude-4.5-sonnet', 'claude-4-sonnet',
+            'gemini-3.1-pro', 'gemini-3-flash', 'gemini-3.5-flash',
+            'grok-4.3', 'grok-build-0.1', 'gpt-5-mini', 'kimi-k2.5',
+        ],
+    },
     gemini: {
         label: 'Gemini',
         efforts: [],
@@ -124,6 +144,7 @@ const FALLBACK_CLI_REGISTRY: CliRegistry = {
         effortNote: '-> ~/.copilot/config.json',
         models: [
             'gpt-5.5',
+            'claude-opus-4.8',
             'claude-sonnet-4.6',
             'claude-haiku-4.5',
             'gpt-5.4',
@@ -216,7 +237,7 @@ export function getCliMeta(cli: string): CliEntry | null {
     return CLI_REGISTRY[cli] || null;
 }
-export const PRIMARY_CLIS: readonly string[] = ['claude', 'claude-e', 'agy', 'codex', 'gemini'];
+export const PRIMARY_CLIS: readonly string[] = ['claude', 'claude-e', 'agy', 'codex', 'cursor', 'gemini'];
 export interface RolePreset {
     value: string;

package/public/js/diagram/iframe-renderer.ts CHANGED Viewed

@@ -5,6 +5,7 @@
 import { ICONS } from '../icons.js';
 import { validateWidgetHtml } from './widget-validator.js';
 import { isChatNearBottom, reconcileChatBottomAfterLayout } from '../features/chat-scroll.js';
+import { copyText } from '../features/copy-text.js';
 // ── Action Button Helpers ──
 function createDiagramCopyBtn(): HTMLButtonElement {
@@ -659,7 +660,7 @@ window.addEventListener('message', (e: MessageEvent) => {
     case 'jaw-copy-text': {
       const text = String(e.data.text || '').trim().slice(0, 512);
       if (!text) return;
-      navigator.clipboard.writeText(text).catch(() => {});
+      void copyText(text);
       break;
     }

package/public/js/features/chat-messages.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { renderMarkdown, escapeHtml, sanitizeHtml, stripOrchestration, linkifyFilePaths } from '../render.js';
+import { renderMarkdown, escapeHtml, sanitizeHtml, stripOrchestration, linkifyFilePathsWithNotesRoot } from '../render.js';
 import { renderMermaidBlocks } from '../render.js';
 import { generateId } from '../uuid.js';
 import { state } from '../state.js';
@@ -121,7 +121,7 @@ export function addMessage(role: string, text: string, cli?: string | null): HTM
                 });
                 vs.onPostRender = (viewport: HTMLElement) => {
                     activateWidgets(viewport);
-                    linkifyFilePaths(viewport);
+                    void linkifyFilePathsWithNotesRoot(viewport);
                     void renderMermaidBlocks(viewport, { immediate: true });
                 };
             }

package/public/js/features/chat.ts CHANGED Viewed

@@ -12,21 +12,139 @@ import { ICONS } from '../icons.js';
 import { clearUnreadResponses } from './attention-badge.js';
 import { syncOrchestrateSnapshot } from '../ws.js';
 import { waitForSettingsSaveIdle } from './settings-core.js';
+import { isChatNearBottom, markFollowingBottom, reconcileChatBottomAfterLayout } from './chat-scroll.js';
+import { copyText } from './copy-text.js';
+import { isLocalPreviewRelayOrigin, previewParentOrigin } from '../preview-parent-origin.js';
 let activeObjectURLs: string[] = [];
-interface CommandResult { code?: string; text?: string; type?: string; }
+interface UnknownCommandRecovery {
+    kind: 'slash-command-original';
+    commandName: string;
+    args: string[];
+    originalText: string;
+    suggestedCommands?: string[];
+}
+interface CommandResult {
+    code?: string;
+    text?: string;
+    type?: string;
+    steerPrompt?: string;
+    originalText?: string;
+    recovery?: UnknownCommandRecovery;
+}
 interface MessageResult { queued?: boolean; pending?: number; continued?: boolean; noPendingContinue?: boolean; error?: string; queuedId?: string; }
+type MessagePostResult = { ok: boolean; status: number; data: MessageResult };
+type PreviewSendRelayResult = MessagePostResult & {
+    type?: unknown;
+    requestId?: unknown;
+    error?: string;
+};
+const PREVIEW_SEND_RELAY_TIMEOUT_MS = 8_000;
 function getCommandTimeoutMs(text: string): number {
     // Native compaction can take materially longer than the default command round-trip.
     return /^\/compact(?:\s|$)/i.test(String(text || '').trim()) ? 5 * 60 * 1000 : 10_000;
 }
-function isOrchestrateCommand(text: string): boolean {
-    return /^\/(?:orchestrate|pabcd)(?:\s|$)/i.test(String(text || '').trim());
+function sendPreviewMessageViaParent(prompt: string): Promise<MessagePostResult | null> {
+    const targetOrigin = previewParentOrigin();
+    if (!targetOrigin) return Promise.resolve(null);
+    return new Promise(resolve => {
+        const requestId = `preview-send-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+        let settled = false;
+        const cleanup = () => {
+            window.removeEventListener('message', onMessage);
+            window.clearTimeout(timeout);
+        };
+        const settle = (result: MessagePostResult | null) => {
+            if (settled) return;
+            settled = true;
+            cleanup();
+            resolve(result);
+        };
+        const onMessage = (event: MessageEvent) => {
+            if (event.source !== window.parent) return;
+            if (!isLocalPreviewRelayOrigin(event.origin)) return;
+            const data = event.data as PreviewSendRelayResult | null;
+            if (!data || data.type !== 'jaw-preview-send-result' || data.requestId !== requestId) return;
+            settle({
+                ok: !!data.ok,
+                status: Number.isInteger(data.status) ? data.status : (data.ok ? 200 : 502),
+                data: data.data || (data.error ? { error: data.error } : {}),
+            });
+        };
+        const timeout = window.setTimeout(() => settle(null), PREVIEW_SEND_RELAY_TIMEOUT_MS);
+        window.addEventListener('message', onMessage);
+        try {
+            window.parent.postMessage({ type: 'jaw-preview-send-message', requestId, prompt }, targetOrigin);
+        } catch {
+            settle(null);
+        }
+    });
+}
+async function postChatMessage(prompt: string): Promise<MessagePostResult> {
+    const relayed = await sendPreviewMessageViaParent(prompt);
+    if (relayed?.ok) return relayed;
+    try {
+        const res = await fetch(`${API_BASE}/api/message`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ prompt }),
+        });
+        const data: MessageResult = await res.json().catch(() => ({}));
+        return { ok: res.ok, status: res.status, data };
+    } catch (error) {
+        return { ok: false, status: 0, data: { error: (error as Error).message } };
+    }
+}
+function renderCommandRecovery(result: CommandResult): string {
+    const recovery = result.recovery;
+    if (!recovery?.originalText) return result.text ? escapeHtml(result.text) : '';
+    const suggestions = (recovery.suggestedCommands || []).slice(0, 5);
+    const suggestionHtml = suggestions.length
+        ? `<div class="cmd-recovery-suggestions">${suggestions.map(s => `<code>${escapeHtml(s)}</code>`).join(' ')}</div>`
+        : '';
+    const original = escapeHtml(recovery.originalText);
+    const body = result.text ? `<div>${escapeHtml(result.text)}</div>` : '';
+    return `${body}
+        <div class="cmd-recovery" data-cmd-recovery>
+            <div class="cmd-recovery-label">${escapeHtml(t('cmd.recovery.originalPrompt'))}</div>
+            <pre class="cmd-recovery-text">${original}</pre>
+            ${suggestionHtml}
+            <div class="cmd-recovery-actions">
+                <button type="button" class="cmd-recovery-btn" data-cmd-recovery-action="reinsert" data-cmd-text="${original}">${escapeHtml(t('cmd.artifact.action.reinsert'))}</button>
+                <button type="button" class="cmd-recovery-btn" data-cmd-recovery-action="copy" data-cmd-text="${original}">${escapeHtml(t('cmd.artifact.action.copy'))}</button>
+            </div>
+        </div>`;
 }
+document.addEventListener('click', async (event) => {
+    const target = event.target as HTMLElement | null;
+    const btn = target?.closest('[data-cmd-recovery-action]') as HTMLButtonElement | null;
+    if (!btn) return;
+    const action = btn.dataset['cmdRecoveryAction'] || '';
+    const text = btn.dataset['cmdText'] || '';
+    if (!text) return;
+    if (action === 'reinsert') {
+        const input = document.getElementById('chatInput') as HTMLTextAreaElement | null;
+        if (!input) return;
+        input.value = text;
+        input.focus();
+        input.selectionStart = input.selectionEnd = input.value.length;
+        input.dispatchEvent(new Event('input', { bubbles: true }));
+        return;
+    }
+    if (action === 'copy') {
+        await copyText(text);
+    }
+});
 // In-flight guard: prevents double-send from rapid clicks / Enter-bursts while the
 // POST to /api/message is outstanding. Server-side dedup in gateway.ts is the
 // second line of defense. See devlog/_plan/260417_message_duplication/.
@@ -78,7 +196,6 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
         const isFilePath = firstToken.includes('/') || firstToken.includes('\\');
         if (text.startsWith('/') && !state.attachedFiles.length && !isFilePath) {
-            const shouldSyncOrchestrate = isOrchestrateCommand(text);
             input.value = '';
             resetInputHeight();
             slashCmd.close();
@@ -120,13 +237,14 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
                     const chatEl = document.getElementById('chatMessages');
                     if (chatEl) chatEl.innerHTML = '';
                 }
-                if (result?.text) addSystemMsg(escapeHtml(result.text), '', result.type);
+                if (result?.text || result?.recovery) addSystemMsg(renderCommandRecovery(result), '', result.type);
+                if (result?.steerPrompt) {
+                    await apiJson('/api/message', 'POST', { prompt: result.steerPrompt });
+                }
             } catch (err) {
                 addSystemMsg(t('chat.cmd.fail', { msg: (err as Error).message }), '', 'error');
             } finally {
-                if (shouldSyncOrchestrate) {
-                    syncOrchestrateSnapshot('command').catch(() => {});
-                }
+                syncOrchestrateSnapshot('command').catch(() => {});
             }
             return;
         }
@@ -157,18 +275,14 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
             // because we only addMessage when we know for sure what happened.
             input.value = '';
             resetInputHeight();
-            const res = await fetch(`${API_BASE}/api/message`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ prompt: text }),
-            });
-            const data: MessageResult = await res.json().catch(() => ({}));
+            const result = await postChatMessage(text);
+            const data = result.data;
             // Server-side 5s dedup returns 409 with reason='duplicate'.
-            if (res.status === 409 && data.error === 'duplicate') {
+            if (result.status === 409 && data.error === 'duplicate') {
                 return;
             }
-            if (!res.ok) {
-                addSystemMsg(`${ICONS.error} ${escapeHtml(data.error || t('chat.requestFail', { status: res.status }))}`, '', 'error');
+            if (!result.ok) {
+                addSystemMsg(`${ICONS.error} ${escapeHtml(data.error || t('chat.requestFail', { status: result.status }))}`, '', 'error');
                 return;
             }
             if (data.queued) {
@@ -182,14 +296,17 @@ export async function sendMessage(source: SendSource = 'enter'): Promise<void> {
                 // user-facing no-pending response through orchestrate_done.
                 addMessage('user', text);
                 upsertMessage({ role: 'user', content: text, timestamp: Date.now() });
+                reconcileChatBottomAfterLayout(true);
             } else if (data.continued) {
                 addMessage('user', text);
                 upsertMessage({ role: 'user', content: text, timestamp: Date.now() });
                 addSystemMsg(t('chat.continue'));
+                reconcileChatBottomAfterLayout(true);
             } else {
                 // started: backend already inserted the row; render now.
                 addMessage('user', text);
                 upsertMessage({ role: 'user', content: text, timestamp: Date.now() });
+                reconcileChatBottomAfterLayout(true);
             }
         }
     } finally {
@@ -283,10 +400,15 @@ export async function clearChat(): Promise<void> {
 let resizeRaf = 0;
 function autoResize(el: HTMLTextAreaElement): void {
     if (resizeRaf) return;
+    const shouldFollowBottom = isChatNearBottom();
     resizeRaf = requestAnimationFrame(() => {
         resizeRaf = 0;
         el.style.height = 'auto';
         el.style.height = el.scrollHeight + 'px';
+        if (shouldFollowBottom) {
+            const c = document.getElementById('chatMessages');
+            if (c) { c.scrollTop = c.scrollHeight; markFollowingBottom(); }
+        }
     });
 }
@@ -297,7 +419,12 @@ export function initAutoResize(): void {
 export function resetInputHeight(): void {
     const el = document.getElementById('chatInput') as HTMLTextAreaElement | null;
+    const shouldFollowBottom = isChatNearBottom();
     if (el) el.style.height = 'auto';
+    if (shouldFollowBottom) {
+        const c = document.getElementById('chatMessages');
+        if (c) { c.scrollTop = c.scrollHeight; markFollowingBottom(); }
+    }
 }
 export function initDragDrop(): void {

package/public/js/features/copy-text.ts ADDED Viewed

@@ -0,0 +1,39 @@
+type ClipboardBridge = {
+    writeText: (text: string) => Promise<{ ok: boolean; error?: string }>;
+};
+type DesktopClipboardHost = {
+    cliJawDesktop?: {
+        clipboard?: ClipboardBridge;
+    };
+};
+export type CopyTextResult = {
+    ok: boolean;
+    error?: string;
+};
+function messageFromError(error: unknown): string {
+    return error instanceof Error ? error.message : String(error);
+}
+function desktopClipboard(): ClipboardBridge | null {
+    return (window as unknown as DesktopClipboardHost).cliJawDesktop?.clipboard ?? null;
+}
+export async function copyText(text: string): Promise<CopyTextResult> {
+    try {
+        const bridge = desktopClipboard();
+        if (bridge) {
+            const result = await bridge.writeText(text);
+            return result.ok ? { ok: true } : { ok: false, error: result.error ?? 'Clipboard bridge rejected the copy request.' };
+        }
+        if (!navigator.clipboard?.writeText) {
+            return { ok: false, error: 'Clipboard API is unavailable.' };
+        }
+        await navigator.clipboard.writeText(text);
+        return { ok: true };
+    } catch (error) {
+        return { ok: false, error: messageFromError(error) };
+    }
+}

package/public/js/features/employees.ts CHANGED Viewed

@@ -41,7 +41,7 @@ const LEGACY_MAP: Record<string, string> = {
 };
 const PHASE_COLORS: Record<string, string> = {
-    '1': '#60a5fa', '2': '#a78bfa', '3': '#34d399', '4': '#fbbf24', '5': '#f472b6'
+    '1': 'var(--phase-1)', '2': 'var(--phase-2)', '3': 'var(--phase-3)', '4': 'var(--phase-4)', '5': 'var(--phase-5)'
 };
 function normalizeEmployeeModel(_cli: string, model?: string): string {
@@ -90,12 +90,12 @@ export function renderEmployees(): void {
         const p = ps?.phase || a.phase;
         const pl = ps?.phaseLabel || a.phaseLabel;
         const phaseBadge = p
-            ? `<span style="background:${PHASE_COLORS[p] || '#888'};color:#000;padding:1px 6px;border-radius:9px;font-size:9px">${escapeHtml(pl || 'P' + p)}</span>`
+            ? `<span style="background:${PHASE_COLORS[p] || '#888'};color:var(--text-on-accent);padding:1px 6px;border-radius:9px;font-size:9px">${escapeHtml(pl || 'P' + p)}</span>`
             : '';
         const staticBadge = isStatic
-            ? `<span style="background:#3b3b4f;color:#a78bfa;padding:1px 6px;border-radius:9px;font-size:9px;letter-spacing:0.3px">BUILT-IN</span>`
+            ? `<span style="background:var(--surface);color:var(--accent);padding:1px 6px;border-radius:9px;font-size:9px;letter-spacing:0.3px">BUILT-IN</span>`
             : '';
-        const borderStyle = isStatic ? 'border-left:2px solid #a78bfa;' : '';
+        const borderStyle = isStatic ? 'border-left:2px solid var(--accent);' : '';
         // Static employees: name/CLI/role locked. Only model editable.
         // DB employees: everything editable as before.
@@ -146,7 +146,7 @@ export function renderEmployees(): void {
                 ${roleField}
             </div>
             <div style="margin-top:4px;font-size:10px;display:flex;align-items:center;gap:6px">
-                <span style="color:${a.status === 'running' ? '#fbbf24' : 'var(--green)'}"><span style="display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:4px"></span>${escapeHtml(a.status || 'idle')}</span>
+                <span style="color:${a.status === 'running' ? 'var(--warning)' : 'var(--green)'}"><span style="display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:4px"></span>${escapeHtml(a.status || 'idle')}</span>
                 ${phaseBadge}
             </div>
         </div>`;