nx-kv 0.8.2 → 0.8.4

package/src/modules/localtask/view.jsx

@@ -54,6 +54,11 @@ export default function SessionTaskView() {
   const [suffixEditing, setSuffixEditing] = useState(false);
   const [suffixDraft, setSuffixDraft] = useState('');
   const [suffixSaving, setSuffixSaving] = useState(false);
+  // 探活状态：'connecting' | 'ok' | 'reconnecting'（数据轮询 + 后续 SSE 接入）
+  const [liveStatus, setLiveStatus] = useState('connecting');
+  // 「只读弹窗」：点击现状/上一轮总结/任务文本时显示聚焦阅读的模态框
+  // modal = { title, body } | null
+  const [modal, setModal] = useState(null);
   const [editingId, setEditingId] = useState(null);
   const [editText, setEditText] = useState('');
   const [editSaving, setEditSaving] = useState(false);
@@ -69,11 +74,14 @@ export default function SessionTaskView() {
 
   const load = useCallback(async () => {
     try {
-      setOverview(await api('/api/localtasks'));
-    } catch (e) {
-      toast(e.message);
+      const data = await api('/api/localtasks');
+      setOverview(data);
+      setLiveStatus('ok');
+    } catch {
+      // 轮询失败 → 进入「重连中」态；指示灯变红，避免每 1.5s 弹错误 toast
+      setLiveStatus('reconnecting');
     }
-  }, [toast]);
+  }, []);
 
   useEffect(() => {
     load();
@@ -85,6 +93,16 @@ export default function SessionTaskView() {
     return () => clearInterval(t);
   }, [load]);
 
+  // 只读弹窗：按 Esc 关闭
+  useEffect(() => {
+    if (!modal) return;
+    const onKey = (e) => {
+      if (e.key === 'Escape') setModal(null);
+    };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [modal]);
+
   const topics = overview ? overview.topics : [];
 
   // 同步页面上的超时配置（来源：后端 settings）
@@ -495,7 +513,35 @@ export default function SessionTaskView() {
           style={{ margin: 0 }}
         />
         <h3>主题总览（按工作目录）</h3>
-        <span className="muted">{overview ? `${topics.length} 个 · 等待中 ${overview.waiting}` : ''}</span>
+        <span
+          className="muted"
+          style={{
+            fontSize: 11,
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 4,
+            color: liveStatus === 'ok' ? '#2a9d5c' : liveStatus === 'reconnecting' ? '#c0392b' : '#888',
+          }}
+          title={
+            liveStatus === 'ok'
+              ? '实时连接正常（数据轮询可达后端）'
+              : liveStatus === 'reconnecting'
+              ? '连接断开，正在重连…'
+              : '正在连接…'
+          }
+        >
+          <span
+            style={{
+              display: 'inline-block',
+              width: 8,
+              height: 8,
+              borderRadius: '50%',
+              background: liveStatus === 'ok' ? '#2a9d5c' : liveStatus === 'reconnecting' ? '#c0392b' : '#aaa',
+            }}
+          />
+          {liveStatus === 'ok' ? '实时连接正常' : liveStatus === 'reconnecting' ? '连接断开，正在重连…' : '正在连接…'}
+        </span>
+        <span className="muted">{overview ? ` · ${topics.length} 个 · 等待中 ${overview.waiting}` : ''}</span>
         <span style={{ marginLeft: 'auto', display: 'flex', gap: 8 }}>
           <button
             className="btn small ghost"
@@ -557,7 +603,12 @@ export default function SessionTaskView() {
                   </div>
                 </div>
                 {t.summary && (
-                  <div className="muted" style={{ fontSize: 11, whiteSpace: 'pre-wrap', marginBottom: 6 }}>
+                  <div
+                    className="muted"
+                    style={{ fontSize: 11, whiteSpace: 'pre-wrap', marginBottom: 6, cursor: 'zoom-in' }}
+                    title="点击查看完整现状"
+                    onClick={(e) => { e.stopPropagation(); setModal({ title: `主题「${t.name}」现状`, body: t.summary }); }}
+                  >
                     现状：{t.summary}
                   </div>
                 )}
@@ -712,12 +763,22 @@ export default function SessionTaskView() {
                           </>
                         ) : (
                           <>
-                            {t.text}
+                            <span
+                              style={{ cursor: t.text.length > 50 ? 'zoom-in' : 'default' }}
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                if (t.text.length > 50) setModal({ title: `任务 #${t.id} 全文`, body: t.text });
+                              }}
+                              title={t.text.length > 50 ? '点击查看完整任务文本' : undefined}
+                            >
+                              {t.text}
+                            </span>
                             {t.roundSummary && (
                               <div
                                 className="muted"
-                                style={{ fontSize: 11, marginTop: 4, paddingTop: 4, borderTop: '1px dashed var(--line,#e6e8eb)', whiteSpace: 'pre-wrap' }}
-                                title="该任务所回应的 agent 上一轮完成总结"
+                                style={{ fontSize: 11, marginTop: 4, paddingTop: 4, borderTop: '1px dashed var(--line,#e6e8eb)', whiteSpace: 'pre-wrap', cursor: 'zoom-in' }}
+                                title="点击查看完整上一轮总结"
+                                onClick={(e) => { e.stopPropagation(); setModal({ title: '上一轮完成总结', body: t.roundSummary }); }}
                               >
                                 上一轮完成：{t.roundSummary}
                               </div>
@@ -777,6 +838,38 @@ export default function SessionTaskView() {
       )}
 
       <CliHints module="localtask" />
+
+      {modal && (
+        <div
+          onClick={() => setModal(null)}
+          style={{
+            position: 'fixed', inset: 0, background: 'rgba(0,0,0,0.4)',
+            display: 'flex', alignItems: 'center', justifyContent: 'center', zIndex: 1000,
+          }}
+        >
+          <div
+            onClick={(e) => e.stopPropagation()}
+            style={{
+              background: '#fff', borderRadius: 8, padding: 20, maxWidth: 'min(720px, 90vw)',
+              maxHeight: '80vh', overflow: 'auto', boxShadow: '0 12px 40px rgba(0,0,0,0.25)',
+            }}
+          >
+            <div style={{ display: 'flex', alignItems: 'center', marginBottom: 12 }}>
+              <strong style={{ fontSize: 14 }}>{modal.title}</strong>
+              <button
+                className="btn small ghost"
+                onClick={() => setModal(null)}
+                style={{ marginLeft: 'auto' }}
+              >
+                关闭
+              </button>
+            </div>
+            <div style={{ fontSize: 13, lineHeight: 1.6, whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>
+              {modal.body}
+            </div>
+          </div>
+        </div>
+      )}
     </>
   );
 }

package/src/runtime/api.js

@@ -92,6 +92,11 @@ export async function handleApi(req, res, url) {
       } else {
         Object.assign(raw, await readBody(req).catch(() => ({})));
       }
+      // stream 模式：把 req/res/url 透传给 run，让 action 自己接管响应（SSE 等）
+      if (action.stream) {
+        await action.run({ ...applySpec(action, raw), __raw: { req, res, url } }, { transport: 'http' });
+        return;
+      }
       const data = await action.run(applySpec(action, raw), { transport: 'http' });
       sendJson(res, 200, { ok: true, data });
     } catch (err) {

package/src/web/public/assets/{CliHints-DNK3TaU5.js → CliHints-D70_R4vQ.js}

@@ -1 +1 @@
-import{o as e,s as t,t as n}from"./index-Iz1qH6TC.js";var r=t();function i({module:t}){let{boot:i}=e(),a=(i?.commands||[]).filter(e=>e.module===t);return a.length?(0,r.jsxs)(`div`,{className:`cli-hint`,children:[(0,r.jsx)(`span`,{className:`cli-hint-label`,children:`CLI 等价（同构命令，加 --json 得机器可读输出）：`}),a.map(e=>(0,r.jsx)(n,{className:`cli-cmd`,text:e.command,title:`点击复制：${e.usage}`,children:e.command},e.id))]}):null}export{i as t};
+import{o as e,s as t,t as n}from"./index-2OK9SG2y.js";var r=t();function i({module:t}){let{boot:i}=e(),a=(i?.commands||[]).filter(e=>e.module===t);return a.length?(0,r.jsxs)(`div`,{className:`cli-hint`,children:[(0,r.jsx)(`span`,{className:`cli-hint-label`,children:`CLI 等价（同构命令，加 --json 得机器可读输出）：`}),a.map(e=>(0,r.jsx)(n,{className:`cli-cmd`,text:e.command,title:`点击复制：${e.usage}`,children:e.command},e.id))]}):null}export{i as t};