@aibolabs/presentation-workbench 0.2.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 chldu2000
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+# @aibolabs/presentation-workbench
+
+两套独立皮肤共用的纯数据工作台呈现模块。模块只将公开 Presentation 数据和
+宿主动作目录转换成视觉树，不引用宿主代码、DOM、框架或业务执行端口。
+
+当前提供 `renderNavigation`、`renderConversation`、`renderGit`、`renderInspector`，
+参数均为 `(state, actions)`；`renderCapability(state, actions, renderSemantic)`
+接收皮肤自己的语义 renderer。
+调用方拥有样式；模块只生成语义结构、可访问性属性及当前目录中的动作绑定。
+0.2.0 随双皮肤 0.3.0 交付导航、会话、Git、Inspector 与能力视图的完整工作台；当前版本 0.2.2 随双皮肤 0.4.1 交付。
+执行权限、附件状态、诊断、会话绑定、三种布局、草稿以及跨默认呈现的焦点/滚动
+恢复均由宿主提供数据与权限；包只决定呈现。macOS arm64 原生生命周期与
+Chromium 浏览器交互已有验收记录，未宣称其他 OS 或所有屏幕阅读器通过认证。
+
+`renderWorkbench(input, renderSemantic)` 装配三栏布局的语义结构，外层样式由皮肤
+提供。`workbenchSource()` 使用 esbuild 打包本包固定入口与已安装依赖，不执行输入源码、
+不读取宿主源码，也不在构建时下载依赖。生成自包含 Worker 脚本；安装本包时需安装其声明依赖。
+
+`./markdown` 使用 Marked lexer 导出纯数据解析与目标提取，内置与外部呈现共享：
+标题 1–6 级、有序起始编号、嵌套/任务列表、引用、分隔线、GFM 表格与列对齐、
+粗体/斜体/删除线的嵌套、行内代码、自动/引用式链接，以及围栏/缩进代码块。
+代码通过 lowlight 生成安全高亮节点；未知语言和超过 50,000 字符的块保留完整原文。
+链接只接受显式 Markdown 目标：HTTP(S)、mailto，以及工作区文件（相对路径、绝对路径、`file://`，
+可带 `#L10`、`#L10-L20` 或 `:10:5` 行列位置）；普通文字不会被猜测为文件链接。
+包内模块 `links.js`（不单独导出，供富文本绘制使用）的 `linkTarget` 负责分类，并提供网页、邮件、本地文件的类型图标（0.2.2 起）。
+文件链接绑定宿主 `openLink` 动作，由宿主校验工作区边界后在预览面板打开。原始 HTML 作为文本显示，Markdown 图片作为命名链接，
+不自动请求远程图片。公式和 Mermaid 暂不专用渲染。
+块 index 按深度优先分配，引用与列表内部的代码和链接也绑定宿主动作；
+流式未闭合代码块可显示，复制始终使用解析得到的原始代码而不是高亮节点。
+`renderRichText` 只绘制安全视觉树，链接和复制代码按钮必须匹配当前宿主 token。
+未提供 token 时按钮禁用，不回退为任意 URL 或包自有剪贴板调用。
+
+工具消息以原文 `pre` 显示调用参数或输出，避免 Markdown 改写命令和 diff；
+推理消息使用稳定消息键的原生折叠区域，状态标签保留生成中、失败和中断等区别。
+连续工具按组显示数量与完成数；系统消息按宿主 `groupSystemItems` 提示分组，
+推理、分支摘要和压缩摘要保持独立。内置呈现与插件共用 `./timeline-model` 的纯数据规则。
+
+`renderConversation` 在消息与输入框之间渲染当前会话的待处理审批，只显示与 `state.session`
+匹配的请求。按钮只绑定目录中的 `resolveApproval` token：带选项的请求按选项作答，
+拒绝类在前；否则按 `availableDecisions` 显示允许/拒绝。没有 token 时不渲染按钮。
+
+编辑器通过 `submitOnEnter` 使用 Enter 发送，运行时绑定宿主可用的排队发送；
+Shift/Ctrl+Enter 换行。没有对应动作时回车不提交，输入法组合确认不触发发送。
+
+可选 `data.layout`/`layoutActions` 让导航及辅助列消费宿主宽度，布局菜单提供
+键盘/鼠标范围滑块。缺少合同的旧输入仍使用皮肤默认宽度。尺寸通过受限数值提示
+交给皮肤 CSS；分栏边界支持鼠标拖动及方向键/Home/End 调整。
+
+列宽、辅助面板开关及当前视图由宿主按窗口持久化，插件无需自行存储或恢复。
+
+标准、专注和审阅布局消费宿主 mode；审阅交换两侧和拖动方向，专注仅保留内容。
+模式菜单使用宿主选择令牌，沿用默认工作台的切换流程和模式持久化。
+
+路径和斜杠命令建议支持上下键、Enter 确认、Escape 收起；路径另支持 Tab。
+命令按名称、别名、描述过滤，确认后光标移到补全文本末尾。键盘引用已有宿主
+动作；命令分类支持 Tab/Shift+Tab 和鼠标切换。分类是选项列表之外的筛选按钮，
+编辑器关联到实际 listbox。会话历史有命名和焦点入口，支持键盘滚动。
+
+建议列表打开时普通 Enter 优先确认选项，Shift/Ctrl+Enter 仍换行，与内置编辑器一致；鼠标选择
+建议也会回到编辑器，光标位于补全文本末尾。
+
+桌面会话历史与编辑区独立滚动，附件详情可展开；默认视图与外置视图按消息标识
+恢复位置。外置核心语义不冒充内置专业阅读，存在专业偏好时显示通用降级提示。

package/bundle.mjs

@@ -0,0 +1,12 @@
+import {build} from 'esbuild';
+import {fileURLToPath} from 'node:url';
+
+/** Bundle the fixed workbench entry and installed dependencies for the Worker. */
+export async function workbenchSource() {
+  const result = await build({
+    stdin: {contents: "export {renderWorkbench} from './workbench.js';", resolveDir: fileURLToPath(new URL('.', import.meta.url))},
+    bundle: true, write: false, format: 'iife', globalName: 'aiboWorkbenchModule',
+    platform: 'browser', target: 'es2022', minify: true,
+  });
+  return result.outputFiles[0].text + '\nself.aiboWorkbench=aiboWorkbenchModule.renderWorkbench;\n';
+}

package/capability.js

@@ -0,0 +1,18 @@
+import {node,button,section,text,actionFor} from './tree.js';
+/** The skin supplies its semantic renderer; only host-bound semantic actions are forwarded. */
+export function renderCapability(state,actions,renderSemantic){
+ const find=(operation,...args)=>actionFor(actions,operation,...args);
+ const controls=[];
+ for(const [operation,label] of [['close','关闭能力视图'],['reload','重新加载'],['toggleLayout','切换布局'],['toggleReading',state.view.enhanced?'使用通用阅读':'尝试专业阅读']]){const action=find(operation);if(action)controls.push(button('capability:'+operation,label,action));}
+ const children=[node('nav','capability:catalog',null,state.catalog.map(item=>button('capability:open:'+item.installationId+':'+item.contributionId,item.title,find('open',item.installationId,item.contributionId),{title:item.issue??item.title})))];
+ if(state.selected){
+  children.push(node('h2','capability:selected-title',state.selected.title),node('nav','capability:controls',null,controls),text('capability:error',state.view.error),state.view.restoring?text('capability:restoring','正在恢复视图'):null);
+  if(state.view.snapshot){
+   const snapshot=state.view.snapshot;
+   if(snapshot.view.kind==='detail'&&state.view.enhanced)children.push(node('p','capability:reading-fallback','专业阅读界面不可用，已使用通用视图。',[],{role:'status'}));
+   const semanticActions=actions.filter(action=>action.operation==='semantic').map(entry=>{const action=JSON.parse(entry.args[0]);return {token:entry.token,action,label:snapshot.actions.find(item=>item.id===action.actionId)?.label??action.actionId};});
+   children.push(renderSemantic({snapshot,actions:semanticActions}));
+  }
+ }
+ return section('capability','能力视图',children);
+}

package/code-highlight.d.ts

@@ -0,0 +1,2 @@
+export type CodeSegment = {value?: string; className?: string; children?: CodeSegment[]};
+export function highlightCode(value: string, language: string): CodeSegment[];

package/code-highlight.js

@@ -0,0 +1,19 @@
+import {common, createLowlight} from 'lowlight';
+
+const highlighter = createLowlight(common);
+const cache = new Map();
+
+// Explicit languages only; large/unknown blocks remain complete plain text.
+export function highlightCode(value, language) {
+  if (value.length > 50000 || !language || !highlighter.registered(language)) return [{value}];
+  const key = language + '\n' + value;
+  if (cache.has(key)) return cache.get(key);
+  const convert = nodes => nodes.map(node => node.type === 'text' ? {value: node.value}
+    : {className: (node.properties.className ?? []).join(' '), children: convert(node.children)});
+  let result;
+  try { result = convert(highlighter.highlight(language, value).children); }
+  catch { return [{value}]; }
+  if (cache.size >= 32) cache.delete(cache.keys().next().value);
+  cache.set(key, result);
+  return result;
+}

package/conversation.js

@@ -0,0 +1,114 @@
+import {splitMessageAttachments} from './message-attachments.js';
+import {node,button,field,section,text,actionFor} from './tree.js';
+import {renderExecutionProfile,renderMessageAttachment,renderSessionMetadata} from './metadata.js';
+import {splitSessionReferences} from './session-references.js';
+import {renderTimeline} from './timeline.js';
+const labels={pauseGoal:'暂停目标',resumeGoal:'恢复目标',clearGoal:'清除目标',send:'发送',stop:'停止',retry:'重试',queueSteer:'立即发送',queueFollowUp:'排队发送',clearQueue:'清空队列',resumeQueue:'继续队列',addAttachments:'添加附件',addDirectory:'添加目录',loadOlder:'加载更早消息',fork:'分叉会话',loadModels:'刷新模型',compact:'压缩上下文',openTree:'会话树',closeTree:'关闭会话树',refreshTree:'刷新会话树',submitAnswers:'提交回答',cancelAnswers:'取消回答'};
+export function renderConversation(state,actions){
+ const find=(operation,...args)=>actionFor(actions,operation,...args);
+ const controls=(operations)=>operations.flatMap(operation=>{const action=actions.find(a=>a.operation===operation&&!a.args.length);return action?[button('conversation:action:'+operation,labels[operation],action)]:[]});
+ const children=[node('header','conversation:header',null,[node('h1','conversation:title',state.session?.label??'选择或创建会话'),text('conversation:activity',state.activityLabel),node('nav','conversation:tools',null,controls(['fork','compact','openTree']))])];
+ if(state.session?.historyOnly)children.push(text('conversation:history-only','插件数据已清除，此会话仅保留历史。'));
+ children.push(renderSessionMetadata(state.session,'conversation:session-metadata'));
+ const messages=renderTimeline(state.timelineVisibleCount>0?state.timeline.slice(-state.timelineVisibleCount):[],actions,state.groupSystemItems===true,state.attachments);
+ children.push({...node('section','conversation:timeline',null,[...controls(['loadOlder']),...messages],{'aria-label':'会话消息'}),className:'timeline'});
+ if(state.retryReason||state.retryPrompt)children.push(section('conversation:retry','重试',[text('retry:reason',state.retryReason),text('retry:prompt',state.retryPrompt),...controls(['retry'])]));
+ for(const request of state.userInputRequests){
+  const questions=request.questions.map(question=>{
+   const prefix='question:'+request.requestId+':'+question.id;
+   const value=state.answerDrafts[JSON.stringify([request.sessionId,request.requestId,question.id,request.turnId])]??'';
+   const options=question.options.map(option=>{
+    const action=find('chooseAnswer',request.requestId,question.id,option.label);
+    return button(prefix+':option:'+option.label,option.label,action,{'aria-pressed':String(value===option.label),title:option.description??option.label});
+   });
+   return section(prefix,question.header??question.question,[question.header?text(prefix+':prompt',question.question):null,...options,(question.isOther||!question.options.length)?field(prefix+':answer',question.question,value,find('answer',request.requestId,question.id),true):null]);
+  });
+  children.push(section('request:'+request.requestId,'需要你的回答',[...questions,...['submitAnswers','cancelAnswers'].map(operation=>{const action=find(operation,request.requestId);return action?button('request:'+request.requestId+':'+operation,labels[operation],action):null;})]));
+ }
+ for(const request of (state.approvalRequests??[]).filter(request=>request.sessionId===state.session?.id)){
+  const prefix='approval:'+request.requestId;
+  // Reject kinds come first, matching the default workbench; decisions answer providers without options.
+  const choices=request.options.length?[...request.options].sort((a,b)=>a.kind===b.kind?0:a.kind==='reject'?-1:1).map(option=>['option',option.id,option.label??(option.kind==='allow'?'允许':'拒绝')]):request.availableDecisions.map(decision=>['decision',decision,decision==='accept'?'允许':'拒绝']);
+  children.push(section(prefix,'需要确认',[text(prefix+':kind',request.kind),request.command?text(prefix+':command',request.command):null,request.cwd?text(prefix+':cwd',request.cwd):null,
+   ...choices.map(([kind,value,label])=>{const action=find('resolveApproval',request.requestId,kind,value);return action?button(prefix+':'+kind+':'+value,label,action):null;})]));
+ }
+ if(state.queue && (state.queue.items?.length || state.queue.steering.length || state.queue.followUp.length))children.push(section('conversation:queue','待处理消息',[
+  state.queue.paused?text('queue:paused','自动发送已暂停'):null,
+  ...(state.queue.items?.length?state.queue.items.map(item=>section('queue:item:'+item.id,item.status==='sending'?'正在发送':item.status==='uncertain'?'投递结果未知':item.status==='failed'?'发送失败':'等待发送',[
+   text('queue:text:'+item.id,splitSessionReferences(item.text).body.split('[AIBO_CONTEXT_ATTACHMENTS]')[0].trim()),
+   ...splitMessageAttachments(item.text,state.attachments).attachments.map(attachment=>renderMessageAttachment(attachment,'queue:'+item.id+':attachment:'+attachment.id)),
+   item.error?text('queue:error:'+item.id,item.error):null,
+   (!state.running || state.session?.capabilities.includes('queue.steer')) ? button('queue:send:'+item.id,'立即发送',find('sendQueuedMessage',item.id)) : null,
+   button('queue:remove:'+item.id,'删除',find('removeQueuedMessage',item.id)),
+  ])):[...state.queue.steering.map((value,i)=>text('queue:steer:'+i,'引导：'+value)),...state.queue.followUp.map((value,i)=>text('queue:follow:'+i,'后续：'+value))]),
+  ...controls(['resumeQueue','clearQueue'])]));
+ if(state.session){
+  const draftField=field('conversation:draft','消息',state.draft,find('draft'),true);
+  const submit=find(state.running?'queueFollowUp':'send');
+  draftField.children[1].submitOnEnter=true;
+  if(submit)draftField.children[1].primaryEnter=submit.token;
+  const goal = state.goal && state.goal.status !== 'cleared' ? {...node('details','conversation:goal',null,[
+   node('summary','goal:summary',state.goal.objective),
+   text('goal:status',state.goal.status === 'active' ? (state.running ? '目标进行中' : '目标待继续') : state.goal.status === 'paused' && state.running ? '目标已暂停，当前回合尚未结束' : ({paused:'目标已暂停',completed:'目标已完成',blocked:'目标受阻',usageLimited:'额度受限',budgetLimited:'目标预算已耗尽'})[state.goal.status] ?? '目标状态未知'),
+   text('goal:budget',state.goal.tokenBudget == null ? null : `Token：${state.goal.tokensUsed??0} / ${state.goal.tokenBudget}`),
+   ...controls(['pauseGoal','resumeGoal','clearGoal']),
+  ],{open:true,'aria-label':'当前目标'}),className:'goal-bar'} : null;
+  const composer=[goal,draftField,text('conversation:shortcut','Enter '+(state.running?'排队发送':'发送')+' · Shift/Ctrl+Enter 换行'),state.draftFailed?node('p','conversation:draft-error','草稿保存失败',[],{role:'alert'}):null];
+
+  composer.push(node('nav','conversation:composer-tools',null,controls(['addAttachments','addDirectory','send','stop','queueSteer','queueFollowUp'])));
+  const pendingAttachments=state.attachments.filter(item=>item.turnId===null && item.sessionId===state.session.id);
+  const attachmentList=node('ul','conversation:attachment-list',null,pendingAttachments.map(item=>node('li','attachment:'+item.id,null,[renderMessageAttachment(item,'composer:attachment:'+item.id),button('attachment:remove:'+item.id,'移除附件 '+item.path,find('removeAttachment',item.id))])));
+  if(pendingAttachments.length)composer.push(node('details','conversation:attachments',null,[node('summary','conversation:attachments:summary','附件 · '+pendingAttachments.length),attachmentList],{open:true}));
+  const mention=/(?:^|\s)@[^\s]*$/.test(state.draft);
+  const slash=state.draft.match(/^\/([^\s]*)$/);
+  const categoryOf=command=>command.category??(command.source==='skill'?'skill':command.source==='extension'||command.source==='prompt'?'extension':'agent');
+  const matches=slash?state.agentCommands.filter(command=>command.enabled!==false&&[command.name,...(command.aliases??[]),command.description??''].join(' ').toLocaleLowerCase().includes(slash[1].toLocaleLowerCase())):state.agentCommands;
+  const groups=slash?[['all','All'],['agent','Agent'],['skill','Skills'],['extension','Extension']].map(([id,label])=>({id,label,commands:matches.filter(command=>id==='all'||categoryOf(command)===id)})):[];
+  const commands=slash?[...new Map(groups.flatMap(group=>group.commands).map(command=>[command.name,command])).values()]:matches;
+  const pathButtons=state.workspacePathSuggestions.slice(0,24).map(item=>button('path:'+item.path,item.path+(item.isDirectory?'/':''),find('selectPath',item.path),{role:'option'}));
+  const commandButtons=commands.map(command=>button('command:'+command.name,'/'+command.name,find('selectCommand',command.name),{title:command.description??command.name,role:slash?'option':'button'}));
+  const sessionButtons=(state.sessionSuggestions??[]).map(item=>button('session-reference:'+item.id,'会话 · '+item.label+' · '+item.agent+(item.archived?' · 已归档':''),find('selectSessionReference',item.id),{role:'option'}));
+  const mentionGroups=mention?[['all','All'],['files','Files'],['folders','Folders'],['sessions','Sessions']].map(([id,label])=>({id,label,buttons:id==='sessions'?sessionButtons:id==='files'?pathButtons.filter((_,index)=>!state.workspacePathSuggestions[index].isDirectory):id==='folders'?pathButtons.filter((_,index)=>state.workspacePathSuggestions[index].isDirectory):[...sessionButtons,...pathButtons]})) : [];
+  const mentionButtons=mention?[...new Map(mentionGroups.flatMap(group=>group.buttons).map(item=>[item.key,item])).values()]:[];
+  if(mention)composer.push(node('div','conversation:mentions',null,[node('div','mentions:categories',null,mentionGroups.map(group=>node('button','mentions:category:'+group.id,group.label+' ('+group.buttons.length+')',[],{type:'button','aria-pressed':String(group.id==='all')})),{role:'group','aria-label':'引用分类'}),node('div','conversation:mention-options',null,mentionButtons,{role:'listbox','aria-label':'引用建议'})],{role:'group','aria-label':'引用补全'}));
+  if(slash||state.agentCommands.length)composer.push(slash?node('div','conversation:commands',null,[node('div','commands:categories',null,groups.map(group=>node('button','commands:category:'+group.id,group.label+' ('+group.commands.length+')',[],{type:'button','aria-pressed':String(group.id==='all')})),{role:'group','aria-label':'命令分类'}),node('div','conversation:command-options',null,commandButtons,{role:'listbox','aria-label':'命令建议'})],{role:'group','aria-label':'命令补全'}):node('details','conversation:commands',null,[node('summary','commands:title','命令'),...commandButtons]));
+  const suggestionButtons=mention?mentionButtons:slash?commandButtons:[];
+  if(suggestionButtons.length||mention||slash&&groups.length)draftField.children[1].suggestions={listKey:mention?'conversation:mentions':'conversation:commands',keys:suggestionButtons.filter(button=>button.events?.click).map(button=>button.key),confirmWithTab:false,confirmWithPrimary:mention,...(mention?{categories:mentionGroups.map(group=>({key:'mentions:category:'+group.id,options:group.buttons.filter(button=>button.events?.click).map(button=>button.key)}))}:slash?{categories:groups.map(group=>({key:'commands:category:'+group.id,options:group.commands.filter(command=>find('selectCommand',command.name)).map(command=>'command:'+command.name)}))}:{})};
+  const matrixModels=(state.modelCatalog?.models??[]).map(model=>section('model:'+model.reference,model.label,[text('model:description:'+model.reference,model.description),button('model:default:'+model.reference,'默认推理强度',find('selectModel',model.reference,null),{'aria-pressed':String(state.modelCatalog?.current?.reference===model.reference&&!state.modelConfiguration.selectedReasoningEffort)}),...model.reasoningEfforts.map(effort=>button('model:effort:'+model.reference+':'+effort.id,effort.label,find('selectModel',model.reference,effort.id),{'aria-pressed':String(state.modelCatalog?.current?.reference===model.reference&&state.modelConfiguration.selectedReasoningEffort===effort.id),title:effort.description??effort.label}))]));
+ const sequential=state.modelCatalog?.parameterScope==='current-model';
+ const currentModel=state.modelCatalog?.current;
+ const currentEfforts=currentModel?.reasoningEfforts??[];
+ const selectedEffort=currentEfforts.find(option=>option.id===state.modelConfiguration.currentReasoningEffort);
+ const models=sequential?[
+   section('models:selection','模型',(state.modelCatalog?.models??[]).map(model=>button('model:select:'+model.reference,model.label,find('selectModel',model.reference,null),{'aria-pressed':String(currentModel?.reference===model.reference),title:model.description??model.label}))),
+   section('models:reasoning','推理强度',currentEfforts.length?currentEfforts.map(effort=>button('model:effort:'+currentModel.reference+':'+effort.id,effort.label,find('selectModel',currentModel.reference,effort.id),{'aria-pressed':String(state.modelConfiguration.selectedReasoningEffort===effort.id),title:effort.description??effort.label})):[text('models:no-reasoning',state.modelCatalogLoading?'正在更新…':'此模型无可选推理强度')]),
+ ]:matrixModels;
+  const fastTier=state.modelCatalog?.current?.serviceTiers?.find(tier=>tier.label?.trim().toLowerCase()==='fast');
+  const fastAction=fastTier?find('selectServiceTier',state.modelCatalog?.currentServiceTier===fastTier.id?'default':fastTier.id):null;
+  const contextAction=actions.find(action=>action.operation==='selectContextWindow');
+  const contextOptions=state.modelCatalog?.current?.contextWindows??[];
+  const contextCurrent=state.modelCatalog?.currentContextWindow;
+  const contextKnown=contextOptions.some(option=>option.id===contextCurrent);
+  const contextSelect=node('label','models:context-label',null,[text('models:context-title','上下文'),{
+    ...node('select','models:context',null,[...(!contextKnown?[node('option','models:context:unknown',contextOptions.length?'未提供当前值':'不支持',[],{value:'',disabled:true,selected:true})]:[]),...contextOptions.map(option=>node('option','models:context:'+option.id,option.label,[],{value:option.id,selected:option.id===contextCurrent}))],{'aria-label':'模型上下文大小',disabled:!contextAction,value:contextKnown?contextCurrent:''}),
+    ...(contextAction?{events:{change:contextAction.token}}:{}),
+  }]);
+  composer.push(node('details','conversation:models' ,null,[node('summary','models:title',(currentModel?.label??'模型')+(selectedEffort?' · '+selectedEffort.label:'')),...controls(['loadModels']),fastAction?button('models:fast','⚡ '+fastTier.label,fastAction,{'aria-pressed':String(state.modelCatalog?.currentServiceTier===fastTier.id),title:fastTier.description??fastTier.label}):null,contextSelect,state.modelCatalogLoading?text('models:loading','正在加载模型'):null,...models]));
+  composer.push(node('details','conversation:access',null,[node('summary','access:title','会话设置'),...actions.filter(a=>a.operation==='selectAccess').map(action=>button('access:'+action.args[0],state.executionProfile?.sessionControls?.find(option=>option.id===action.args[0])?.label??action.args[0],action)),renderExecutionProfile(state.executionProfile,'conversation:execution-profile')]));
+  if(state.usage){
+   const usage=state.usage;
+   const percent=usage.contextUsed!==null&&usage.contextLimit?Math.min(100,Math.round(usage.contextUsed/usage.contextLimit*100)):null;
+   const limits=(usage.limits??[]).map(limit=>(limit.label??(limit.windowMinutes?limit.windowMinutes+' 分钟':'套餐'))+'剩余 '+Math.max(0,100-Math.round(limit.usedPercent))+'%');
+   const credits=usage.credits?.unlimited?'Credits 不限量':usage.credits?.balance?'Credits '+usage.credits.balance:null;
+   composer.push(node('p','conversation:usage',[percent===null?usage.contextUsed===null?null:'上下文 '+usage.contextUsed:'上下文 '+percent+'%'+(usage.contextEstimated?'（估算）':''),usage.total===null?null:'Token '+usage.total,usage.plan?.toUpperCase(),...limits,credits].filter(Boolean).join(' · '),[],{'aria-label':'会话用量与套餐余量'}));
+  }
+  children.push(section('conversation:composer','撰写消息',composer));
+ }
+ if(state.treeOpen){
+  const branch=nodes=>nodes.map(item=>node('li','tree:'+item.id,null,[button('tree:select:'+item.id,item.label??item.summary??item.type,find('selectTreeNode',item.id),{'aria-current':state.tree?.leafId===item.id?'true':'false'}),node('ul','tree:children:'+item.id,null,branch(item.children))]));
+  children.push(section('conversation:tree','会话树',[...controls(['closeTree','refreshTree']),text('tree:status',state.treeNavigationStatus),node('ul','tree:roots',null,branch(state.tree?.tree??[]))]));
+ }
+ const composer=children.find(child=>child?.key==='conversation:composer');
+ const history={...node('section','conversation:history',null,children.filter(child=>child?.key!=='conversation:composer'),{'aria-label':'会话历史',tabindex:'0'}),className:'conversation-history'};
+ return {...node('main','conversation',null,[history,composer],{'aria-label':'会话'}),className:'conversation'};
+}

package/git.js

@@ -0,0 +1,59 @@
+import {node,button,field,section,text,actionFor} from './tree.js';
+export function renderGit(state,actions){
+ const find=(operation,...args)=>actionFor(actions,operation,...args);
+ const act=(operation,label,...args)=>{const action=find(operation,...args);return action?button('git:action:'+operation+':'+JSON.stringify(args),label,action):null;};
+ const children=[];
+ const repositories=state.repositories;
+ const current=repositories?.find(repo=>repo.id===state.repositoryId);
+ if(repositories){
+  children.push(text('git:repository-target',current?`${current.name} · ${current.relativePath}${current.externalRoot?' · 仓库根目录位于工作区外':''}`:'所有仓库'));
+  if(repositories.length>1||state.repositoryId===null)children.push(node('details','git:repository-picker',null,[node('summary','git:repository-picker-title',current?'切换仓库':'选择仓库以查看历史、分支或提交'),field('git:repository-search','搜索仓库名称或路径',state.repositorySearch,find('repositorySearch')),act('selectRepository','所有仓库',null),...repositories.filter(repo=>`${repo.name} ${repo.relativePath}`.toLowerCase().includes((state.repositorySearch??'').toLowerCase())).map(repo=>act('selectRepository',`${repo.name} · ${repo.relativePath}`,repo.id))],state.repositoryPickerOpen?{open:true}:{}));
+  if(state.discoveryLimited)children.push(text('git:discovery-limited','发现范围受限'),act('continueDiscovery','继续扫描'));
+  for(const [index,warning] of (state.discoveryWarnings??[]).entries())children.push(text('git:discovery-warning:'+index,warning));
+ }
+ if(repositories&&state.repositoryId===null){
+  children.push(act('refresh','刷新仓库和变更'),act('selectSection','提交历史','history'),text('git:error',state.error));
+  if(state.loading)children.push(node('p','git:loading','正在读取仓库',[],{role:'status'}));
+  if(!repositories.length&&!state.loading)children.push(text('git:no-repositories','工作区内未发现 Git 仓库'));
+  const group=repo=>{
+   const prefix='git:repository:'+repo.id;
+   const groupAct=(...args)=>{const result=act(...args);return result?{...result,key:prefix+':'+result.key}:null;};
+   const files=repo.changes?.files??[];
+   const content=[groupAct('toggleRepository',`${repo.name} · ${repo.changes?.branch??'Detached HEAD'} · ${files.length}`,repo.id),text(prefix+':path',repo.relativePath+(repo.kind==='submodule'?' · 子模块':repo.kind==='worktree'?' · Worktree':'')+(repo.externalRoot?' · 仓库根目录位于工作区外':''))];
+   if(!(state.collapsedRepositories??[]).includes(repo.id)){
+    content.push(text(prefix+':error',repo.error??repo.changes?.captureError));
+    if(!repo.changes&&!repo.error)content.push(text(prefix+':loading','正在读取变更…'));
+    for(const [scope,title] of [['staged','已暂存的更改'],['unstaged','更改']]){
+     const entries=files.filter(file=>scope==='staged'?file.staged&&!file.conflicted:file.unstaged||file.untracked||file.conflicted);
+     if(entries.length)content.push(section(prefix+':'+scope,title,entries.map(file=>node('div',prefix+':'+scope+':'+file.path,null,[text(prefix+':'+scope+':path:'+file.path,`${file.untracked?'?':file.conflicted?'!':file.kind} ${file.path}`),groupAct('repositoryDiff','查看差异',repo.id,file.path,scope),groupAct(scope==='staged'?'repositoryUnstage':'repositoryStage',scope==='staged'?'取消暂存':'暂存',repo.id,file.path)]))));
+    }
+    content.push(groupAct('repositoryStageAll','全部暂存',repo.id),groupAct('repositoryUnstageAll','全部取消暂存',repo.id),groupAct('selectRepository',files.some(file=>file.staged)?'提交…':'打开仓库',repo.id));
+   }
+   return node('section',prefix,null,content,{'aria-label':`仓库 ${repo.name} ${repo.relativePath}`});
+  };
+  const clean=repositories.filter(repo=>!repo.error&&repo.changes?.captureStatus==='captured'&&!repo.changes.files.length);
+  children.push(...repositories.filter(repo=>!clean.includes(repo)).map(group));
+  if(clean.length)children.push(node('details','git:clean-repositories',null,[node('summary','git:clean-repositories-title',`干净的仓库（${clean.length}）`),...clean.map(group)]));
+ }else{
+ const single=[node('nav','git:tools',null,[act('refresh','刷新变更'),act('refreshMetadata','刷新历史'),act('requestReview','请求审查'),act('selectSection','工作区变更','changes'),act('selectSection','提交历史','history')]),text('git:branch',state.changes?.branch),text('git:error',state.error),text('git:metadata-error',state.metadataError)];
+ if(state.changes?.captureStatus&&state.changes.captureStatus!=='captured')single.push(node('p','git:capture-error',state.changes.captureError??'当前工作区无法读取 Git 状态',[],{role:'status'}));
+ if(state.changes?.captureStatus==='captured'&&!state.changes.files.length)single.push(text('git:clean','工作区干净，没有待处理的更改'));
+ if(state.loading||state.metadataLoading)single.push(node('p','git:loading','正在读取 Git 信息',[],{role:'status'}));
+ if(state.draft.gitSection==='changes'){
+  single.push(node('ul','git:files',null,(state.changes?.files??[]).map(file=>node('li','git:file:'+file.path,null,[text('git:path:'+file.path,file.path),text('git:kind:'+file.path,`${file.kind}${file.conflicted?' · 冲突':''}${file.staged?' · 已暂存':''}${file.untracked?' · 未跟踪':''}`),act('openDiff','查看已暂存差异',file.path,'staged'),act('openDiff','查看工作区差异',file.path,'unstaged'),act('stageFile','暂存',file.path),act('unstageFile','取消暂存',file.path)]))));
+  single.push(act('stageAll','全部暂存'),act('unstageAll','全部取消暂存'),field('git:commit-message',current?`提交到 ${current.name} · ${state.changes?.branch??'Detached HEAD'}`:'提交说明',state.draft.commitMessage,find('commitMessage'),true),act('commit','提交'));
+ }else{
+  single.push(node('ul','git:history',null,state.history.map(commit=>node('li','git:commit:'+commit.hash,null,[act('selectCommit',`${commit.shortHash} ${commit.subject}`,commit.hash),text('git:author:'+commit.hash,`${commit.author} · ${commit.authoredAt}`)]))));
+  if(state.historyLoadMoreError)single.push(node('p','git:history-more-error',state.historyLoadMoreError,[],{role:'alert'}));
+  single.push(state.historyLoadingMore?text('git:history-more-loading','正在加载更多提交…'):state.historyHasMore?act('loadMoreHistory','加载更多提交'):null);
+  if(state.commitFiles)single.push(node('ul','git:commit-files',null,state.commitFiles.files.map(file=>node('li','git:commit-file:'+file.path,null,[act('openCommitDiff',file.path,state.commitFiles.commit,file.path)]))),act('loadMoreCommitFiles','加载更多文件',state.commitFiles.commit));
+ }
+ single.push(node('details','git:branches',null,[node('summary','git:branches-title','分支'),field('git:branch-draft','新分支名称',state.draft.branchDraft,find('branchDraft')),act('createBranch','创建分支'),...state.branches.map(branch=>node('p','git:branch:'+branch.name,null,[text('git:branch-name:'+branch.name,branch.name+(branch.current?' · 当前':'')),act('checkoutBranch','切换分支',branch.name)]))]));
+ if(state.remoteStatus)single.push(section('git:remote','远端',[text('git:upstream',state.remoteStatus.upstream),text('git:distance',`领先 ${state.remoteStatus.ahead} · 落后 ${state.remoteStatus.behind}`),act('fetch','获取'),act('pull','拉取'),act('push','推送')]));
+ single.push(node('details','git:stashes',null,[node('summary','git:stash-title','暂存栈'),act('saveStash','保存到暂存栈'),...state.stashes.map(stash=>node('p','git:stash:'+stash.reference,null,[text('git:stash-message:'+stash.reference,stash.message),act('applyStash','应用 '+stash.reference,stash.reference)]))]));
+ children.push(...single);
+ }
+ const preview=state.preview;
+ if(preview.selectedPath||preview.fileDiff||preview.error||preview.loading)children.push(section('git:preview',preview.contextLabel??preview.selectedPath??'差异预览',[act('closeDiff','关闭差异'),preview.loading?text('git:preview-loading','正在读取差异'):null,text('git:preview-error',preview.error),text('git:preview-reason',preview.fileDiff?.reason),preview.fileDiff?node('pre','git:preview-content',preview.fileDiff.diff,[],{tabindex:'0'}):null,preview.fileDiff?.truncated?text('git:preview-truncated','差异已截断'):null]));
+ return section('git','Git',children);
+}

package/inspector.js

@@ -0,0 +1,27 @@
+import {node,button,field,section,text,actionFor} from './tree.js';
+import {renderExecutionProfile,renderAttachment,renderSessionMetadata} from './metadata.js';
+export function renderInspector(state,actions){
+ const find=(operation,...args)=>actionFor(actions,operation,...args);
+ const act=(operation,label,...args)=>{const action=find(operation,...args);return action?button('inspector:action:'+operation+':'+JSON.stringify(args),label,action):null;};
+ const children=[node('nav','inspector:tools',null,[act('refresh','刷新上下文'),act('syncThreads','同步会话')])];
+ children.push(section('inspector:diagnostics','Agent 状态',state.diagnostics.map(item=>section('diagnostic:'+item.agent,item.label,[text('diagnostic:status:'+item.agent,`${item.status} · ${item.authState}`),text('diagnostic:version:'+item.agent,item.version),text('diagnostic:executable:'+item.agent,item.executable),text('diagnostic:message:'+item.agent,item.message),...(item.capabilities??[]).map((value,i)=>text('diagnostic:capability:'+item.agent+':'+i,value))]))));
+ children.push(renderSessionMetadata(state.session,'inspector:session-metadata'),renderExecutionProfile(state.executionProfile,'inspector:execution-profile'),section('inspector:attachments','上下文附件',state.attachments.length?state.attachments.map(item=>renderAttachment(item,'inspector:attachment:'+item.id)):[text('inspector:no-attachments','发送前可在输入框添加文件或目录')]));
+ const inventory=state.workspaceCapabilities;
+ if(inventory)for(const [key,label] of [['instructions','指令'],['skills','技能'],['tools','工具'],['mcpServers','MCP 服务']])children.push(section('inventory:'+key,label,inventory[key].map((item,i)=>text('inventory:'+key+':'+i,`${item.name} · ${item.source}`))));
+ if(inventory?.warnings.length)children.push(section('inventory:warnings','检查提示',inventory.warnings.map((value,i)=>text('inventory:warning:'+i,value))));
+ children.push(section('inspector:threads','线程',state.threads.map(item=>text('thread:'+item.id,`${item.title??item.id} · ${item.status??''}${item.cwd?' · '+item.cwd:''}`))));
+ children.push(section('inspector:artifacts','产物',state.artifacts.map(item=>node('article','artifact:'+item.id,null,[text('artifact:metadata:'+item.id,`${item.source} · ${item.mediaType} · ${item.size} 字节`),text('artifact:scope:'+item.id,item.turnId?'本轮 '+item.turnId:'会话级'),text('artifact:hash:'+item.id,item.contentHash?'内容摘要：'+item.contentHash:null),act('toggleArtifact',state.artifactPreview.artifactId===item.id?(state.artifactPreview.error?'重试产物':'收起产物'):'查看产物 '+item.source,item.id)]))));
+ const preview=state.artifactPreview;
+ if(preview.artifactId)children.push(section('inspector:preview','产物预览',[act('closeArtifact','关闭产物'),preview.loading?text('artifact:loading','正在读取产物'):null,text('artifact:error',preview.error),preview.content?node('pre','artifact:content',preview.content.content,[],{tabindex:'0'}):null,preview.content?.truncated?text('artifact:truncated','产物已截断'):null]));
+ children.push(section('inspector:project-actions','工程动作',[act('newProjectAction','新建工程动作'),...state.projectActions.map(item=>node('article','project:'+item.id,null,[text('project:name:'+item.id,item.name),text('project:command:'+item.id,[item.program,...item.args].join(' ')),text('project:cwd:'+item.id,item.cwd),text('project:enabled:'+item.id,item.enabled?'已启用':'已禁用'),act('editProjectAction','编辑 '+item.name,item.id),act('deleteProjectAction','删除 '+item.name,item.id),act('runProjectAction','运行 '+item.name,item.id)]))]));
+ const editor=state.projectEditor;
+ if(editor.open)children.push(section('inspector:editor','编辑工程动作',[...['name','program','args','cwd'].map((key,i)=>field('project:field:'+key,['名称','程序','参数（JSON 数组）','工作目录'][i],editor[key],find('projectField',key),key==='args')),node('nav','project:kinds',null,['test','lint','build','custom'].map((kind,i)=>{const action=find('projectKind',kind);return button('project:kind:'+kind,['测试','检查','构建','自定义'][i],action,{'aria-pressed':String(editor.kind===kind)});})),text('project:save-error',editor.error),editor.saving?text('project:saving','正在保存'):null,act('saveProjectAction','保存工程动作'),act('closeProjectEditor','关闭编辑器')]));
+ children.push(section('inspector:runs','运行记录',state.projectActionRuns.map(run=>node('article','run:'+run.id,null,[text('run:label:'+run.id,`${run.actionName??run.actionId} · ${run.status} · 退出码 ${run.exitCode??'—'}`),node('pre','run:output:'+run.id,run.output,[],{tabindex:'0'}),act('cancelProjectAction','取消运行',run.id)]))));
+ const change=state.changeSet;
+ if(change){
+  children.push(section('inspector:changes','本轮变更',[text('change:status',`${change.attribution} · ${change.captureStatus}`),text('change:error',change.captureError),act('restoreTurn','恢复整轮',change.turnId),...change.files.map(file=>node('article','change:file:'+file.path,null,[text('change:path:'+file.path,file.path),act('showDiff','查看差异',change.turnId,file.path),...['stage','unstage','revert'].map((operation,i)=>act('fileAction',['暂存文件','取消暂存文件','恢复文件'][i],change.turnId,file.path,operation))])),...change.commands.map(command=>section('change:command:'+command.id,command.command??command.toolName??'命令',[text('change:command-status:'+command.id,command.status),node('pre','change:command-output:'+command.id,command.output)])),...change.verification.map(item=>section('change:verification:'+item.id,'验证 '+item.status,[node('pre','change:verification-output:'+item.id,item.output)]))]));
+  if(state.fileDiff)children.push(section('inspector:diff',state.fileDiff.path,[text('change:diff-reason',state.fileDiff.reason),node('pre','change:diff-content',state.fileDiff.diff,[],{tabindex:'0'}),...state.fileDiff.hunks.map(hunk=>section('change:hunk:'+hunk.index,hunk.header,[node('pre','change:hunk-content:'+hunk.index,hunk.content),...['stage','unstage','revert'].map((operation,i)=>act('hunkAction',['暂存片段','取消暂存片段','恢复片段'][i],change.turnId,state.fileDiff.path,String(hunk.index),operation))]))]));
+ }
+ children.push(text('inspector:diff-error',state.fileDiffError),state.fileDiffLoading?text('inspector:diff-loading','正在读取差异'):null,section('inspector:checkpoints','检查点',state.checkpoints.map(item=>text('checkpoint:'+item.id,`${item.path} · ${item.available?'可用':item.reason??'不可用'}${item.baselineDirty?' · 基线已有修改':''}`))),section('inspector:restores','恢复记录',state.restoreOperations.map(item=>section('restore:'+item.id,item.status,[text('restore:restored:'+item.id,'已恢复：'+item.restored.join('、')),text('restore:conflicts:'+item.id,'冲突：'+item.conflicts.join('、')),text('restore:unsupported:'+item.id,'不支持：'+item.unsupported.join('、'))]))));
+ return section('inspector','上下文',children);
+}

package/links.d.ts

@@ -0,0 +1,5 @@
+export type LinkTarget = {kind:'web'|'email'} | {kind:'file';path:string;line:number|null;column:number|null};
+export function linkTarget(href:string): LinkTarget|null;
+export const linkIcons: {web:'globe';email:'mail';file:'file'};
+export const linkLabels: Record<LinkTarget['kind'],string>;
+export const linkIconPaths: Record<LinkTarget['kind'],string>;

package/links.js

@@ -0,0 +1,35 @@
+/** Classify explicit Markdown destinations; never turn arbitrary prose into file links. */
+export function linkTarget(href) {
+  if (!href || /[\u0000-\u001f\u007f]/.test(href)) return null;
+  if (/^https?:\/\//i.test(href)) return /\s/.test(href) ? null : {kind:'web'};
+  if (/^mailto:/i.test(href)) return /\s/.test(href) ? null : {kind:'email'};
+  if (/^(?:#|\/\/|\\\\)/.test(href)) return null;
+  let path = href, line = null, column = null;
+  const location = /#L([1-9]\d*)(?:-L?([1-9]\d*))?$/.exec(path) ?? /:([1-9]\d*)(?::([1-9]\d*))?$/.exec(path);
+  if (location) {
+    line = Number(location[1]);
+    column = location[0][0] === ':' && location[2] ? Number(location[2]) : null;
+    if (!Number.isSafeInteger(line) || line > 2147483647 || (column !== null && (!Number.isSafeInteger(column) || column > 2147483647))) return null;
+    path = path.slice(0, location.index);
+  }
+  if (/^[a-z][a-z\d+.-]*:/i.test(href) && !/^file:\/\//i.test(href) && !/^[a-z]:[/\\]/i.test(href) && !(location && path.includes('.'))) return null;
+  if (/^[a-z][a-z\d+.-]*:/i.test(path) && !/^file:\/\//i.test(path) && !/^[a-z]:[/\\]/i.test(path)) return null;
+  try {
+    if (/^file:\/\//i.test(path)) {
+      const url = new URL(path);
+      if (url.hostname && url.hostname !== 'localhost' || url.search || url.hash) return null;
+      path = decodeURIComponent(url.pathname);
+      if (/^\/[a-z]:\//i.test(path)) path = path.slice(1);
+    } else path = decodeURIComponent(path);
+  } catch { return null; }
+  if (!path || /[\u0000-\u001f\u007f]/.test(path) || /^(?:\/\/|\\\\)/.test(path)) return null;
+  return {kind:'file',path,line,column};
+}
+
+export const linkIcons = {web:'globe',email:'mail',file:'file'};
+export const linkLabels = {web:'网页',email:'邮件',file:'本地文件'};
+export const linkIconPaths = {
+  web:'M21 12a9 9 0 1 1-18 0 9 9 0 1 1 18 0M3 12h18M12 3c-5 5-5 13 0 18 5-5 5-13 0-18Z',
+  email:'M3 5h18v14H3ZM3 5l9 7 9-7',
+  file:'M5 3h9l5 5v13H5ZM14 3v6h5',
+};

package/markdown.d.ts

@@ -0,0 +1,20 @@
+export type InlineSegment = {
+  kind: 'text' | 'code' | 'strong' | 'em' | 'del' | 'link';
+  value: string;
+  href?: string;
+  children?: InlineSegment[];
+};
+type BlockBase = {index: number; lines: string[]};
+export type MarkdownBlock = BlockBase & (
+  | {kind: 'paragraph'; segments: InlineSegment[]}
+  | {kind: 'heading'; level: number; segments: InlineSegment[]}
+  | {kind: 'code'; language: string}
+  | {kind: 'rule'}
+  | {kind: 'quote'; blocks: MarkdownBlock[]}
+  | {kind: 'list'; ordered: boolean; start: number; items: {checked: boolean | null; blocks: MarkdownBlock[]}[]}
+  | {kind: 'table'; align: ('left' | 'center' | 'right' | null)[]; header: InlineSegment[][]; rows: InlineSegment[][][]}
+);
+export function parseMarkdown(value: string): MarkdownBlock[];
+export function inlineSegments(value: string): InlineSegment[];
+export function displayMarkdown(value: string): string;
+export function markdownTargets(value: string): {kind: 'code' | 'link'; index: number; value: string}[];

package/markdown.js

@@ -0,0 +1,80 @@
+import {Lexer} from 'marked';
+import {decodeHTML} from 'entities';
+import {linkTarget} from './links.js';
+
+const options = {gfm: true, breaks: true};
+
+// Only data leaves the lexer. HTML is displayed literally, never interpreted.
+function segments(tokens) {
+  return tokens.filter(token => token.type !== 'checkbox').map(token => {
+    if (token.type === 'html') return {kind: 'text', value: token.raw};
+    if (token.type === 'br') return {kind: 'text', value: '\n'};
+    if (token.type === 'codespan') return {kind: 'code', value: token.text};
+    if (['strong', 'em', 'del'].includes(token.type)) {
+      return {kind: token.type, value: token.text, children: segments(token.tokens)};
+    }
+    if (token.type === 'link' || token.type === 'image') {
+      const href = decodeHTML(token.href);
+      if (!linkTarget(href)) return {kind: 'text', value: token.raw};
+      // Images stay explicit links: remote fetching is not part of Markdown rendering.
+      const children = token.type === 'image'
+        ? [{kind: 'text', value: `图片：${decodeHTML(token.text) || href}`}]
+        : segments(token.tokens);
+      return {kind: 'link', value: decodeHTML(token.text), href, children};
+    }
+    return {kind: 'text', value: decodeHTML(token.text ?? token.raw)};
+  });
+}
+
+export function inlineSegments(value) {
+  return segments(Lexer.lexInline(value, options));
+}
+
+export function parseMarkdown(value) {
+  let index = 0;
+  function blocks(tokens) {
+    return tokens.filter(token => !['space', 'def', 'checkbox'].includes(token.type)).map(token => {
+      const base = {index: index++, lines: [token.text ?? token.raw]};
+      if (token.type === 'code') return {...base, kind: 'code', lines: token.text.split('\n'), language: (token.lang ?? '').split(/\s+/)[0]};
+      if (token.type === 'heading') return {...base, kind: 'heading', level: token.depth, segments: segments(token.tokens)};
+      if (token.type === 'hr') return {...base, kind: 'rule'};
+      if (token.type === 'blockquote') return {...base, kind: 'quote', blocks: blocks(token.tokens)};
+      if (token.type === 'list') return {...base, kind: 'list', ordered: token.ordered, start: token.ordered ? token.start : 1,
+        lines: token.items.map(item => item.text),
+        items: token.items.map(item => ({checked: item.task ? Boolean(item.checked) : null, blocks: blocks(item.tokens)}))};
+      if (token.type === 'table') return {...base, kind: 'table', align: token.align,
+        header: token.header.map(cell => segments(cell.tokens)), rows: token.rows.map(row => row.map(cell => segments(cell.tokens)))};
+      return {...base, kind: 'paragraph', segments: token.type === 'html'
+        ? [{kind: 'text', value: token.raw}] : segments(token.tokens ?? [{type: 'text', text: token.text ?? token.raw}])};
+    });
+  }
+  return blocks(Lexer.lex(value.replace(/\r\n?/g, '\n'), options));
+}
+
+export function displayMarkdown(content) {
+  return content.replace(/\n?\[AIBO_CONTEXT_ATTACHMENTS\][\s\S]*?\[\/AIBO_CONTEXT_ATTACHMENTS\]/g, '').trimEnd();
+}
+
+export function markdownTargets(content) {
+  const targets = [], links = new Set();
+  function visitInline(values, index) {
+    for (const segment of values) {
+      if (segment.kind === 'link' && !links.has(segment.href)) {
+        links.add(segment.href);
+        targets.push({kind: 'link', index, value: segment.href});
+      }
+      if (segment.children) visitInline(segment.children, index);
+    }
+  }
+  function visit(blocks) {
+    for (const block of blocks) {
+      if (block.kind === 'code') targets.push({kind: 'code', index: block.index, value: block.lines.join('\n')});
+      if (block.segments) visitInline(block.segments, block.index);
+      if (block.kind === 'table') for (const row of [block.header, ...block.rows]) for (const cell of row) visitInline(cell, block.index);
+      if (block.blocks) visit(block.blocks);
+      if (block.items) for (const item of block.items) visit(item.blocks);
+    }
+  }
+  visit(parseMarkdown(displayMarkdown(content)));
+  return targets;
+}

package/message-attachments.js

@@ -0,0 +1,14 @@
+/** Match explicit attachment IDs, never every attachment sharing a turn (steering shares turns). */
+export function splitMessageAttachments(content, attachments = []) {
+ const found=[];
+ const body=content.replace(/\n?\[AIBO_CONTEXT_ATTACHMENTS\]([\s\S]*?)\[\/AIBO_CONTEXT_ATTACHMENTS\]/g,(_,block)=>{
+  for(const line of block.split('\n')) {
+   const match=line.match(/^- (.*?) \[attachment:([^\]\r\n]+)\]\s*$/);
+   if(!match || found.some(item=>item.id===match[2]))continue;
+   const existing=attachments.find(item=>item.id===match[2]);
+   found.push(existing??{id:match[2],path:match[1].replace(/ \([^)]*\)$/,''),mediaType:'',size:null});
+  }
+  return '';
+ });
+ return {body:body.trimEnd(),attachments:found};
+}

package/metadata.js

@@ -0,0 +1,23 @@
+import {node,section,text} from './tree.js';
+const labels={interactionMode:{ask:'问答',plan:'计划',edit:'编辑'},filesystemPolicy:{'agent-managed':'Agent 原生权限','read-only':'只读','workspace-write':'工作区可写','danger-full-access':'完整文件访问'},commandPolicy:{'agent-managed':'Agent 原生权限',disabled:'禁用',approved:'需审批',trusted:'自动执行'},networkPolicy:{disabled:'禁用','agent-managed':'Agent 管理'},approvalPolicy:{never:'从不请求审批',untrusted:'未信任操作需审批','on-request':'按请求审批',trusted:'信任模式'},approvalReviewer:{user:'用户','auto-review':'自动审核',none:'无'}};
+export function renderExecutionProfile(profile,key){
+ if(!profile)return null;
+ const fields=[['interactionMode','模式'],['filesystemPolicy','文件'],['commandPolicy','命令'],['networkPolicy','网络'],['approvalPolicy','审批'],['approvalReviewer','审核者'],['model','模型'],['reasoningEffort','推理强度']];
+ const value=(field,value)=>value==null?'默认':labels[field]?.[value]??value;
+ return section(key,'执行权限',[text(key+':sandbox',profile.agentManagedPermissions?'权限由 Agent 管理；aibo 转发审批，不提供进程沙箱':profile.nativeSandbox?'原生沙箱':'无原生沙箱'),node('table',key+':table',null,[node('thead',key+':head',null,[node('tr',key+':columns',null,['设置','请求值','实际生效'].map((label,i)=>node('th',key+':column:'+i,label)))]),node('tbody',key+':body',null,fields.map(([field,label])=>node('tr',key+':row:'+field,null,[node('th',key+':label:'+field,label),node('td',key+':requested:'+field,value(field,profile.requested[field])),node('td',key+':enforced:'+field,value(field,profile.enforced[field]))])))]),...(profile.unsupported??[]).map((item,i)=>node('p',key+':unsupported:'+i,'未启用：'+item,[],{role:'status'})),text(key+':resolved',profile.resolvedAt?'更新于 '+profile.resolvedAt:null),section(key+':capabilities','Agent 能力',(profile.adapterCapabilities??[]).length?profile.adapterCapabilities.map((item,i)=>text(key+':capability:'+i,item)):[text(key+':no-capabilities','未报告额外能力')])]);
+}
+export function renderAttachment(item,key){
+ return node('div',key,null,[text(key+':path',item.path),text(key+':state',`${item.turnId?'已发送':'待发送'} · ${item.sendStrategy==='reference'?'工作区引用':item.sendStrategy==='inline'?'内联':item.sendStrategy??'发送方式未提供'}${item.size==null?'':` · ${item.size} 字节`}`),text(key+':media',item.mediaType),text(key+':source',item.source?'来源：'+item.source:null)]);
+}
+export function renderSessionMetadata(session,key){
+ if(!session)return null;
+ return node('details',key,null,[node('summary',key+':summary','会话信息'),text(key+':id','会话 ID：'+session.id),text(key+':external',session.externalSessionId?'远端绑定：'+session.externalSessionId:null),text(key+':updated',session.updatedAt?'更新于 '+session.updatedAt:null),text(key+':archived',session.archived?'已归档':null)]);
+}
+
+export function renderMessageAttachment(item,key){
+ const name=(item.path??item.id).split(/[\\/]/).pop()||item.id;
+ return {...node('div',key,null,[
+  item.mediaType?.startsWith('image/')?{...node('img',key+':preview',null,[],{alt:name,width:'160',height:'112'}),resource:'attachment:'+item.id}:null,
+  text(key+':name',name),
+ ],{title:item.path??item.id}),className:'message-attachment'};
+}

package/navigation.js

@@ -0,0 +1,30 @@
+import {node,button,field,text} from './tree.js';
+const labels={toggleSearch:'搜索会话',toggleFilter:'筛选会话',applyFilters:'应用筛选',addWorkspace:'添加工作区',toggleSessionCreator:'新建会话',toggleTrust:'更改信任',removeWorkspace:'移除工作区',openWorkspace:'打开目录',createCodex:'新建 Codex 会话',createPi:'新建 Pi 会话',unarchiveSession:'取消归档',archiveSession:'归档',syncSession:'同步',renameSession:'重命名',saveRename:'保存名称',cancelRename:'取消重命名'};
+const states={active:'未归档',all:'全部',archived:'已归档',created:'已创建',starting:'启动中',running:'运行中',waiting_approval:'等待审批',waiting_user:'等待回答',compacting:'压缩中',idle:'空闲',interrupted:'已中断',failed:'失败',closed:'已关闭'};
+export function renderNavigation(state,actions){
+ const find=(operation,targetId)=>actions.find(action=>action.operation===operation&&action.targetId===targetId);
+ const buttons=(operations,targetId)=>operations.flatMap(operation=>{const action=find(operation,targetId);return action?[button('navigation:'+operation+':'+(targetId??''),labels[operation],action)]:[]});
+ const children=[node('h2','navigation:title','工作区'),node('nav','navigation:tools',null,buttons(['addWorkspace','toggleFilter']))];
+ if(state.sessionFilterOpen){const action=find('filter');children.push(node('label','navigation:filter-label',null,[text('navigation:filter-text','会话状态'),{...node('select','navigation:filter',null,(action?.options??[]).map(value=>node('option','navigation:filter:'+value,states[value]??value,[],{value,selected:state.sessionFilter===value})),{'aria-label':'会话状态',value:state.sessionFilter}),...(action?{events:{change:action.token}}:{})}]),...buttons(['applyFilters']));}
+ for(const workspace of state.workspaces){
+  const expanded=state.expandedWorkspaceIds.includes(workspace.id);
+  const rows=[button('workspace:'+workspace.id,workspace.label,find('selectWorkspace',workspace.id),{'aria-expanded':String(expanded),'aria-current':state.selectedWorkspaceId===workspace.id?'page':'false',title:workspace.path}),text('workspace:trust:'+workspace.id,workspace.trust==='trusted'?'已信任':'未信任'),node('nav','workspace:tools:'+workspace.id,null,buttons(['toggleSessionCreator','openWorkspace','toggleTrust','removeWorkspace'],workspace.id))];
+  if(state.createSessionWorkspaceId===workspace.id)rows.push(node('nav','workspace:create:'+workspace.id,null,(state.agentChoices??[]).map(choice=>{
+   const key='workspace:create:'+workspace.id+':'+choice.id;
+   const action=actions.find(action=>action.operation==='createAgent'&&action.targetId===workspace.id&&action.choiceId===choice.id);
+   const control=button(key,null,action,{'aria-label':'使用 '+choice.label+' 创建会话',title:choice.label});
+   control.children=[node('svg',key+':icon',null,[node('path',key+':path',null,[],{d:choice.icon?.path??'M12 2 22 12 12 22 2 12Z',fill:'currentColor'})],{viewBox:'0 0 24 24',width:'16',height:'16','aria-hidden':'true'}),node('span',key+':label',choice.label)];
+   return control;
+  })));
+  if(expanded){
+   if(state.sessionsLoadingWorkspaceIds.includes(workspace.id))rows.push(node('p','workspace:loading:'+workspace.id,'正在加载会话',[],{role:'status'}));
+   for(const session of state.sessionsByWorkspace[workspace.id]??[]){
+    const parts=[button('session:'+session.id,session.label,find('selectSession',session.id),{'aria-current':state.selectedSessionId===session.id?'page':'false'}),text('session:state:'+session.id,`${session.agent} · ${states[session.state]??session.state}${session.archived?' · 已归档':''}`),node('nav','session:tools:'+session.id,null,buttons(['syncSession','renameSession','archiveSession','unarchiveSession'],session.id))];
+    if(state.renamingSessionId===session.id)parts.push(field('session:rename:'+session.id,'会话名称',state.sessionLabelDraft,find('renameDraft',session.id)),...buttons(['saveRename','cancelRename'],session.id));
+    rows.push(node('article','session:row:'+session.id,null,parts));
+   }
+  }
+  children.push(node('section','workspace:section:'+workspace.id,null,rows));
+ }
+ return {...node('aside','navigation',null,children,{'aria-label':'工作区与会话'}),className:'navigation'};
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@aibolabs/presentation-workbench",
+  "version": "0.2.2",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chldu2000/aibo.git",
+    "directory": "packages/presentation-workbench"
+  },
+  "type": "module",
+  "exports": {
+    "./git": "./git.js",
+    "./inspector": "./inspector.js",
+    "./capability": "./capability.js",
+    "./navigation": "./navigation.js",
+    "./conversation": "./conversation.js",
+    "./bundle": "./bundle.mjs",
+    ".": "./workbench.js",
+    "./markdown": {
+      "types": "./markdown.d.ts",
+      "default": "./markdown.js"
+    },
+    "./rich-text": "./rich-text.js",
+    "./timeline-model": {
+      "types": "./timeline-model.d.ts",
+      "default": "./timeline-model.js"
+    }
+  },
+  "files": [
+    "*.js",
+    "README.md",
+    "bundle.mjs",
+    "markdown.d.ts",
+    "links.d.ts",
+    "timeline-model.d.ts",
+    "code-highlight.d.ts"
+  ],
+  "dependencies": {
+    "marked": "^18.0.14",
+    "entities": "^8.1.0",
+    "lowlight": "^3.3.0",
+    "esbuild": "^0.28.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/rich-text.js

@@ -0,0 +1,53 @@
+import {node,button,actionFor} from './tree.js';
+import {parseMarkdown,displayMarkdown} from './markdown.js';
+import {highlightCode} from './code-highlight.js';
+import {linkTarget,linkLabels,linkIconPaths} from './links.js';
+
+export function renderRichText(content,key,entryId,actions) {
+  const inline = (segments,prefix) => segments.map((segment,index) => {
+    const id = prefix+':'+index;
+    if (segment.kind === 'link') {
+      const action = actions.find(action => action.operation === 'openLink' && action.args[0] === entryId && action.args[2] === segment.href);
+      const kind = linkTarget(segment.href).kind;
+      const icon = {...node('svg',id+':icon',null,[node('path',id+':icon:path',null,[],{d:linkIconPaths[kind]})],{viewBox:'0 0 24 24',width:'13',height:'13',fill:'none',stroke:'currentColor','stroke-width':'1.6','aria-hidden':'true'}),className:'markdown-link-icon'};
+      return {...button(id,null,action,{role:'link',title:linkLabels[kind]+'：'+segment.href}),children:[icon,...inline(segment.children,id+':label')],className:'markdown-link'};
+    }
+    const tag = {code:'code',strong:'strong',em:'em',del:'del'}[segment.kind] ?? 'span';
+    return {...node(tag,id,segment.children ? null : segment.value,segment.children ? inline(segment.children,id) : []),
+      ...(segment.kind === 'del' ? {className:'markdown-deleted'} : {})};
+  });
+  const highlighted = (segments,prefix) => segments.map((segment,index) => ({
+    ...node('span',prefix+':'+index,segment.value,segment.children ? highlighted(segment.children,prefix+':'+index) : []),
+    ...(segment.className ? {className:segment.className} : {}),
+  }));
+  const blocks = values => values.map(block => {
+    const id = key+':block:'+block.index;
+    if (block.kind === 'code') return {...node('section',id,null,[
+      node('header',id+':toolbar',null,[node('span',id+':language',block.language),button(id+':copy','复制代码',actionFor(actions,'copyCode',entryId,String(block.index)))]),
+      node('pre',id+':pre',null,[node('code',id+':code',null,highlighted(highlightCode(block.lines.join('\n'),block.language),id+':highlight'))],{tabindex:'0','aria-label':'代码块'}),
+    ]),className:'markdown-code-block'};
+    if (block.kind === 'list') return {...node(block.ordered ? 'ol' : 'ul',id,null,block.items.map((item,i) => {
+      const itemId = id+':item:'+i;
+      return {...node('li',itemId,null,[
+        item.checked !== null ? {...node('span',itemId+':check',item.checked ? '☑' : '☐',[],{role:'img','aria-label':item.checked ? '已完成' : '未完成'}),className:'markdown-task-check'} : null,
+        {...node('div',itemId+':content',null,blocks(item.blocks)),className:'markdown-list-content'},
+      ]),className:item.checked !== null ? 'markdown-task' : ''};
+    }),block.ordered ? {start:String(block.start)} : {}),className:'markdown-list'};
+    if (block.kind === 'quote') return {...node('blockquote',id,null,blocks(block.blocks)),className:'markdown-quote'};
+    if (block.kind === 'rule') return {...node('hr',id),className:'markdown-rule'};
+    if (block.kind === 'table') {
+      const row = (cells,rowId,tag) => node('tr',rowId,null,cells.map((cell,column) => ({
+        ...node(tag,rowId+':'+column,null,inline(cell,rowId+':'+column+':inline'),tag === 'th' ? {scope:'col'} : {}),
+        className:'markdown-align-'+(block.align[column] ?? 'left'),
+      })));
+      return {...node('div',id,null,[{...node('table',id+':table',null,[
+        node('thead',id+':head',null,[row(block.header,id+':header','th')]),
+        node('tbody',id+':body',null,block.rows.map((cells,i) => row(cells,id+':row:'+i,'td'))),
+      ]),className:'markdown-table'}],{role:'region',tabindex:'0','aria-label':'表格，可横向滚动'}),className:'markdown-table-scroll'};
+    }
+    const heading = block.kind === 'heading';
+    return {...node(heading ? 'h'+block.level : 'p',id,null,inline(block.segments,id+':inline')),
+      className:heading ? 'markdown-heading markdown-heading-'+block.level : 'markdown-paragraph'};
+  });
+  return {...node('div',key,null,blocks(parseMarkdown(displayMarkdown(content)))),className:'markdown-content'};
+}

package/session-references.js

@@ -0,0 +1,23 @@
+/** Extract only recognized, valid reference envelopes; malformed prose stays visible. */
+export function splitSessionReferences(content) {
+ const references=[];
+ const body=content.replace(/\[AIBO_SESSION_REFERENCES\]\r?\n[^\n]*\r?\n(\[[^\n]*\])\r?\n\[\/AIBO_SESSION_REFERENCES\]/g,(block,payload)=>{
+  try {
+   const entries=JSON.parse(payload);
+   if(!Array.isArray(entries)||!entries.length||entries.some(entry=>!entry?.snapshot||typeof entry.snapshot.sourceSessionId!=='string'))return block;
+   for(const entry of entries){
+    const snapshot=entry.snapshot;
+    const messages=Array.isArray(snapshot.messages)?snapshot.messages:[];
+    const complete=snapshot.schema==='aibo.session-reference/v3';
+    const selected=messages.filter(item=>item&&(item.role==='user'||item.role==='assistant')&&typeof item.content==='string');
+    const excerpts=(complete?selected:selected.slice(-12))
+      .map(item=>({role:item.role,text:complete?item.content:item.content.split('[AIBO_SESSION_REFERENCES]')[0].split('[AIBO_CONTEXT_ATTACHMENTS]')[0].slice(0,1500),truncated:item.truncated===true||(!complete&&item.content.length>1500)}));
+    references.push({id:String(entry.snapshotId??snapshot.snapshotId??snapshot.sourceSessionId),title:typeof snapshot.sourceLabel==='string'?snapshot.sourceLabel:'引用会话',agent:typeof snapshot.sourceAgent==='string'?snapshot.sourceAgent:'',excerpts,
+     note:complete?`${snapshot.messageLimit===null?'全部用户 / Agent 消息':`最近 ${snapshot.messageLimit} 条用户 / Agent 消息`} · 工具输出未提供`:snapshot.contextMode==='conversation-excerpts'?'对话摘录 · 工具输出未提供':'历史引用 · 仅展示对话摘录',
+     omitted:typeof snapshot.omittedMessageCount==='number'?snapshot.omittedMessageCount:null});
+   }
+   return '';
+  }catch{return block;}
+ });
+ return {body:body.trim(),references};
+}

package/timeline-model.d.ts

@@ -0,0 +1,13 @@
+export interface TimelineEntry {
+  id: string;
+  role: string;
+  toolName: string | null;
+  entryType: string | null;
+  content: string;
+}
+export type TimelineRenderItem<T extends TimelineEntry = TimelineEntry> =
+  | { kind: 'entry'; id: string; item: T }
+  | { kind: 'tool-group' | 'system-group'; id: string; items: T[] };
+export function groupTimelineItems<T extends TimelineEntry>(items: T[], groupSystemItems?: boolean): TimelineRenderItem<T>[];
+export function toolLabel(item: TimelineEntry): string;
+export function isDiffContent(content: string): boolean;

package/timeline-model.js

@@ -0,0 +1,81 @@
+export function groupTimelineItems(items, groupSystemItems = false) {
+  const grouped = [];
+  let toolItems = [];
+  let systemItems = [];
+
+  const flushTools = () => {
+    if (toolItems.length === 1) {
+      grouped.push({ kind: 'entry', id: toolItems[0].id, item: toolItems[0] });
+    } else if (toolItems.length > 1) {
+      grouped.push({ kind: 'tool-group', id: `tool-group-${toolItems[0].id}`, items: toolItems });
+    }
+    toolItems = [];
+  };
+
+  const flushSystems = () => {
+    if (systemItems.length === 1) {
+      grouped.push({ kind: 'entry', id: systemItems[0].id, item: systemItems[0] });
+    } else if (systemItems.length > 1) {
+      grouped.push({ kind: 'system-group', id: `system-group-${systemItems[0].id}`, items: systemItems });
+    }
+    systemItems = [];
+  };
+
+  for (const item of items) {
+    if (item.toolName === 'subagent') {
+      flushTools(); flushSystems();
+      grouped.push({ kind: 'entry', id: item.id, item });
+    } else if (item.role === 'tool') {
+      flushSystems();
+      toolItems.push(item);
+    } else if (groupSystemItems && isGroupableSystemItem(item)) {
+      flushTools();
+      systemItems.push(item);
+    } else {
+      flushTools();
+      flushSystems();
+      grouped.push({ kind: 'entry', id: item.id, item });
+    }
+  }
+  flushTools();
+  flushSystems();
+  return grouped;
+}
+
+function isGroupableSystemItem(item) {
+  return item.role === 'system'
+    && item.toolName !== 'reasoning'
+    && item.entryType !== null
+    && item.entryType !== 'branch_summary'
+    && item.entryType !== 'compaction';
+}
+
+export function toolLabel(item) {
+  const explicitName = item.toolName?.trim();
+  const firstLine = item.content
+    .split('\n')
+    .map((line) => line.trim())
+    .find((line) => line.length > 0);
+  if (!explicitName) return truncateToolLabel(firstLine ?? '工具操作');
+
+  const friendlyName = {
+    commandExecution: '命令执行',
+    fileRead: '读取文件',
+    fileChange: '修改文件',
+    mcpToolCall: 'MCP 工具',
+    webSearch: '网页搜索',
+  };
+  const label = friendlyName[explicitName] ?? explicitName.replace(/([a-z])([A-Z])/g, '$1 $2');
+  if (firstLine && firstLine !== explicitName && !firstLine.startsWith('{') && firstLine.length <= 64) {
+    return truncateToolLabel(`${label} · ${firstLine}`);
+  }
+  return truncateToolLabel(label);
+}
+
+export function isDiffContent(content) {
+  return /(^diff --git |^@@ |^\+\+\+ |^--- )/m.test(content);
+}
+
+function truncateToolLabel(value) {
+  return value.length > 88 ? `${value.slice(0, 85)}…` : value;
+}

package/timeline.js

@@ -0,0 +1,71 @@
+import {splitMessageAttachments} from './message-attachments.js';
+import {renderMessageAttachment} from './metadata.js';
+import {splitSessionReferences} from './session-references.js';
+import {node,button,text,actionFor} from './tree.js';
+import {renderRichText} from './rich-text.js';
+import {groupTimelineItems} from './timeline-model.js';
+
+export function renderTimeline(entries,actions,groupSystemItems=false,attachments=[]){
+ return groupTimelineItems(entries,groupSystemItems).map(group=>{
+  if(group.kind==='entry')return renderTimelineEntry(group.item,actions,attachments);
+  const key='message-group:'+group.id;
+  const tool=group.kind==='tool-group';
+  const completed=group.items.filter(item=>item.status==='completed').length;
+  return node('details',key,null,[
+   node('summary',key+':summary',tool?`工具调用 · ${group.items.length} 项 · ${completed}/${group.items.length} 完成`:`系统消息 · ${group.items.length} 项`),
+   ...group.items.map(entry=>{
+    if(tool)return renderTimelineEntry(entry,actions,attachments);
+    return node('details','message:'+entry.id+':disclosure',null,[
+     node('summary','message:'+entry.id+':summary',(entry.content.split('\n')[0]||'系统消息')+' · 查看详情'),
+     renderTimelineEntry(entry,actions,attachments),
+    ]);
+   }),
+  ]);
+ });
+}
+
+const timelineStatusLabels={streaming:'生成中',completed:'完成',failed:'失败',queued:'排队中',interrupted:'已中断'};
+const timelineToolLabels={commandExecution:'命令执行',fileRead:'读取文件',fileChange:'修改文件',mcpToolCall:'MCP 工具',webSearch:'网页搜索'};
+
+/** Tool payloads are literal text; only conversational prose uses Markdown. */
+export function renderTimelineEntry(entry,actions,attachments=[]){
+ const key='message:'+entry.id;
+ if(entry.toolName==='subagent') {
+  try {
+   const child=JSON.parse(entry.content);
+   const labels={pending:'正在启动',running:'运行中',waiting:'等待输入',completed:'已完成',failed:'失败',interrupted:'已中断',closed:'已关闭',unavailable:'过程暂不可用'};
+   return node('article',key,null,[node('strong',key+':name',child.name),text(key+':status',labels[child.status]??child.status),text(key+':task',child.task),text(key+':activity',child.activity),button(key+':open','查看工作过程',actionFor(actions,'openSubagent',child.id))]);
+  } catch { /* Retain a readable fallback for older malformed history. */ }
+ }
+
+ const reasoning=entry.role==='system'&&entry.toolName==='reasoning';
+ const header=node('header','message:header:'+entry.id,null,[
+  node('strong','message:role:'+entry.id,reasoning?'THINKING':entry.role.toUpperCase()),
+  text('message:tool:'+entry.id,entry.toolName),text('message:type:'+entry.id,entry.entryType),
+  text('message:status:'+entry.id,timelineStatusLabels[entry.status]??entry.status),
+ ]);
+ let content;
+ if(entry.role==='tool'){
+  const diff=/(^diff --git |^@@ |^\+\+\+ |^--- )/m.test(entry.content);
+  const name=entry.toolName?.trim();
+  const label=timelineToolLabels[name]??name??'工具操作';
+  const hint=entry.entryType==='tool_call'?'查看调用参数':diff?'查看 diff':'查看工具输出';
+  content=node('details',key+':disclosure',null,[node('summary',key+':summary',`${label} · ${hint}`),
+   {...node('pre','message:content:'+entry.id,entry.content||'…'),className:diff?'tool-output diff-content':'tool-output'},
+  ]);
+ }else{
+  const attached=entry.role==='user'?splitMessageAttachments(entry.content,attachments):{body:entry.content,attachments:[]};
+  const message=entry.role==='user'?splitSessionReferences(attached.body):{body:entry.content,references:[]};
+  content=node('div',key+':body',null,[message.body?renderRichText(message.body,'message:content:'+entry.id,entry.id,actions):message.references.length||attached.attachments.length?null:text(key+':empty','…'),
+   ...attached.attachments.map(item=>renderMessageAttachment(item,key+':attachment:'+item.id)),
+   ...message.references.map((reference,index)=>{const refKey=key+':reference:'+index;return node('details',refKey,null,[
+    node('summary',refKey+':title','引用会话 · '+reference.title),
+    text(refKey+':note',reference.agent+' · '+reference.note+(reference.omitted===null?'':' · 已省略 '+reference.omitted+' 条消息')),
+    ...reference.excerpts.flatMap((excerpt,i)=>[text(refKey+':role:'+i,(excerpt.role==='user'?'用户':'助手')+(excerpt.truncated?' · 已截取':'')),node('pre',refKey+':text:'+i,excerpt.text)]),
+   ]);}),
+  ]);
+  if(reasoning)content=node('details',key+':disclosure',null,[node('summary',key+':summary','思考 · 查看详情'),content]);
+ }
+ const fork=entry.role==='assistant'&&entry.turnId&&actionFor(actions,'fork',entry.turnId);
+ return node('article',key,null,[header,content,fork?button('message:fork:'+entry.id,'从此处分叉',fork):null]);
+}

package/tree.js

@@ -0,0 +1,6 @@
+export const node=(tag,key,text,children=[],attrs={})=>({tag,key,...(text==null?{}:{text:String(text)}),children:children.filter(Boolean),attrs});
+export const button=(key,label,action,attrs={})=>({...node('button',key,label,[],{type:'button',disabled:!action,...attrs}),...(action?{events:{[action.event]:action.token}}:{})});
+export const field=(key,label,value,action,multiline=false)=>node('label',key,null,[node('span',key+':label',label),{...node(multiline?'textarea':'input',key+':input',null,[],{'aria-label':label,value:value??'',disabled:!action,...(multiline?{rows:'4'}:{type:'text'})}),...(action?{events:{[action.event]:action.token}}:{})}]);
+export const section=(key,title,children)=>({...node('section',key,null,[node('h2',key+':title',title),...children]),className:key});
+export const text=(key,value)=>value==null||value===''?null:node('p',key,value);
+export const actionFor=(actions,operation,...args)=>actions.find(action=>action.operation===operation&&args.every((value,index)=>action.args?.[index]===value));

package/workbench.js

@@ -0,0 +1,39 @@
+import {node,button,actionFor} from './tree.js';
+import {renderNavigation} from './navigation.js';
+import {renderConversation} from './conversation.js';
+import {renderGit} from './git.js';
+import {renderInspector} from './inspector.js';
+import {renderCapability} from './capability.js';
+export function renderWorkbench(input,renderSemantic){
+ const data=input.data;
+ if(!data?.navigation||!data?.conversation||!data?.git||!data?.inspector||!data?.capability)return node('main','workbench:empty','正在准备工作台',[],{role:'status'});
+ const gitActions=data.gitActions??[],inspectorActions=data.inspectorActions??[];
+ const toggle=actionFor(gitActions,'togglePanel');
+ const view=kind=>actionFor(gitActions,'selectView',kind);
+ const toolbar=node('nav','workbench:toolbar',null,[button('workbench:toggle','侧边面板',toggle,{'aria-expanded':String(data.inspector.open&&data.layout?.mode!=='focus')}),button('workbench:context','上下文',view('context'),{'aria-pressed':String(data.inspector.activeView==='context')}),button('workbench:git','Git',view('git'),{'aria-pressed':String(data.inspector.activeView==='git')})]);
+ if(data.layout){
+  const controls=(data.layout.mode==='focus'?[]:['navigation',...(data.layout.auxiliaryOpen?['auxiliary']:[])]).map(target=>{
+   const bounds=data.layout[target],action=actionFor(data.layoutActions??[],'resize',target);
+   const label=target==='navigation'?'导航宽度':'侧边面板宽度';
+   return node('label','layout:'+target,null,[node('span','layout:'+target+':label',`${label} ${Math.round(bounds.width)} 像素`),
+    {...node('input','layout:'+target+':input',null,[],{type:'range','aria-label':label,min:String(bounds.min),max:String(bounds.max),step:'1',value:String(bounds.width),disabled:!action}),...(action?{events:{input:action.token}}:{})},
+   ]);
+  });
+  controls.unshift(...[['standard','标准布局'],['focus','专注会话'],['review','审阅布局']].map(([mode,label])=>button('layout:mode:'+mode,label,actionFor(data.layoutActions??[],'selectMode',mode),{'aria-pressed':String((data.layout.mode??'standard')===mode)})));
+  toolbar.children.push(node('details','workbench:layout',null,[node('summary','workbench:layout:summary','布局'),...controls]));
+ }
+ const content=data.capability.selected?renderCapability(data.capability,data.capabilityActions??[],renderSemantic):renderConversation(data.conversation,data.conversationActions??[]);
+ const main={...node('section','workbench:center',null,[toolbar,content,!data.capability.selected?node('details','workbench:capabilities',null,[node('summary','workbench:capabilities-title','能力插件'),renderCapability(data.capability,data.capabilityActions??[],renderSemantic)]):null]),className:'workbench-center'+(!data.capability.selected?' conversation-center':'')};
+ const navigation=renderNavigation(data.navigation,data.navigationActions??[]);
+ if(data.layout)navigation.inlineSize=data.layout.navigation.width;
+ const splitter=target=>{
+  const bounds=data.layout?.[target],action=actionFor(data.layoutActions??[],'resize',target);
+  if(!bounds||!action)return null;
+  return {...node('button','workbench:splitter:'+target,null,[],{type:'button',role:'separator','aria-orientation':'vertical','aria-label':target==='navigation'?'调整导航宽度':'调整侧边面板宽度','aria-valuenow':String(bounds.width),'aria-valuemin':String(bounds.min),'aria-valuemax':String(bounds.max)}),className:'workbench-splitter',resize:{token:action.token,value:bounds.width,min:bounds.min,max:bounds.max,direction:(target==='navigation'?1:-1)*(data.layout.mode==='review'?-1:1)}};
+ };
+ const children=[navigation,splitter('navigation'),main];
+ if(data.inspector.open)children.push(splitter('auxiliary'));
+ if(data.inspector.open)children.push({...node('aside','workbench:inspector',null,[data.inspector.activeView==='git'?renderGit(data.git,gitActions):renderInspector(data.inspector,inspectorActions)]),className:'workbench-inspector',...(data.layout?{inlineSize:data.layout.auxiliary.width}:{})});
+ const ordered=data.layout?.mode==='focus'?[main]:data.layout?.mode==='review'?[...children].reverse():children;
+ return {...node('div','workbench',null,ordered),className:'workbench'+(data.layout?.mode==='review'?' workbench-review':'')};
+}