jinzd-ai-cli 0.4.304 → 0.4.305

package/dist/{server-WI3Q4EDH.js → server-PNYRE3AL.js}

@@ -1,20 +1,20 @@
 #!/usr/bin/env node
 import {
   ToolRegistry
-} from "./chunk-2PLYXL4P.js";
+} from "./chunk-IPUTC5EX.js";
 import "./chunk-GHWZVPUV.js";
-import "./chunk-7L7T46PI.js";
-import "./chunk-4DEMGCK4.js";
-import "./chunk-UUSRWSSX.js";
-import "./chunk-CKH4KQ4E.js";
-import "./chunk-BXP6YZ2P.js";
+import "./chunk-3ZABGT3S.js";
+import "./chunk-LF67HWWR.js";
+import "./chunk-XJOK5353.js";
+import "./chunk-WQ3OMEC4.js";
+import "./chunk-NRSYBKWA.js";
 import "./chunk-KHYD3WXE.js";
 import "./chunk-5C76XDDF.js";
 import "./chunk-NYNSYLFY.js";
 import "./chunk-3FEZSLGI.js";
 import {
   runTool
-} from "./chunk-I2WJ44D3.js";
+} from "./chunk-Q4DAKI7I.js";
 import "./chunk-RS7SKYTS.js";
 import {
   getDangerLevel,
@@ -24,10 +24,10 @@ import "./chunk-TU3L3PW7.js";
 import "./chunk-HOSJZMQS.js";
 import "./chunk-IW3Q7AE5.js";
 import "./chunk-4BKXL7SM.js";
-import "./chunk-BSBGPDCX.js";
+import "./chunk-I6RATYRF.js";
 import {
   VERSION
-} from "./chunk-RHCRE6XE.js";
+} from "./chunk-NBYSFFCO.js";
 
 // src/mcp/server.ts
 import { createInterface } from "readline";

package/dist/{store-MWNHVGJT.js → store-CMSSWZF7.js}

@@ -5,8 +5,9 @@ import {
   loadIndex,
   removeFile,
   saveIndex,
+  symbolFingerprint,
   upsertFileSymbols
-} from "./chunk-CKH4KQ4E.js";
+} from "./chunk-WQ3OMEC4.js";
 import "./chunk-IW3Q7AE5.js";
 export {
   clearIndex,
@@ -14,5 +15,6 @@ export {
   loadIndex,
   removeFile,
   saveIndex,
+  symbolFingerprint,
   upsertFileSymbols
 };

package/dist/{store-VO37H6LS.js → store-SIKHCUYJ.js}

@@ -4,8 +4,9 @@ import {
   loadIndex,
   removeFile,
   saveIndex,
+  symbolFingerprint,
   upsertFileSymbols
-} from "./chunk-RWM2GFRC.js";
+} from "./chunk-45UVJXFQ.js";
 import "./chunk-6BUTA5VW.js";
 export {
   clearIndex,
@@ -13,5 +14,6 @@ export {
   loadIndex,
   removeFile,
   saveIndex,
+  symbolFingerprint,
   upsertFileSymbols
 };

package/dist/{task-orchestrator-PWW5I2KE.js → task-orchestrator-WAJTCE6D.js}

@@ -4,20 +4,20 @@ import {
   googleSearchContext,
   isToolCapableProvider,
   truncateOutput
-} from "./chunk-2PLYXL4P.js";
+} from "./chunk-IPUTC5EX.js";
 import "./chunk-GHWZVPUV.js";
-import "./chunk-7L7T46PI.js";
-import "./chunk-4DEMGCK4.js";
-import "./chunk-UUSRWSSX.js";
-import "./chunk-CKH4KQ4E.js";
-import "./chunk-BXP6YZ2P.js";
+import "./chunk-3ZABGT3S.js";
+import "./chunk-LF67HWWR.js";
+import "./chunk-XJOK5353.js";
+import "./chunk-WQ3OMEC4.js";
+import "./chunk-NRSYBKWA.js";
 import "./chunk-KHYD3WXE.js";
 import "./chunk-5C76XDDF.js";
 import "./chunk-NYNSYLFY.js";
 import "./chunk-3FEZSLGI.js";
 import {
   runTool
-} from "./chunk-I2WJ44D3.js";
+} from "./chunk-Q4DAKI7I.js";
 import "./chunk-RS7SKYTS.js";
 import {
   getDangerLevel,
@@ -29,10 +29,10 @@ import {
   atomicWriteFileSync
 } from "./chunk-IW3Q7AE5.js";
 import "./chunk-4BKXL7SM.js";
-import "./chunk-BSBGPDCX.js";
+import "./chunk-I6RATYRF.js";
 import {
   SUBAGENT_ALLOWED_TOOLS
-} from "./chunk-RHCRE6XE.js";
+} from "./chunk-NBYSFFCO.js";
 
 // src/hub/task-orchestrator.ts
 import { createInterface } from "readline";

package/dist/{usage-MAIV6XUZ.js → usage-DOES3DOS.js}

@@ -9,10 +9,10 @@ import {
 import "./chunk-RS7SKYTS.js";
 import {
   ConfigManager
-} from "./chunk-XIMM47EG.js";
+} from "./chunk-NFLE34QG.js";
 import "./chunk-TU3L3PW7.js";
 import "./chunk-IW3Q7AE5.js";
-import "./chunk-RHCRE6XE.js";
+import "./chunk-NBYSFFCO.js";
 
 // src/cli/usage.ts
 function classifyRowCost(row) {

package/dist/{vector-store-JBAE6PS4.js → vector-store-JAXWDZYW.js}

@@ -4,7 +4,7 @@ import {
   loadVectorStore,
   saveVectorStore,
   searchVectorStore
-} from "./chunk-IEQAE3QG.js";
+} from "./chunk-OAXLMF3U.js";
 import "./chunk-JV5N65KN.js";
 import "./chunk-6BUTA5VW.js";
 export {

package/dist/{vector-store-BBDXB5IQ.js → vector-store-PWIOQFTP.js}

@@ -5,7 +5,7 @@ import {
   loadVectorStore,
   saveVectorStore,
   searchVectorStore
-} from "./chunk-BXP6YZ2P.js";
+} from "./chunk-NRSYBKWA.js";
 import "./chunk-KHYD3WXE.js";
 import "./chunk-IW3Q7AE5.js";
 export {

package/dist/web/client/app.js

@@ -9,6 +9,21 @@
 
 import { escapeHtml, formatToolArgs, formatDuration, sanitizeHtml, formatCostDisplay } from './util.js';
 import { fetchSessionReplay, fetchStatus, logoutAuth, registerFirstUser, submitAuth } from './api.js';
+import { resolveFileReferences, messageBytes, quoteFileReference } from './chat-input.js';
+import { appendStreamText, finishStreamText, flushStreamText } from './stream-render.js';
+
+let sendingMessage = false;
+let retrySubmission = null;
+let chatLimits = { maxChatBytes: 1024 * 1024, maxImageBytes: 10 * 1024 * 1024 };
+const chatAcks = new Map();
+let lastPong = 0;
+let pendingPing = 0;
+let reconnectTimer = null;
+function scheduleReconnect() {
+  if (reconnectTimer !== null) return;
+  reconnectTimer = setTimeout(() => { reconnectTimer = null; connect(); }, reconnectDelay);
+  reconnectDelay = Math.min(reconnectDelay * 2, 10000);
+}
 
 // ── State ──────────────────────────────────────────────────────────
 // All cross-cutting mutable state now lives in state.js (P0-4 Phase 1),
@@ -47,21 +62,35 @@ function connect() {
   const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
   // Security: do NOT put token in URL or WebSocket JSON. Cookie is sent automatically.
   ws = new WebSocket(`${protocol}//${location.host}?tabId=${tabId}`);
+  const socket = ws;
 
   ws.onopen = () => {
+    if (ws !== socket) return;
+    lastPong = Date.now();
+    pendingPing = 0;
     connected = true;
     reconnectDelay = 1000; // Reset backoff on success
     connectionStatus.textContent = '🟢 Connected';
     connectionStatus.className = 'status-connected';
     requestSessionList();
     checkAuthStatus();
-    // Start heartbeat ping every 30s
+    // Detect half-open sockets even when TCP has not delivered a close event.
     clearInterval(heartbeatTimer);
     heartbeatTimer = setInterval(() => {
-      if (ws && ws.readyState === WebSocket.OPEN) {
+      const now = Date.now();
+      if (pendingPing && now - pendingPing >= 30000) {
+        ws.close(4000, 'Heartbeat timeout');
+        connected = false;
+        connectionStatus.textContent = '🔴 Connection timed out — reconnecting...';
+        clearInterval(heartbeatTimer);
+        scheduleReconnect();
+        return;
+      }
+      if (ws && ws.readyState === WebSocket.OPEN && !pendingPing && now - lastPong >= 15000) {
+        pendingPing = now;
         ws.send(JSON.stringify({ type: 'ping' }));
       }
-    }, 30000);
+    }, 5000);
     // If we had a session & were processing, reset UI state
     if (processing) {
       setProcessing(false);
@@ -90,24 +119,28 @@ function connect() {
   };
 
   ws.onclose = () => {
+    if (ws !== socket) return;
     connected = false;
     clearInterval(heartbeatTimer);
+    for (const ack of chatAcks.values()) ack.reject(new Error('Disconnected before delivery was confirmed. Your draft was kept; reconnect and retry.'));
+    chatAcks.clear();
     connectionStatus.textContent = '🔴 Disconnected — reconnecting...';
     connectionStatus.className = 'status-disconnected';
     // Exponential backoff: 1s, 2s, 4s, max 10s
-    setTimeout(connect, reconnectDelay);
-    reconnectDelay = Math.min(reconnectDelay * 2, 10000);
+    scheduleReconnect();
   };
 
   ws.onerror = () => {
+    if (ws !== socket) return;
     connectionStatus.textContent = '🔴 Error';
     connectionStatus.className = 'status-disconnected';
   };
 
   ws.onmessage = (event) => {
+    if (ws !== socket) return;
     try {
       const msg = JSON.parse(event.data);
-      if (msg.type === 'pong') return; // Heartbeat response, ignore
+      if (msg.type === 'pong') { lastPong = Date.now(); pendingPing = 0; return; }
       handleServerMessage(msg);
     } catch (e) {
       console.error('Failed to parse message:', e);
@@ -117,8 +150,9 @@ function connect() {
 
 export function send(msg) {
   if (ws && ws.readyState === WebSocket.OPEN) {
-    ws.send(JSON.stringify(msg));
+    try { ws.send(JSON.stringify(msg)); return true; } catch { return false; }
   }
+  return false;
 }
 
 // ── Message handlers ───────────────────────────────────────────────
@@ -132,6 +166,11 @@ window.handleServerMessage = handleServerMessage;
 
 function handleServerMessage(msg) {
   switch (msg.type) {
+    case 'chat_ack': {
+      const waiting = chatAcks.get(msg.messageId);
+      if (waiting) { chatAcks.delete(msg.messageId); waiting.resolve(msg); }
+      break;
+    }
     case 'text_delta':      handleTextDelta(msg.delta); break;
     case 'response_done':   handleResponseDone(msg); break;
     case 'tool_call_start': handleToolCallStart(msg); break;
@@ -173,7 +212,7 @@ function handleTextDelta(delta) {
     currentAssistantContent = '';
   }
   currentAssistantContent += delta;
-  renderMarkdown(currentAssistantEl, currentAssistantContent);
+  appendStreamText(currentAssistantEl, delta);
   currentAssistantEl.classList.add('streaming-cursor');
   scrollToBottom();
 }
@@ -181,9 +220,7 @@ function handleTextDelta(delta) {
 function handleResponseDone(msg) {
   if (currentAssistantEl) {
     currentAssistantEl.classList.remove('streaming-cursor');
-    if (msg.content) {
-      renderMarkdown(currentAssistantEl, msg.content);
-    }
+    renderMarkdown(currentAssistantEl, msg.content ?? currentAssistantContent);
   } else if (msg.content) {
     const el = createAssistantMessage();
     renderMarkdown(el, msg.content);
@@ -792,6 +829,7 @@ export function addErrorMessage(text) {
 }
 
 function renderMarkdown(el, text) {
+  finishStreamText(el);
   try {
     // P1-SEC-01: sanitize AI-generated HTML before innerHTML insertion
     el.innerHTML = sanitizeHtml(marked.parse(text));
@@ -802,11 +840,6 @@ function renderMarkdown(el, text) {
         const btn = document.createElement('button');
         btn.className = 'copy-code-btn btn btn-ghost btn-xs';
         btn.textContent = '📋 Copy';
-        btn.addEventListener('click', () => {
-          navigator.clipboard.writeText(block.textContent || '');
-          btn.textContent = 'Copied';
-          setTimeout(() => btn.textContent = 'Copy', 1500);
-        });
         pre.style.position = 'relative';
         pre.appendChild(btn);
       }
@@ -817,6 +850,20 @@ function renderMarkdown(el, text) {
 }
 
 // escapeHtml / formatToolArgs now live in util.js (imported at top).
+// Delegation survives innerHTML snapshots and off-screen history restoration.
+document.addEventListener('click', async event => {
+  const button = event.target.closest?.('.copy-code-btn');
+  if (!button) return;
+  const code = button.closest('pre')?.querySelector('code');
+  try {
+    await navigator.clipboard.writeText(code?.textContent || '');
+    button.textContent = 'Copied';
+  } catch {
+    button.textContent = 'Copy failed';
+    addInfoMessage('Clipboard unavailable. Select the code and copy it manually.');
+  }
+  setTimeout(() => { button.textContent = '📋 Copy'; }, 1500);
+});
 
 /**
  * Create a static tool-call card for session history view.
@@ -861,13 +908,22 @@ function createHistoryToolCards(assistantMsg, resultMsgs) {
   }
 }
 
+let scrollFrame = null;
 function scrollToBottom() {
-  requestAnimationFrame(() => {
+  if (scrollFrame !== null) return;
+  scrollFrame = requestAnimationFrame(() => {
+    scrollFrame = null;
     chatArea.scrollTop = chatArea.scrollHeight;
   });
 }
 
 function setProcessing(value) {
+  if (!value && currentAssistantEl) {
+    renderMarkdown(currentAssistantEl, currentAssistantContent);
+    currentAssistantEl.classList.remove('streaming-cursor');
+    currentAssistantEl = null;
+    currentAssistantContent = '';
+  }
   processing = value;
   // Sync tab processing indicator
   if (activeTabIdx >= 0 && activeTabIdx < sessionTabs.length) {
@@ -909,7 +965,7 @@ function updateModelSelect(providerId, currentModelId) {
 
 async function sendMessage() {
   const text = userInput.value.trim();
-  if (!text || !connected) return;
+  if (!text || !connected || sendingMessage) return;
 
   hideFileDropdown();
 
@@ -939,46 +995,53 @@ async function sendMessage() {
     return;
   }
 
-  // Resolve @file references: replace @path with file content
-  let resolvedText = text;
-  const atRefs = text.match(/@([\w./_-]+[\w._-])/g);
-  if (atRefs) {
-    for (const ref of atRefs) {
-      const filePath = ref.slice(1); // remove @
-      try {
-        const resp = await fetch(`/api/file-content?path=${encodeURIComponent(filePath)}`);
+  sendingMessage = true;
+  const images = pendingImages.slice();
+  const originTab = sessionTabs[activeTabIdx];
+  const originSessionId = originTab?.sessionId;
+  try {
+    const key = JSON.stringify({ text, images });
+    let msg = retrySubmission?.key === key ? retrySubmission.msg : null;
+    if (!msg) {
+      const content = await resolveFileReferences(text, async (path, signal) => {
+        const resp = await fetch(`/api/file-content?path=${encodeURIComponent(path)}`, { signal });
         const data = await resp.json();
-        if (data.content) {
-          resolvedText = resolvedText.replace(ref,
-            `[File: ${filePath}]\n\`\`\`\n${data.content}\n\`\`\``);
-        } else if (data.error) {
-          addInfoMessage(`⚠ ${ref}: ${data.error}`);
-        }
-      } catch {
-        addInfoMessage(`⚠ Failed to read ${ref}`);
-      }
+        if (!resp.ok || typeof data.content !== 'string') throw new Error(`${path}: ${data.error || 'Could not read file'}`);
+        return data.content;
+      }, AbortSignal.timeout(30000));
+      msg = { type: 'chat', messageId: `${tabId}-${Date.now()}-${Math.random().toString(36).slice(2)}`, content, images };
     }
-  }
-
-  // Track input history
-  if (inputHistory[inputHistory.length - 1] !== text) {
-    inputHistory.push(text);
+    if (sessionTabs[activeTabIdx] !== originTab || originTab?.sessionId !== originSessionId) throw new Error('Session changed while reading files. Review your draft and retry.');
+    if (messageBytes(msg) > chatLimits.maxChatBytes) throw new Error(`Message and attachments exceed ${(chatLimits.maxChatBytes / 1024 / 1024).toFixed(0)} MiB. Remove an attachment or shorten the message. Your draft was kept.`);
+    retrySubmission = { key, msg };
+    const ack = await new Promise((resolve, reject) => {
+      const timer = setTimeout(() => { chatAcks.delete(msg.messageId); reject(new Error('Delivery was not confirmed. Your draft was kept; retry sends the same message ID.')); }, 15000);
+      chatAcks.set(msg.messageId, {
+        resolve: value => { clearTimeout(timer); resolve(value); },
+        reject: error => { clearTimeout(timer); reject(error); },
+      });
+      if (!send(msg)) {
+        chatAcks.get(msg.messageId).reject(new Error('Not connected. Your draft was kept.'));
+        chatAcks.delete(msg.messageId);
+      }
+    });
+    if (!ack.accepted) { retrySubmission = null; throw new Error(ack.error || 'Message was not accepted.'); }
+    retrySubmission = null;
+    if (!ack.duplicate) { addUserMessage(text, images); setProcessing(true); }
+    else { send({ type: 'command', name: 'session', args: ['load', ack.sessionId] }); }
+    if (userInput.value.trim() === text) userInput.value = '';
+    // Do not discard attachments pasted while the original request was resolving.
+    const remaining = pendingImages.filter(img => !images.includes(img));
+    if (remaining.length === 0) clearImagePreview();
+    else pendingImages = remaining;
+    userInput.style.height = 'auto';
+    if (inputHistory[inputHistory.length - 1] !== text) inputHistory.push(text);
     if (inputHistory.length > 50) inputHistory.shift();
-  }
-  historyIndex = -1;
-  savedInputDraft = '';
-
-  addUserMessage(text, pendingImages);
-  const msg = { type: 'chat', content: resolvedText };
-  if (pendingImages.length > 0) {
-    msg.images = pendingImages.map(img => ({ name: img.name, data: img.data, mime: img.mime }));
-  }
-  send(msg);
-  pendingImages = [];
-  clearImagePreview();
-  userInput.value = '';
-  userInput.style.height = 'auto';
-  setProcessing(true);
+    historyIndex = -1;
+    savedInputDraft = '';
+  } catch (error) {
+    addInfoMessage(`⚠ ${error.message}`);
+  } finally { sendingMessage = false; }
 }
 
 btnSend.addEventListener('click', sendMessage);
@@ -990,6 +1053,7 @@ btnStop.addEventListener('click', () => {
 // keydown and input handlers are in the @ file reference section above
 
 btnClear.addEventListener('click', () => {
+  if (processing || sendingMessage) { addInfoMessage('Stop the current request before clearing the conversation.'); return; }
   send({ type: 'command', name: 'clear', args: [] });
   // Keep welcome message, clear rest
   const welcome = messagesEl.querySelector('.chat');
@@ -1847,8 +1911,9 @@ function selectFileItem(index) {
     fetchFiles(item.path).then(files => showFileDropdown(files));
   } else {
     // Insert file reference and close
-    userInput.value = before + '@' + item.path + ' ' + after;
-    const newPos = before.length + 1 + item.path.length + 1;
+    const reference = quoteFileReference(item.path);
+    userInput.value = before + reference + ' ' + after;
+    const newPos = before.length + reference.length + 1;
     userInput.setSelectionRange(newPos, newPos);
     hideFileDropdown();
   }
@@ -2004,8 +2069,9 @@ function clearImagePreview() {
 }
 
 function addImageToPreview(file) {
+  if (sendingMessage) { addInfoMessage('Wait for the current message to be accepted before adding attachments.'); return; }
   if (!file.type.startsWith('image/')) return;
-  if (file.size > 10 * 1024 * 1024) {
+  if (file.size > chatLimits.maxImageBytes) {
     addErrorMessage(`Image too large (${(file.size / 1024 / 1024).toFixed(1)} MB, max 10 MB): ${file.name}`);
     return;
   }
@@ -2214,7 +2280,7 @@ export function insertFileRef(filePath) {
   const pos = userInput.selectionStart;
   const before = val.slice(0, pos);
   const after = val.slice(pos);
-  const ref = `@${filePath}`;
+  const ref = quoteFileReference(filePath);
   const needsSpace = after.length > 0 && !after.startsWith(' ') && !after.startsWith('\n');
   userInput.value = before + ref + (needsSpace ? ' ' : '') + after;
   const newPos = pos + ref.length + (needsSpace ? 1 : 0);
@@ -2272,6 +2338,7 @@ function generateTabId() {
 
 /** Save current active tab's DOM state (messages, scroll, streaming state) */
 function snapshotActiveTab() {
+  flushStreamText();
   if (activeTabIdx < 0 || activeTabIdx >= sessionTabs.length) return;
   const tab = sessionTabs[activeTabIdx];
   tab.messagesHtml = messagesEl.innerHTML;
@@ -2329,6 +2396,7 @@ function renderTabBar() {
 
 /** Add a new tab. If sessionId provided, load that session; otherwise create new. */
 function addTab(sessionId, title) {
+  if (processing || sendingMessage) { addInfoMessage('Stop the current request before opening another session.'); return; }
   // Snapshot current tab before adding
   snapshotActiveTab();
 
@@ -2370,6 +2438,7 @@ function addTab(sessionId, title) {
 
 /** Switch to an existing tab by index */
 function switchToTab(index) {
+  if (processing || sendingMessage) { addInfoMessage('Wait for the current send, or stop generation before switching sessions.'); return; }
   if (index === activeTabIdx || index < 0 || index >= sessionTabs.length) return;
 
   // Snapshot current
@@ -2398,6 +2467,7 @@ function switchToTab(index) {
 
 /** Close a tab */
 function closeTab(index) {
+  if (processing || sendingMessage) { addInfoMessage('Stop the current request before closing a session.'); return; }
   if (sessionTabs.length <= 1) return; // Must keep at least 1 tab
 
   sessionTabs.splice(index, 1);
@@ -2577,6 +2647,7 @@ if (window.visualViewport) {
   let initialHeight = window.visualViewport.height;
 
   window.visualViewport.addEventListener('resize', () => {
+    if (window.visualViewport.scale !== 1) return;
     const vh = window.visualViewport.height;
     const offset = window.visualViewport.offsetTop;
     // When keyboard opens, viewport height shrinks significantly
@@ -2811,6 +2882,7 @@ export async function handleLogout() {
 async function checkAuthStatus() {
   try {
     const data = await fetchStatus();
+    if (data.chatLimits) chatLimits = data.chatLimits;
     const btn = document.getElementById('btn-enable-auth');
     if (data.auth && !data.auth.enabled && !authUsername) {
       btn.classList.remove('hidden');
@@ -3212,15 +3284,17 @@ function hubEvent(ev) {
         hubStreamEl._raw = '';
       }
       hubStreamEl._raw += ev.token;
-      renderMarkdown(hubStreamEl.querySelector('.hub-body'), hubStreamEl._raw);
+      appendStreamText(hubStreamEl.querySelector('.hub-body'), ev.token);
       scrollToBottom();
       break;
     }
     case 'agent_spoke':
+      if (hubStreamEl) renderMarkdown(hubStreamEl.querySelector('.hub-body'), ev.message?.content ?? hubStreamEl._raw);
       // Streaming already rendered the body; finalize the stream slot.
       hubStreamEl = null; hubStreamRoleId = null;
       break;
     case 'agent_passed': {
+      if (hubStreamEl) { finishStreamText(hubStreamEl.querySelector('.hub-body')); hubStreamEl.remove(); }
       const role = hubRoles[ev.roleId] || { name: ev.roleId };
       const el = document.createElement('div');
       el.className = 'text-xs opacity-40 italic pl-2 my-1';
@@ -3262,6 +3336,7 @@ function hubEvent(ev) {
 }
 
 function hubDone(msg) {
+  if (hubStreamEl) renderMarkdown(hubStreamEl.querySelector('.hub-body'), hubStreamEl._raw);
   document.getElementById('hub-start-btn').classList.remove('hidden');
   document.getElementById('hub-abort-btn').classList.add('hidden');
   const status = document.getElementById('hub-status');

package/dist/web/client/chat-input.js

@@ -0,0 +1,38 @@
+/** Unicode paths; quote paths containing spaces, e.g. @"教案/第一课.md". */
+export function fileReferences(text) {
+  const refs = [];
+  const pattern = /(^|\s)@(?:"([^"]+)"|'([^']+)'|([^\s<>"']+))/gu;
+  for (const match of text.matchAll(pattern)) {
+    const token = match[0].slice(match[1].length);
+    refs.push({ token, path: match[2] ?? match[3] ?? match[4], offset: match.index + match[1].length });
+  }
+  return refs;
+}
+
+export function quoteFileReference(path) {
+  return /\s|["']/.test(path) ? `@${path.includes('"') ? `'${path}'` : `"${path}"`}` : `@${path}`;
+}
+
+export async function resolveFileReferences(text, fetchFile, signal) {
+  const refs = fileReferences(text);
+  const paths = [...new Set(refs.map(ref => ref.path))];
+  const contents = new Map();
+  let next = 0;
+  await Promise.all(Array.from({ length: Math.min(4, paths.length) }, async () => {
+    while (next < paths.length) {
+      signal?.throwIfAborted();
+      const path = paths[next++];
+      contents.set(path, await fetchFile(path, signal));
+    }
+  }));
+  let resolved = text;
+  for (const ref of refs.reverse()) {
+    const replacement = `[File: ${ref.path}]\n\`\`\`\n${contents.get(ref.path)}\n\`\`\``;
+    resolved = resolved.slice(0, ref.offset) + replacement + resolved.slice(ref.offset + ref.token.length);
+  }
+  return resolved;
+}
+
+export function messageBytes(message) {
+  return new TextEncoder().encode(JSON.stringify(message)).byteLength;
+}

package/dist/web/client/index.html

@@ -2,7 +2,7 @@
 <html lang="en" data-theme="dark">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
   <title>ai-cli Web UI</title>
   <!-- PWA -->
   <link rel="manifest" href="manifest.json">

package/dist/web/client/stream-render.js

@@ -0,0 +1,33 @@
+// Stream text in one append per frame; format Markdown once a response completes.
+const pending = new Map();
+let frame = null;
+function flush() {
+  frame = null;
+  for (const [el, state] of pending) {
+    state.node.appendData(state.delta);
+    state.delta = '';
+    if (!el.isConnected) pending.delete(el);
+  }
+}
+export function appendStreamText(el, delta) {
+  let state = pending.get(el);
+  if (!state || state.node.parentNode !== el) {
+    const node = document.createTextNode('');
+    el.replaceChildren(node);
+    el.classList.add('streaming-text');
+    state = { node, delta: '' };
+    pending.set(el, state);
+  }
+  state.delta += delta;
+  if (frame === null) frame = requestAnimationFrame(flush);
+}
+export function finishStreamText(el) {
+  const state = pending.get(el);
+  if (state) state.node.appendData(state.delta);
+  pending.delete(el);
+  el.classList.remove('streaming-text');
+}
+export function flushStreamText() {
+  if (frame !== null) cancelAnimationFrame(frame);
+  flush();
+}

package/dist/web/client/style.css

@@ -1050,4 +1050,5 @@ button, a, .session-item, .file-tree-row, .template-item, .tool-item, .mcp-serve
 }
 .diff-file-details .confirm-diff { margin: 0; border-radius: 0; max-height: 180px; }
 .memory-meta-badges { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.35rem; }
-.replay-step.hidden-by-filter { display: none; }
+.replay-step.hidden-by-filter { display: none; }
+.streaming-text { white-space: pre-wrap; overflow-wrap: anywhere; }