mingdao-harness 0.2.4 → 0.2.6

package/src/update.js

@@ -12,7 +12,7 @@ import { fileURLToPath } from 'node:url';
 import { mingdaoHome, ensureHome } from './config.js';
 import { atomicWriteFileSync } from './atomic-write.js';
 
-function git(args, cwd) {
+function git(/** @type {any} */ args, /** @type {any} */ cwd) {
   const r = spawnSync('git', args, { cwd, encoding: 'utf8', timeout: 120000 });
   return {
     ok: r.status === 0 && !r.error,
@@ -36,11 +36,11 @@ export function findRepoRoot() {
   return null;
 }
 
-function resolveRepo(override) {
+function resolveRepo(/** @type {any} */ override) {
   return override || findRepoRoot();
 }
 
-function versionAt(repo, ref = 'HEAD') {
+function versionAt(/** @type {any} */ repo, ref = 'HEAD') {
   const r = git(['show', `${ref}:package.json`], repo);
   if (!r.ok) return null;
   try {
@@ -50,7 +50,7 @@ function versionAt(repo, ref = 'HEAD') {
   }
 }
 
-function compareVersions(a, b) {
+function compareVersions(/** @type {any} */ a, /** @type {any} */ b) {
   const pa = String(a).split('.').map((n) => parseInt(n, 10) || 0);
   const pb = String(b).split('.').map((n) => parseInt(n, 10) || 0);
   for (let i = 0; i < 3; i++) {
@@ -71,7 +71,7 @@ function readState() {
     return null;
   }
 }
-function writeState(s) {
+function writeState(/** @type {any} */ s) {
   ensureHome();
   atomicWriteFileSync(stateFile(), JSON.stringify(s, null, 2) + '\n', { mode: 0o600 }); // 质检 H4：更新状态原子写
 }
@@ -79,20 +79,20 @@ function writeState(s) {
 // 直接向远端指定分支要版本（评估 D6）：fetch 到 FETCH_HEAD 再读 package.json，
 // 不依赖本地 refs 落盘——部分 Windows git 环境存在「fetch 成功但 refs 不更新」的异常，
 // 按本地 refs 判断会误报「已是最新」。ls-remote 思路的等价实现。
-function remoteVersion(repo, remote, branch) {
+function remoteVersion(/** @type {any} */ repo, /** @type {any} */ remote, /** @type {any} */ branch) {
   const r = git(['fetch', '--quiet', remote, branch], repo);
   if (!r.ok) return null;
   return versionAt(repo, 'FETCH_HEAD');
 }
 
-function listRemotes(repo) {
+function listRemotes(/** @type {any} */ repo) {
   const r = git(['remote'], repo);
   if (!r.ok) return [];
   return r.out.split('\n').filter(Boolean);
 }
 
 // 各远端（main/master 任一存在）中版本号最大的（多镜像部署：github/gitee/gitcode 谁新跟谁）
-function newestRemote(repo) {
+function newestRemote(/** @type {any} */ repo) {
   let latest = '';
   let ref = '';
   for (const remote of listRemotes(repo)) {

package/src/web/app.js

@@ -427,7 +427,7 @@ function renderWorkStatus(){
   }
   el.style.display=html?'flex':'none';
   el.innerHTML=html;
-  const bg=el.querySelector('.ws-bg'); if(bg) bg.onclick=()=>{ const tp=$('#tasksPanel'); tp.style.display = tp.style.display==='none'?'flex':'none'; if(tp.style.display==='flex'){ $('#trajPanel').style.display='none'; $('#subPanel').style.display='none'; updateTasksPanel(); } };
+  const bg=el.querySelector('.ws-bg'); if(bg) bg.onclick=()=>{ const tp=$('#tasksPanel'); tp.style.display = tp.style.display==='none'?'flex':'none'; if(tp.style.display==='flex'){ $('#trajPanel').style.display='none'; $('#subPanel').style.display='none'; updateTasksPanel(); } syncPanelLayout(); };
 }
 // 顶部常驻活动条（静默完美解决层）：生成期间始终可见，滚动不影响
 function renderLiveBar(){
@@ -483,6 +483,15 @@ function openTraj(msg){
   $('#trajPanel').style.display='flex';
   $('#tasksPanel').style.display='none'; // 仅任务面板（右侧）与轨迹互斥；子代理面板可与轨迹同显
   $('#trajRailBtn').classList.add('on');
+  syncPanelLayout();
+}
+// 面板布局同步（2026-09-02）：轨迹/子代理/任务面板打开时以 body class 推开内容区，
+// 聊天文本与附件行不再被固定面板遮挡；面板宽度随屏宽自动收窄（CSS 媒体查询）。
+function syncPanelLayout(){
+  const open=(id)=>document.getElementById(id)?.style.display==='flex';
+  document.body.classList.toggle('traj-open', open('trajPanel'));
+  document.body.classList.toggle('sub-open', open('subPanel'));
+  document.body.classList.toggle('tasks-open', open('tasksPanel'));
 }
 function resultText(r){
   if(r==null||r===undefined) return '';
@@ -492,13 +501,14 @@ function resultText(r){
   return JSON.stringify(r);
 }
 function truncText(t,n){ t=String(t||''); return t.length>n?t.slice(0,n)+'\n…（截断，共 '+t.length+' 字）':t; }
-$('#tjClose').onclick=()=>{ $('#trajPanel').style.display='none'; $('#trajRailBtn').classList.remove('on'); };
+$('#tjClose').onclick=()=>{ $('#trajPanel').style.display='none'; $('#trajRailBtn').classList.remove('on'); syncPanelLayout(); };
 $('#trajRailBtn').onclick=()=>{
   const p=$('#trajPanel');
   const willShow=p.style.display==='none';
   if(willShow){ const m=lastMsgWithTraj(); if(!m){ uiAlert('本轮还没有可展示的轨迹（先发起一个任务）'); return; } openTraj(m); }
   else p.style.display='none';
   $('#trajRailBtn').classList.toggle('on', willShow);
+  syncPanelLayout();
 };
 function lastMsgWithTraj(){
   const msgs=[...document.querySelectorAll('#chat .msg-ai')].reverse();
@@ -528,9 +538,10 @@ const toggleSubPanel=()=>{
   p.style.display=willShow?'flex':'none';
   $('#subRailBtn').classList.toggle('on', willShow);
   if(willShow){ $('#tasksPanel').style.display='none'; renderSubPanel(); } // 轨迹（左侧）可与子代理（右侧）同显
+  syncPanelLayout();
 };
 $('#subRailBtn').onclick=toggleSubPanel;
-$('#sbClose').onclick=()=>{ $('#subPanel').style.display='none'; $('#subRailBtn').classList.remove('on'); };
+$('#sbClose').onclick=()=>{ $('#subPanel').style.display='none'; $('#subRailBtn').classList.remove('on'); syncPanelLayout(); };
 // —— 任务面板（多会话并行） ——
 function setBtn(){
   sendBtn.textContent = generating ? '■ 停止' : '发送';
@@ -597,8 +608,8 @@ async function refreshStatusBar(){
   $('#statusBar').textContent = s.turns+' 轮 · '+s.steps+' 步 | LLM '+fmtDur(s.llmMs)+' · 工具调用 '+fmtDur(s.toolMs)+' | 首 token 平均 '+ft+' · '+tps+' | 缓存命中 '+rate+' | 输入 '+fmtTok(s.prompt)+' tok · 输出 '+fmtTok(s.completion)+' tok';
 }
 refreshStatusBar(); setInterval(refreshStatusBar, 15000);
-$('#tasksBtn').onclick=()=>{ const p=$('#tasksPanel'); p.style.display = p.style.display==='none'?'flex':'none'; if(p.style.display==='flex'){ $('#subPanel').style.display='none'; $('#trajPanel').style.display='none'; $('#trajRailBtn').classList.remove('on'); $('#subRailBtn').classList.remove('on'); updateTasksPanel(); } };
-$('#tpClose').onclick=()=>{ $('#tasksPanel').style.display='none'; };
+$('#tasksBtn').onclick=()=>{ const p=$('#tasksPanel'); p.style.display = p.style.display==='none'?'flex':'none'; if(p.style.display==='flex'){ $('#subPanel').style.display='none'; $('#trajPanel').style.display='none'; $('#trajRailBtn').classList.remove('on'); $('#subRailBtn').classList.remove('on'); updateTasksPanel(); } syncPanelLayout(); };
+$('#tpClose').onclick=()=>{ $('#tasksPanel').style.display='none'; syncPanelLayout(); };
 
 async function refreshSessions(q){ const u=q?'/api/sessions?q='+encodeURIComponent(q):'/api/sessions'; const r=await fetch(u).catch(()=>null); if(!r)return; const j=await r.json(); const sel=$('#sessions'); sel.innerHTML='<option value="">历史会话</option>'; for(const s of j.sessions){ const o=document.createElement('option'); o.value=s.file; o.textContent=s.label; sel.appendChild(o); } if(currentSession&&!q) sel.value=currentSession; }
 let searchTimer=null;

package/src/web/attachments.js

@@ -7,7 +7,7 @@
 const MAX_IMAGE_DATAURL = 7 * 1024 * 1024; // base64 膨胀 1.33 倍，对应约 5MB 原图
 const MAX_TEXT = 200 * 1024;
 
-export function buildUserContent(message, attachments, visionSupported) {
+export function buildUserContent(/** @type {any} */ message, /** @type {any} */ attachments, /** @type {any} */ visionSupported) {
   const text = String(message ?? '').trim();
   const list = Array.isArray(attachments) ? attachments.slice(0, 4) : [];
   const imageParts = [];

package/src/web/index.html

@@ -25,7 +25,27 @@
 *::-webkit-scrollbar-thumb:hover{background:#545557;border:2px solid transparent;background-clip:content-box}
 *::-webkit-scrollbar-track{background:transparent}
 html,body{height:100%}
-body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;display:flex;flex-direction:column;overflow-x:hidden}
+body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;display:flex;flex-direction:column;overflow-x:hidden;transition:padding .16s ease}
+/* 面板推开布局（2026-09-02）：轨迹/子代理/任务面板打开时推开内容区，聊天文本与附件行不被遮挡；
+   面板宽度随屏宽自动收窄，保证聊天区始终可读（≤560px 退化为全宽面板） */
+body.traj-open{padding-left:294px}
+body.sub-open{padding-right:320px}
+body.tasks-open{padding-right:280px}
+@media (max-width:1200px){
+  #trajPanel{width:210px}body.traj-open{padding-left:252px}
+  #subPanel{width:270px}body.sub-open{padding-right:270px}
+  #tasksPanel{width:230px}body.tasks-open{padding-right:230px}
+}
+@media (max-width:860px){
+  #trajPanel{width:160px}body.traj-open{padding-left:202px}
+  #subPanel{width:190px}body.sub-open{padding-right:190px}
+  #tasksPanel{width:190px}body.tasks-open{padding-right:190px}
+}
+@media (max-width:560px){
+  body.traj-open,body.sub-open,body.tasks-open{padding:0}
+  #trajPanel{width:calc(100vw - 42px);left:42px}
+  #subPanel,#tasksPanel{width:100vw}
+}
 header{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg2);flex:none;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto}
 header .logo{font-weight:700;font-size:16px;color:var(--accent);letter-spacing:.5px;flex:none}
 header .logo span{color:var(--text)}