claude-simple 0.2.35 → 0.2.37

package/dist/index.html

@@ -4,13 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
   <title>Claude Code</title>
-  <link rel="stylesheet" href="/style.0.2.35.min.css">
+  <link rel="stylesheet" href="/style.0.2.37.min.css">
   <link rel="stylesheet" href="/highlight.min.css">
   <script src="/marked.min.js"></script>
   <script src="/highlight.min.js"></script>
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
-  <script type="module" src="/app.0.2.35.min.js"></script>
+  <script type="module" src="/app.0.2.37.min.js"></script>
 </body>
 </html>

package/dist/{style.0.2.35.min.css → style.0.2.37.min.css}

@@ -140,6 +140,29 @@
   }
 }
 
+.file-download-toast {
+  position: fixed;
+  left: 50%;
+  bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
+  transform: translateX(-50%) translateY(8px);
+  z-index: 80;
+  max-width: min(92vw, 28rem);
+  padding: 0.7rem 1rem;
+  border-radius: 0.7rem;
+  background: var(--color-primary, #3b82f6);
+  color: var(--color-primary-content, #fff);
+  font-size: 0.85rem;
+  line-height: 1.35;
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .18s ease, transform .18s ease;
+}
+.file-download-toast.visible {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
 /* File row actions: hover-reveal on desktop only */
 @media (min-width: 641px) {
   .file-row-action {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.35",
+  "version": "0.2.37",
   "type": "module",
   "bin": {
     "claude-simple": "server.js",

package/public/app.js

@@ -3,7 +3,7 @@ import { ctx } from './state.js';
 import { probeHub } from './api.js?v=ui-24';
 import { initShell, showApp, initAuth, resumeSession, switchTab, shouldRestoreSessionOnBoot } from './shell.js';
 import { initChat } from './chat.js?v=ui-24';
-import { initFilesTab } from './files.js?v=ui-24';
+import { initFilesTab } from './files.js?v=ui-29';
 import { initGitTab } from './git.js';
 import { initSettings } from './settings.js';
 import { initNotes } from './notes.js';
@@ -11,7 +11,7 @@ import { initTerminal } from './terminal.js';
 import { initImagePaste } from './chat.js?v=ui-24';
 import { initMetaAgent } from './agent-panel.js';
 import { initRouter, applyInitialRoute, parseHashPath } from './router.js';
-import { initPwa } from './pwa.js?v=ui-24';
+import { initPwa } from './pwa.js?v=ui-29';
 import { initMobileChrome } from './mobile.js';
 
 function markBootReady() {

package/public/download-status.js

@@ -0,0 +1,25 @@
+/** Shared download status copy for the Files tab toast. */
+export function sizeLabel(size) {
+  if (size == null) return '';
+  if (size > 1024 * 1024) return `${(size / (1024 * 1024)).toFixed(1)} MB`;
+  if (size > 1024) return `${(size / 1024).toFixed(1)} KB`;
+  return `${size} B`;
+}
+
+export function formatDownloadStatus(name, received, total) {
+  const n = name || 'file';
+  if (total > 0 && received != null) {
+    const pct = Math.min(100, Math.round((received / total) * 100));
+    return `正在下载 ${n}（${pct}%）`;
+  }
+  if (received > 0) return `正在下载 ${n}（${sizeLabel(received)}）`;
+  return `正在下载 ${n}…`;
+}
+
+export function formatDownloadDone(name) {
+  return `已保存 ${name || 'file'}，请查看浏览器下载栏`;
+}
+
+export function formatDownloadHandedOff(name) {
+  return `已交给浏览器下载 ${name || 'file'}`;
+}

package/public/files.js

@@ -6,6 +6,12 @@ import { resolveWorkspaceFile } from './workspace-path.js?v=ui-23';
 import { renderMermaid } from './mermaid.js';
 import { renderMath } from './math.js';
 import { parseMarkdownWithMath } from './markdown.js';
+import {
+  sizeLabel,
+  formatDownloadStatus,
+  formatDownloadDone,
+  formatDownloadHandedOff,
+} from './download-status.js?v=ui-29';
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
 function fileIcon(name) {
@@ -33,13 +39,6 @@ function isMarkdownFile(path) {
   return ext === 'md' || ext === 'markdown' || ext === 'mdx';
 }
 
-function sizeLabel(size) {
-  if (size == null) return '';
-  if (size > 1024 * 1024) return `${(size / (1024 * 1024)).toFixed(1)} MB`;
-  if (size > 1024) return `${(size / 1024).toFixed(1)} KB`;
-  return `${size} B`;
-}
-
 function base64ToArrayBuffer(b64) {
   const bin = atob(b64);
   const bytes = new Uint8Array(bin.length);
@@ -381,35 +380,75 @@ function triggerUpload() {
   input.click();
 }
 
+let downloadBusy = false;
+let downloadToastTimer = 0;
+
+function downloadToastEl() {
+  let el = document.getElementById('file-download-toast');
+  if (el) return el;
+  el = document.createElement('div');
+  el.id = 'file-download-toast';
+  el.className = 'file-download-toast';
+  el.setAttribute('role', 'status');
+  el.setAttribute('aria-live', 'polite');
+  el.hidden = true;
+  document.body.appendChild(el);
+  return el;
+}
+
+function showDownloadToast(text, { sticky = false } = {}) {
+  const el = downloadToastEl();
+  el.textContent = text;
+  el.hidden = false;
+  el.classList.add('visible');
+  clearTimeout(downloadToastTimer);
+  if (!sticky) {
+    downloadToastTimer = setTimeout(() => {
+      el.classList.remove('visible');
+    }, 5000);
+  }
+}
+
+function triggerBrowserDownload(href, name) {
+  const a = document.createElement('a');
+  a.href = href;
+  a.download = name;
+  a.rel = 'noopener';
+  a.style.display = 'none';
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+}
+
 async function downloadFile(proj, filePath) {
   const root = filesRoot.peek() || proj?.path || '';
   if (!root) {
     alert('No path selected — set root first');
     return;
   }
+  if (downloadBusy) {
+    showDownloadToast('已有文件正在下载');
+    return;
+  }
   const id = '_';
   const name = (filePath || '').split('/').pop() || 'download';
-  // Prefer Authorization header (no token in URL / logs). authQuery kept as
-  // fallback for environments that only support plain navigations.
   const qs = new URLSearchParams({ root, path: filePath, download: 'true' });
   const url = `/api/projects/${id}/file?${qs}`;
+  downloadBusy = true;
+  showDownloadToast(formatDownloadStatus(name), { sticky: true });
   try {
-    const handle = typeof window.showSaveFilePicker === 'function'
-      ? await window.showSaveFilePicker({ suggestedName: name }) : null;
     const res = await fetch(url, { headers: authHeaders(), credentials: 'same-origin' });
     if (!res.ok) {
       const d = await res.json().catch(() => ({}));
       throw new Error(d.error || `HTTP ${res.status}`);
     }
-    if (handle && res.body) {
-      await res.body.pipeTo(await handle.createWritable());
-      return;
-    }
-    // Browsers without a file sink hand large downloads to their download manager.
     const maxBlob = 16 * 1024 * 1024;
-    if (Number(res.headers.get('content-length')) > maxBlob) {
+    const total = Number(res.headers.get('content-length')) || 0;
+    if (total > maxBlob || !res.body) {
       await res.body?.cancel();
-      throw new Error('Use native download');
+      triggerBrowserDownload(`/api/projects/${id}/file?${authQuery({ root, path: filePath, download: 'true' })}`, name);
+      showDownloadToast(formatDownloadHandedOff(name));
+      return;
     }
     const reader = res.body.getReader();
     const chunks = []; let bytes = 0;
@@ -417,37 +456,31 @@ async function downloadFile(proj, filePath) {
       const { done, value } = await reader.read();
       if (done) break;
       bytes += value.byteLength;
-      if (bytes > maxBlob) { await reader.cancel(); throw new Error('Use native download'); }
+      if (bytes > maxBlob) {
+        await reader.cancel();
+        triggerBrowserDownload(`/api/projects/${id}/file?${authQuery({ root, path: filePath, download: 'true' })}`, name);
+        showDownloadToast(formatDownloadHandedOff(name));
+        return;
+      }
       chunks.push(value);
+      showDownloadToast(formatDownloadStatus(name, bytes, total), { sticky: true });
     }
     const blob = new Blob(chunks, { type: res.headers.get('content-type') || 'application/octet-stream' });
     const objectUrl = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = objectUrl;
-    a.download = name;
-    a.rel = 'noopener';
-    a.style.display = 'none';
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-    // iOS may need the URL briefly; revoke after a beat.
+    triggerBrowserDownload(objectUrl, name);
     setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);
+    showDownloadToast(formatDownloadDone(name));
   } catch (e) {
     if (e.name === 'AbortError') return;
-    // Last resort: open with token query (works when fetch is blocked, e.g. some WebViews).
     try {
-      const fallback = `/api/projects/${id}/file?${authQuery({ root, path: filePath, download: 'true' })}`;
-      const a = document.createElement('a');
-      a.href = fallback;
-      a.download = name;
-      a.rel = 'noopener';
-      a.target = '_blank';
-      document.body.appendChild(a);
-      a.click();
-      a.remove();
+      triggerBrowserDownload(`/api/projects/${id}/file?${authQuery({ root, path: filePath, download: 'true' })}`, name);
+      showDownloadToast(formatDownloadHandedOff(name));
     } catch {
+      showDownloadToast(`下载失败：${e.message}`);
       alert(`Download failed: ${e.message}`);
     }
+  } finally {
+    downloadBusy = false;
   }
 }
 

package/public/index.html

@@ -85,7 +85,7 @@
   <script src="/vendor/mermaid.min.js"></script>
   <link rel="stylesheet" href="/vendor/katex.min.css">
   <script src="/vendor/katex.min.js"></script>
-  <link rel="stylesheet" href="style.css?v=ui-28">
+  <link rel="stylesheet" href="style.css?v=ui-29">
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
@@ -101,6 +101,6 @@
       }
     }, 10000);
   </script>
-  <script type="module" src="app.js?v=ui-28"></script>
+  <script type="module" src="app.js?v=ui-29"></script>
 </body>
 </html>

package/public/pwa.js

@@ -69,7 +69,7 @@ export function initPwa() {
 
   // Register after first paint so install doesn't compete with boot.
   const register = () => {
-    navigator.serviceWorker.register('/sw.js?v=33', { scope: '/' })
+    navigator.serviceWorker.register('/sw.js?v=38', { scope: '/' })
       .then((reg) => {
         reg.addEventListener('updatefound', () => {
           const sw = reg.installing;

package/public/style.css

@@ -138,6 +138,29 @@
   }
 }
 
+.file-download-toast {
+  position: fixed;
+  left: 50%;
+  bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
+  transform: translateX(-50%) translateY(8px);
+  z-index: 80;
+  max-width: min(92vw, 28rem);
+  padding: 0.7rem 1rem;
+  border-radius: 0.7rem;
+  background: var(--color-primary, #3b82f6);
+  color: var(--color-primary-content, #fff);
+  font-size: 0.85rem;
+  line-height: 1.35;
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .18s ease, transform .18s ease;
+}
+.file-download-toast.visible {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
+}
+
 /* File row actions: hover-reveal on desktop only */
 @media (min-width: 641px) {
   .file-row-action {

package/public/sw.js

@@ -1,12 +1,12 @@
 /* Agent UI service worker — cache shell assets only.
  * Never intercepts WebSocket or mutates API semantics beyond offline fallback.
  * Bump CACHE when shipping UI that must invalidate old shells. */
-const CACHE = 'agent-ui-shell-v37';
+const CACHE = 'agent-ui-shell-v38';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
-  '/style.css?v=ui-28',
+  '/style.css?v=ui-29',
   '/style.css',
   '/ui.min.css',
   '/vendor/mini-react.min.js',
@@ -16,7 +16,7 @@ const PRECACHE = [
   '/vendor/mermaid.min.js',
   '/vendor/katex.min.js',
   '/vendor/katex.min.css',
-  '/app.js?v=ui-28',
+  '/app.js?v=ui-29',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
   '/icons/icon-maskable-512.png',

package/src/agents/codex.js

@@ -12,6 +12,10 @@ import crypto from 'crypto';
  *   result (usage), complete, error
  */
 
+export function isTransientCodexNotice(msg) {
+  return /Reconnecting|Falling back|remote compact task/i.test(String(msg || ''));
+}
+
 function mapPermissionToMode(permissionMode) {
   if (permissionMode == null) return 'yolo';
   switch (permissionMode) {
@@ -244,7 +248,7 @@ export function runCodex(command, options, send, { cliPath, activeSessions }) {
         }
         case 'error': {
           const msg = raw.message || 'codex error';
-          if (!/Reconnecting|Falling back/i.test(msg)) {
+          if (!isTransientCodexNotice(msg)) {
             send({ type: 'error', message: msg, agent: 'codex' });
           }
           break;

package/src/agents/sessions.js

@@ -313,36 +313,63 @@ async function findCodexRollouts(codexHome) {
   return files;
 }
 
+const CODEX_CATALOG_FULL_SCAN_MAX = 2 * 1024 * 1024;
+const CODEX_CATALOG_HEAD_BYTES = 256 * 1024;
+const CODEX_LINE_PARSE_MAX = 16 * 1024;
+
 const codexMetadata = new Map();
 async function readCodexMeta(filePath) {
   const stat = await fs.stat(filePath);
   const cached = codexMetadata.get(filePath);
   if (cached?.size === stat.size && cached?.mtimeMs === stat.mtimeMs) return cached.meta;
   let id = null, cwd = null, ts = null, turnCount = 0;
+  // Native rollouts keep every tool payload. AgentUI / Hub never show that
+  // body, so catalog only reads a short head (session_meta is line 0).
+  const limit = stat.size > CODEX_CATALOG_FULL_SCAN_MAX
+    ? Math.min(stat.size, CODEX_CATALOG_HEAD_BYTES)
+    : stat.size;
   try {
-    // Full scan: meta is early; turnCount needs whole file
-    const stream = fsSync.createReadStream(filePath);
-    const rl = readline.createInterface({ input: stream, crlfDelay: Infinity });
-    for await (const line of rl) {
-      const head = line.slice(0, 400);
-      if (!/"type"\s*:\s*"(?:session_meta|turn_context)"/.test(head) &&
-          !/"(?:role|type)"\s*:\s*"(?:user|user_message)"/.test(head)) continue;
-      try {
-        const d = JSON.parse(line);
-        if (d.type === 'session_meta' && d.payload) {
-          id = d.payload.id || id;
-          cwd = d.payload.cwd || cwd;
-          ts = d.payload.timestamp || d.timestamp || ts;
+    if (limit > 0) {
+      const stream = fsSync.createReadStream(filePath, { start: 0, end: limit - 1 });
+      let pending = Buffer.alloc(0);
+      let skip = false;
+      for await (const chunk of stream) {
+        pending = pending.length ? Buffer.concat([pending, chunk]) : chunk;
+        let start = 0;
+        let end;
+        while ((end = pending.indexOf(10, start)) !== -1) {
+          const len = end - start;
+          const overflow = skip || len > CODEX_LINE_PARSE_MAX;
+          skip = false;
+          if (!overflow) {
+            const line = pending.subarray(start, end).toString('utf8');
+            const head = line.slice(0, 400);
+            if (/"type"\s*:\s*"(?:session_meta|turn_context)"/.test(head) ||
+                /"(?:role|type)"\s*:\s*"(?:user|user_message)"/.test(head)) {
+              try {
+                const d = JSON.parse(line);
+                if (d.type === 'session_meta' && d.payload) {
+                  id = d.payload.id || id;
+                  cwd = d.payload.cwd || cwd;
+                  ts = d.payload.timestamp || d.timestamp || ts;
+                }
+                if (d.type === 'event_msg' && d.payload?.type === 'user_message') turnCount += 1;
+                else if (d.type === 'response_item' && d.payload?.role === 'user') turnCount += 1;
+                else if (d.type === 'turn_context' && d.payload?.turn_index != null) {
+                  const idx = Number(d.payload.turn_index) + 1;
+                  if (idx > turnCount) turnCount = idx;
+                }
+              } catch {}
+            }
+          }
+          start = end + 1;
         }
-        // Codex user turns appear in a few event shapes across versions
-        if (d.type === 'event_msg' && d.payload?.type === 'user_message') turnCount += 1;
-        else if (d.type === 'response_item' && d.payload?.role === 'user') turnCount += 1;
-        else if (d.type === 'turn_context' && d.payload?.turn_index != null) {
-          // last turn_index + 1 is a better total; bump max
-          const idx = Number(d.payload.turn_index) + 1;
-          if (idx > turnCount) turnCount = idx;
+        pending = pending.subarray(start);
+        if (pending.length > CODEX_LINE_PARSE_MAX) {
+          skip = true;
+          pending = Buffer.alloc(0);
         }
-      } catch {}
+      }
     }
   } catch {}
   // Fallback: parse id from filename rollout-...-<uuid>.jsonl
@@ -472,11 +499,13 @@ async function updateCodexTranscript(filePath, entry, stat) {
       let start = 0;
       let end;
       while ((end = pending.indexOf(10, start)) !== -1) {
-        const line = pending.subarray(start, end).toString('utf8');
-        entry.offset += end - start + 1;
+        const lineBytes = end - start;
+        entry.offset += lineBytes + 1;
         start = end + 1;
-        // Reasoning and tool outputs dominate large rollouts. Do not JSON-parse
-        // their multi-megabyte payloads when building the visible transcript.
+        // Tool outputs are multi-MB JSONL lines. AgentUI does not render them
+        // and Hub must not receive them — skip without materializing the body.
+        if (lineBytes > 64 * 1024) continue;
+        const line = pending.subarray(start - lineBytes - 1, end).toString('utf8');
         const head = line.slice(0, 400);
         if (!/"type"\s*:\s*"(?:response_item|event_msg)"/.test(head) ||
             !/"type"\s*:\s*"(?:message|agent_message|function_call|command_execution|custom_tool_call|task_started|task_complete|turn_aborted)"/.test(head)) continue;