agim-cli 1.1.4 → 1.1.6

package/dist/web/public/settings.html

@@ -151,6 +151,23 @@
         approvalPolicySave: 'Save',
         approvalPolicySaved: 'Saved — applies to the next pending approval, no restart needed.',
         approvalPolicyLoadFailed: 'Failed to load approval policy',
+
+        // ── Viewer (long-message web rendering) ────────────────────
+        viewerTitle: 'IM Long-Message Viewer',
+        viewerHint: 'When an agent reply is too long or contains a markdown table / large code block, Agim stores it locally in ~/.agim/viewer.db (permanent, never leaves this host) and sends the IM a short summary + a link. Set the public URL of your reverse-proxied Agim web here so the link is reachable from your phone.',
+        viewerEnabled: 'Enabled',
+        viewerDisabled: 'Disabled',
+        viewerEnabledLabel: 'Viewer mode',
+        viewerPublicUrl: 'Public base URL',
+        viewerPublicUrlHint: 'Your public URL pointing at this Agim web (e.g. https://agim.example.com). Use cloudflared / caddy / tailscale to expose port 3000.',
+        viewerChars: 'Char threshold',
+        viewerLines: 'Line threshold',
+        viewerCodeLines: 'Code-block line threshold',
+        viewerMaxPastes: 'Max stored pastes (LRU prune)',
+        viewerSave: 'Save',
+        viewerSaved: 'Saved — change takes effect on the next reply.',
+        viewerSaveFailed: 'Failed to save viewer settings',
+        viewerMissingUrl: '⚠️ Public URL is empty — Agim will fall back to inline text for long replies (no link can be built).',
       },
       zh: {
         title: 'Agim — 设置',
@@ -288,6 +305,23 @@
         approvalPolicySave: '保存',
         approvalPolicySaved: '已保存 — 下一个挂起的审批起就生效，无需重启。',
         approvalPolicyLoadFailed: '加载审批策略失败',
+
+        // ── Viewer (长内容 web 渲染) ─────────────────────────────
+        viewerTitle: 'IM 长内容 Viewer',
+        viewerHint: 'Agent 回答过长或含 markdown 表格 / 大段代码时，Agim 把全文存到本机 ~/.agim/viewer.db（永久保存，绝不离开本机），IM 里只发短摘要 + 跳转链接。这里填你反代到本机 Agim web 的公网域名，链接才能让手机/微信打开。',
+        viewerEnabled: '开启',
+        viewerDisabled: '关闭',
+        viewerEnabledLabel: 'Viewer 状态',
+        viewerPublicUrl: '公网域名',
+        viewerPublicUrlHint: '指向本机 Agim web 的公网域名（例如 https://agim.example.com）。用 cloudflared / caddy / tailscale 把 3000 端口暴露出去即可。',
+        viewerChars: '字符阈值',
+        viewerLines: '行数阈值',
+        viewerCodeLines: '代码块行数阈值',
+        viewerMaxPastes: '本机最多保留条数（LRU 淘汰）',
+        viewerSave: '保存',
+        viewerSaved: '已保存 — 下一条回复生效。',
+        viewerSaveFailed: '保存 Viewer 配置失败',
+        viewerMissingUrl: '⚠️ 公网域名为空 — 长回复将退回到内联文本（无法构造跳转链接）。',
       },
     };
     function t(key) { return T[window.__lang][key] || T.en[key] || key; }
@@ -1369,6 +1403,47 @@
           <p class="muted" id="smtpStatus" style="margin-top:8px;font-size:12px"></p>
         </div>
 
+        <!-- Viewer (env-file) — long-message web rendering -->
+        <div class="card">
+          <h2>📄 ${t('viewerTitle')}</h2>
+          <p class="muted" style="margin-top:-4px;margin-bottom:12px;font-size:13px">${t('viewerHint')}</p>
+
+          <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:12px">
+            <label style="display:flex;gap:8px;align-items:center;font-weight:600">
+              <input type="checkbox" id="viewerEnabled" />
+              ${t('viewerEnabledLabel')}
+            </label>
+          </div>
+
+          <label>${t('viewerPublicUrl')}</label>
+          <input type="text" id="viewerPublicUrl" placeholder="https://agim.example.com" style="max-width:480px" />
+          <p class="muted" style="margin-top:4px;font-size:12px">${t('viewerPublicUrlHint')}</p>
+
+          <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px;max-width:720px">
+            <div>
+              <label>${t('viewerChars')}</label>
+              <input type="number" id="viewerChars" min="100" max="10000" placeholder="500" />
+            </div>
+            <div>
+              <label>${t('viewerLines')}</label>
+              <input type="number" id="viewerLines" min="5" max="200" placeholder="12" />
+            </div>
+            <div>
+              <label>${t('viewerCodeLines')}</label>
+              <input type="number" id="viewerCodeLines" min="5" max="200" placeholder="10" />
+            </div>
+            <div>
+              <label>${t('viewerMaxPastes')}</label>
+              <input type="number" id="viewerMaxPastes" min="100" max="1000000" placeholder="10000" />
+            </div>
+          </div>
+
+          <div class="actions" style="margin-top:12px">
+            <button type="button" class="btn btn-primary" id="saveViewer">${t('viewerSave')}</button>
+          </div>
+          <p class="muted" id="viewerStatus" style="margin-top:8px;font-size:12px"></p>
+        </div>
+
         <!-- Baidu Maps AK (env-file) — feeds /memo address geocoding -->
         <div class="card">
           <h2>🗺 Baidu Maps AK</h2>
@@ -1404,6 +1479,28 @@
         const sec = document.getElementById('smtpSecure');
         if (sec) sec.value = env['IMHUB_SMTP_SECURE'] || 'auto';
         set('baiduAk', 'IMHUB_BAIDU_MAP_AK');
+        // Viewer card fields
+        const vEnabled = document.getElementById('viewerEnabled');
+        if (vEnabled) {
+          const v = (env['IMHUB_VIEWER_ENABLED'] || '').toLowerCase();
+          vEnabled.checked = v === '1' || v === 'true' || v === 'yes';
+        }
+        set('viewerPublicUrl', 'IMHUB_VIEWER_PUBLIC_BASE_URL');
+        set('viewerChars', 'IMHUB_VIEWER_CHARS');
+        set('viewerLines', 'IMHUB_VIEWER_LINES');
+        set('viewerCodeLines', 'IMHUB_VIEWER_CODE_LINES');
+        set('viewerMaxPastes', 'IMHUB_VIEWER_MAX_PASTES');
+        const viewerStatus = document.getElementById('viewerStatus');
+        if (viewerStatus) {
+          if (!env['IMHUB_VIEWER_PUBLIC_BASE_URL']) {
+            viewerStatus.textContent = t('viewerMissingUrl');
+          } else if ((env['IMHUB_VIEWER_ENABLED'] || '').toLowerCase() === '1' ||
+                     (env['IMHUB_VIEWER_ENABLED'] || '').toLowerCase() === 'true') {
+            viewerStatus.textContent = `✓ ${t('viewerEnabled')} → ${env['IMHUB_VIEWER_PUBLIC_BASE_URL']}`;
+          } else {
+            viewerStatus.textContent = `${t('viewerDisabled')} (${env['IMHUB_VIEWER_PUBLIC_BASE_URL']})`;
+          }
+        }
         const smtpStatus = document.getElementById('smtpStatus');
         const baiduStatus = document.getElementById('baiduStatus');
         if (smtpStatus) smtpStatus.textContent = env['IMHUB_SMTP_HOST']
@@ -1704,6 +1801,37 @@
       });
       document.getElementById('revealBaidu')?.addEventListener('click', () => loadEnvSection(true));
 
+      // Viewer card — save toggle + URL + thresholds in one round-trip.
+      document.getElementById('saveViewer')?.addEventListener('click', async () => {
+        const enabled = document.getElementById('viewerEnabled')?.checked ? '1' : '0';
+        const url = (document.getElementById('viewerPublicUrl')?.value || '').trim();
+        const chars = (document.getElementById('viewerChars')?.value || '').trim();
+        const lines = (document.getElementById('viewerLines')?.value || '').trim();
+        const codeLines = (document.getElementById('viewerCodeLines')?.value || '').trim();
+        const maxPastes = (document.getElementById('viewerMaxPastes')?.value || '').trim();
+        const status = document.getElementById('viewerStatus');
+        try {
+          await authFetch('/api/env', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+              updates: {
+                IMHUB_VIEWER_ENABLED: enabled,
+                IMHUB_VIEWER_PUBLIC_BASE_URL: url || null,
+                IMHUB_VIEWER_CHARS: chars || null,
+                IMHUB_VIEWER_LINES: lines || null,
+                IMHUB_VIEWER_CODE_LINES: codeLines || null,
+                IMHUB_VIEWER_MAX_PASTES: maxPastes || null,
+              },
+            }),
+          });
+          if (status) status.textContent = t('viewerSaved');
+          await loadEnvSection();
+        } catch (err) {
+          if (status) status.textContent = t('viewerSaveFailed') + ': ' + (err && err.message ? err.message : err);
+        }
+      });
+
       // ==========================================
       // Workspaces (PR-C)
       // ==========================================

package/dist/web/public/tasks.html

@@ -25,8 +25,10 @@
     const T = {
       en: {
         title: 'Agim — Tasks',
-        h1: 'Tasks & Schedules',
-        backToChat: 'Chat',
+        h1: '🗂 Tasks & Schedules',
+        backToChat: '↩ Chat',
+        toReminders: 'Reminders',
+        toMemos: 'Memos',
         toSettings: 'Settings',
         tabsJobs: 'Jobs',
         tabsBackground: 'Background',
@@ -231,8 +233,10 @@
       },
       zh: {
         title: 'Agim — 任务',
-        h1: '任务与定时',
-        backToChat: '对话',
+        h1: '🗂 任务与定时',
+        backToChat: '↩ 对话',
+        toReminders: '提醒',
+        toMemos: '备忘',
         toSettings: '设置',
         tabsAudit: '审计',
         tabsJobs: '任务',
@@ -747,14 +751,14 @@
   <header>
     <h1 id="page-title"></h1>
     <button id="theme-toggle" type="button" aria-label="Toggle color theme"></button>
-    <select id="langSelect" title="Language / 语言" style="margin-right:8px">
+    <select id="langSelect" title="Language / 语言">
       <option value="en">EN</option>
       <option value="zh">中文</option>
     </select>
-    <a href="/">↩ <span id="lbl-chat"></span></a>
-    <a href="/reminders" id="lnk-reminders">Reminders</a>
-    <a href="/memos" id="lnk-memos">Memos</a>
-    <a href="/settings" aria-label="Settings"><span id="lbl-settings"></span></a>
+    <a href="/" id="lnk-chat"></a>
+    <a href="/reminders" id="lnk-reminders"></a>
+    <a href="/memos" id="lnk-memos"></a>
+    <a href="/settings" id="lnk-settings"></a>
   </header>
   <main>
     <div class="tabs">
@@ -954,8 +958,10 @@
     // i18n string fills
     document.title = T.title;
     document.getElementById('page-title').textContent = T.h1;
-    document.getElementById('lbl-chat').textContent = T.backToChat;
-    document.getElementById('lbl-settings').textContent = T.toSettings;
+    document.getElementById('lnk-chat').textContent = T.backToChat;
+    document.getElementById('lnk-reminders').textContent = T.toReminders;
+    document.getElementById('lnk-memos').textContent = T.toMemos;
+    document.getElementById('lnk-settings').textContent = T.toSettings;
     document.getElementById('tab-jobs').textContent = T.tabsJobs;
     document.getElementById('tab-background').textContent = T.tabsBackground;
     document.getElementById('tab-subtasks').textContent = T.tabsSubtasks;

package/dist/web/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/web/server.ts"],"names":[],"mappings":"AAsDA,wBAAgB,iBAAiB,IAAI,CAAC,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAOrE;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,OAAO,EAAE;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAsqB/C"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/web/server.ts"],"names":[],"mappings":"AAsDA,wBAAgB,iBAAiB,IAAI,CAAC,EAAE,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAOrE;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,OAAO,EAAE;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CA+rB/C"}

package/dist/web/server.js

@@ -106,6 +106,15 @@ export async function startWebServer(options) {
         if (url.pathname === '/loc' && req.method === 'GET') {
             return serveStatic(res, join(PUBLIC_DIR, 'loc.html'), 'text/html; charset=utf-8');
         }
+        // v1.2 — Viewer: rendered markdown for long IM messages. URL is
+        // unguessable uuidv4; same trust model as /loc (public-on-purpose,
+        // operator fronts the web with their reverse proxy / tunnel).
+        // Content stays in ~/.agim/viewer.db on this host — the public URL
+        // is just a proxy back to here. See src/core/viewer-local.ts.
+        const viewerMatch = url.pathname.match(/^\/v\/([0-9a-f-]{8,})$/i);
+        if (viewerMatch && req.method === 'GET') {
+            return handleViewerPage(res, viewerMatch[1]);
+        }
         // Short alias: /l/<token> serves the same H5 page. The page auto-detects
         // either ?t= query or /l/<token> path. Lets us issue ~38-char URLs
         // (vs 70+ for /loc?t=<32-hex>) which keeps WeChat chat cleaner.
@@ -396,6 +405,20 @@ export async function startWebServer(options) {
         if (artifactsFileMatch && req.method === 'GET') {
             return handleArtifactsFile(req, res, parseInt(artifactsFileMatch[1], 10), artifactsFileMatch[2]);
         }
+        // v1.2 — Viewer pastes (long markdown stash for IM short-link replies).
+        // GET /api/viewer        — list pastes (newest first), for the web console.
+        // GET /api/viewer/:id    — raw JSON of one paste.
+        // DELETE /api/viewer/:id — remove a paste (operator can clean up).
+        if (url.pathname === '/api/viewer' && req.method === 'GET') {
+            return handleViewerList(req, res, url);
+        }
+        const viewerIdMatch = url.pathname.match(/^\/api\/viewer\/([0-9a-f-]{8,})$/i);
+        if (viewerIdMatch && req.method === 'GET') {
+            return handleViewerGet(req, res, viewerIdMatch[1]);
+        }
+        if (viewerIdMatch && req.method === 'DELETE') {
+            return handleViewerDelete(req, res, viewerIdMatch[1]);
+        }
         // PR-B: agent health snapshot (circuit breaker + rate-limiter remaining
         // + latency p50/95/99) consumed by the Health tab in /tasks.
         if (url.pathname === '/api/agent-health' && req.method === 'GET') {
@@ -1608,6 +1631,15 @@ const ENV_EDITABLE_KEYS = [
     // Hot-reload: handlePutEnv mutates process.env so approval-bus picks up the
     // new value on the next timer fire, no restart needed.
     'IMHUB_TIMEOUT_DEFAULT',
+    // v1.2 — IM long-message viewer. Operator sets the public URL pointing at
+    // their reverse-proxied agim web port; thresholds tune when routing kicks
+    // in. Hot-reload works because viewer-config reads process.env every call.
+    'IMHUB_VIEWER_ENABLED',
+    'IMHUB_VIEWER_PUBLIC_BASE_URL',
+    'IMHUB_VIEWER_CHARS',
+    'IMHUB_VIEWER_LINES',
+    'IMHUB_VIEWER_CODE_LINES',
+    'IMHUB_VIEWER_MAX_PASTES',
 ];
 const SECRET_KEYS = new Set(['IMHUB_SMTP_PASS', 'IMHUB_BAIDU_MAP_AK']);
 function maskSecret(v) {
@@ -2694,6 +2726,66 @@ async function handleArtifactsFile(_req, res, jobId, name) {
         sendJson(res, 500, { error: err instanceof Error ? err.message : String(err) });
     }
 }
+// ─── Viewer handlers ───
+// v1.2 — Render a stored paste as an HTML page. URL is unguessable uuidv4
+// (32 hex chars including dashes); we still cap the length match to a
+// reasonable max in the router to avoid pathological lookups.
+async function handleViewerPage(res, id) {
+    const { getPaste, bumpViewCount } = await import('../core/viewer-local.js');
+    const { renderPasteHtml, renderNotFoundHtml } = await import('./viewer-render.js');
+    const row = getPaste(id);
+    if (!row) {
+        res.writeHead(404, {
+            'Content-Type': 'text/html; charset=utf-8',
+            'X-Robots-Tag': 'noindex, nofollow',
+        });
+        res.end(renderNotFoundHtml());
+        return;
+    }
+    bumpViewCount(id);
+    res.writeHead(200, {
+        'Content-Type': 'text/html; charset=utf-8',
+        'X-Robots-Tag': 'noindex, nofollow',
+        'Cache-Control': 'no-store',
+    });
+    res.end(renderPasteHtml(row));
+}
+async function handleViewerList(_req, res, url) {
+    const { listPastes, countPastes } = await import('../core/viewer-local.js');
+    const limit = Math.min(Math.max(parseInt(url.searchParams.get('limit') || '50', 10) || 50, 1), 500);
+    const offset = Math.max(parseInt(url.searchParams.get('offset') || '0', 10) || 0, 0);
+    const rows = listPastes({ limit, offset });
+    // Strip content from list response to keep payload light; UI loads full row via GET /api/viewer/:id.
+    const items = rows.map((r) => ({
+        id: r.id,
+        content_type: r.content_type,
+        title: r.title,
+        source: r.source,
+        job_id: r.job_id,
+        created_at: r.created_at,
+        view_count: r.view_count,
+        bytes: Buffer.byteLength(r.content, 'utf8'),
+    }));
+    sendJson(res, 200, { total: countPastes(), limit, offset, items });
+}
+async function handleViewerGet(_req, res, id) {
+    const { getPaste } = await import('../core/viewer-local.js');
+    const row = getPaste(id);
+    if (!row) {
+        sendJson(res, 404, { error: 'not_found' });
+        return;
+    }
+    sendJson(res, 200, row);
+}
+async function handleViewerDelete(_req, res, id) {
+    const { deletePaste } = await import('../core/viewer-local.js');
+    const ok = deletePaste(id);
+    if (!ok) {
+        sendJson(res, 404, { error: 'not_found' });
+        return;
+    }
+    sendJson(res, 200, { ok: true });
+}
 // ============================================
 // WebSocket chat handlers
 // ============================================