newmark-agent 0.4.5 → 0.4.7

package/dist/ui/index.html

@@ -428,38 +428,15 @@ button:focus, select:focus, input:focus, textarea:focus, [contenteditable]:focus
 }
 
 #topbar .logo {
-  position: relative;
   display: inline-flex;
   width: 26px;
   height: 26px;
-  padding: 1px;
-  border-radius: 8px;
   align-items: center;
   justify-content: center;
-  overflow: hidden;
-  box-shadow: 0 0 12px var(--accent-glow);
   flex-shrink: 0;
 }
 
-#topbar .logo::before {
-  content: "";
-  position: absolute;
-  inset: calc(-2 * var(--marquee-width));
-  background: conic-gradient(from var(--marquee-angle, 0deg), var(--g1), var(--g2), var(--g3), var(--g4), var(--g1));
-  animation: marquee-rotate var(--marquee-speed) linear infinite;
-}
-
-#topbar .logo::after {
-  content: "";
-  position: absolute;
-  inset: 2px;
-  border-radius: 7px;
-  background: var(--bg2);
-}
-
 #topbar .logo img {
-  position: relative;
-  z-index: 1;
   display: block;
   width: 22px;
   height: 22px;
@@ -1115,6 +1092,74 @@ button.left-ws-item {
   border-color: var(--accent);
 }
 
+.conv-more-btn {
+  width: 20px;
+  height: 20px;
+  margin-left: auto;
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text-dim);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);
+  flex-shrink: 0;
+}
+.conv-more-btn:hover,
+.conv-more-btn[aria-expanded="true"] {
+  background: var(--control-hover-bg);
+  color: var(--text-bright);
+}
+
+.conv-action-menu {
+  position: fixed;
+  inset: auto;
+  margin: 0;
+  z-index: 560;
+  display: none;
+  min-width: 168px;
+  max-height: min(56vh, 320px);
+  overflow: auto;
+  padding: 6px;
+  border: 1px solid var(--glass-border-2);
+  border-radius: var(--radius-lg);
+  background: var(--modal-surface);
+  box-shadow: var(--shadow-lg);
+  backdrop-filter: blur(var(--glass-blur-3)) saturate(1.08);
+}
+.conv-action-menu:popover-open { display: block; animation: model-menu-in 150ms var(--ease-out-expo); }
+
+.conv-action-menu-item {
+  width: 100%;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  border: 0;
+  border-radius: var(--radius-md);
+  background: transparent;
+  color: var(--text);
+  text-align: left;
+  white-space: nowrap;
+  font: 12px var(--font-ui);
+  cursor: pointer;
+}
+.conv-action-menu-item:hover,
+.conv-action-menu-item:focus-visible {
+  background: var(--control-hover-bg);
+  color: var(--text-bright);
+  outline: none;
+}
+.conv-action-menu-item:disabled { opacity: 0.55; cursor: default; }
+.conv-action-menu-item .nm-icon { color: var(--text-dim); flex-shrink: 0; }
+.conv-action-menu-item:hover .nm-icon,
+.conv-action-menu-item:focus-visible .nm-icon { color: var(--text-bright); }
+.conv-action-menu-item.active { color: var(--text-accent); }
+.conv-action-menu-item.active .nm-icon { color: var(--text-accent); }
+
 /* ============================================================
    RESIZE HANDLES
    ============================================================ */
@@ -2715,15 +2760,18 @@ button.todo-item { background: transparent; }
 }
 
 .option-btn {
-  padding: 5px 14px;
+  display: block;
+  width: 100%;
+  padding: 6px 14px;
   border: 1px solid var(--border);
   border-radius: var(--radius-md);
   background: var(--glass-bg-1);
   color: var(--text);
   font-size: 12px;
   font-family: var(--font-ui);
+  text-align: left;
   cursor: pointer;
-  margin: 2px 4px 2px 0;
+  margin: 3px 0;
   transition: background var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);
 }
 
@@ -2739,6 +2787,45 @@ button.todo-item { background: transparent; }
   font-size: 11px;
 }
 
+.option-manual {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.option-manual-input {
+  flex: 1;
+  min-width: 0;
+  height: 30px;
+  padding: 3px 9px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  background: var(--glass-bg-1);
+  color: var(--text);
+  font: 12px var(--font-ui);
+  outline: none;
+}
+
+.option-manual-input:focus { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-glow); }
+.option-manual-input:disabled { opacity: .55; cursor: default; }
+
+.option-manual-submit {
+  flex-shrink: 0;
+  height: 30px;
+  padding: 0 12px;
+  border: 1px solid var(--accent);
+  border-radius: var(--radius-md);
+  background: rgba(91,120,255,0.14);
+  color: var(--text-bright);
+  font: 12px var(--font-ui);
+  cursor: pointer;
+  transition: background var(--duration-fast) var(--ease-out-expo);
+}
+
+.option-manual-submit:hover { background: rgba(91,120,255,0.24); }
+.option-manual-submit:disabled { opacity: .55; cursor: default; }
+
 /* ============================================================
    INPUT STACK
    ============================================================ */
@@ -3722,11 +3809,15 @@ button.todo-item { background: transparent; }
     linear-gradient(#fff 0 0) content-box,
     linear-gradient(#fff 0 0);
   mask-composite: exclude;
-  animation: marquee-rotate var(--marquee-speed) linear infinite;
+  /* A masked conic-gradient whose custom angle changes every frame forces a
+     full GPU repaint. Several simultaneous Agent/SubAgent surfaces made that
+     repaint saturate the renderer and GPU, starving ordinary text input. Keep
+     the shared status border visually present, but static; live progress is
+     already communicated by status text, duration, and event updates. */
+  animation: none;
   z-index: -1;
   pointer-events: none;
   transform: translateZ(0);
-  will-change: transform;
 }
 
 @supports not (background: conic-gradient(from 0deg, red, blue)) {
@@ -3734,11 +3825,11 @@ button.todo-item { background: transparent; }
     background: linear-gradient(var(--marquee-angle, 0deg), var(--g1), var(--g2), var(--g3), var(--g4), var(--g1));
   }
   @keyframes marquee-rotate-fallback { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }
-  .marquee-border::before { animation: marquee-rotate-fallback var(--marquee-speed) linear infinite; }
+  .marquee-border::before { animation: none; }
 }
 
 .working-glow {
-  animation: working-border-glow 2s ease-in-out infinite;
+  animation: none;
   box-shadow: 0 0 16px var(--accent-glow), 0 0 40px rgba(91,120,255,0.1);
   border-color: rgba(91,120,255,0.4) !important;
 }
@@ -4098,6 +4189,21 @@ textarea.mcp-input { min-height:76px; resize:vertical; font-family:var(--font-mo
   transition: none !important;
 }
 
+.setting-subsection {
+  margin-top: 14px;
+  padding: 12px 14px;
+  border: 1px solid var(--glass-border-1);
+  border-radius: var(--radius-md);
+  background: var(--glass-bg-1);
+}
+
+.setting-subsection-title {
+  margin-bottom: 6px;
+  color: var(--text-bright);
+  font-size: 12px;
+  font-weight: 650;
+}
+
 .setting-row {
   display: flex;
   align-items: center;
@@ -5340,6 +5446,11 @@ html.newmark-memory-overview-viewer body {
       <path d="m15 10 5 5-5 5" />
       <path d="M4 4v7a4 4 0 0 0 4 4h12" />
     </symbol>
+    <symbol id="ellipsis" viewBox="0 0 24 24">
+      <circle cx="12" cy="12" r="1" />
+      <circle cx="19" cy="12" r="1" />
+      <circle cx="5" cy="12" r="1" />
+    </symbol>
     <symbol id="file-diff" viewBox="0 0 24 24">
       <path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />
       <path d="M9 10h6" />
@@ -5448,6 +5559,11 @@ html.newmark-memory-overview-viewer body {
       <path d="M3 16v3a2 2 0 0 0 2 2h3" />
       <path d="M16 21h3a2 2 0 0 0 2-2v-3" />
     </symbol>
+    <symbol id="menu" viewBox="0 0 24 24">
+      <path d="M4 5h16" />
+      <path d="M4 12h16" />
+      <path d="M4 19h16" />
+    </symbol>
     <symbol id="merge" viewBox="0 0 24 24">
       <path d="m8 6 4-4 4 4" />
       <path d="M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22" />
@@ -5698,7 +5814,7 @@ html.newmark-memory-overview-viewer body {
   <div id="topbar">
     <span class="title" id="title-text">
       <span class="logo" id="title-app-logo">
-        <img id="title-app-icon" src="../assets/app-icon-dark-64.png" alt="" aria-hidden="true">
+        <img id="title-app-icon" src="../assets/app-icon-dark.svg" alt="" aria-hidden="true">
       </span>
       Newmark Agent
     </span>
@@ -5841,6 +5957,7 @@ html.newmark-memory-overview-viewer body {
               <button type="button" class="tool-select model-select-button" id="model-select-button" aria-haspopup="listbox" aria-expanded="false" onclick="window.toggleModelSelectMenu()" onkeydown="window.handleModelSelectButtonKey(event)"><span class="model-select-button-label" id="model-select-label"></span><svg class="nm-icon tiny" aria-hidden="true" focusable="false"><use href="#chevron-down"></use></svg></button>
               <div class="model-select-menu" id="model-select-menu" role="listbox" aria-label="Model" popover="manual"></div>
             </div>
+            <div class="conv-action-menu" id="conversation-action-menu" role="menu" aria-label="Conversation actions" popover="manual"></div>
             <div class="context-token-wrap">
               <button type="button" id="context-token-ring" title="Context tokens" aria-haspopup="dialog" aria-expanded="false" onclick="window.toggleContextInspector()" onmouseenter="window.showContextWindowTooltip()" onmouseleave="window.hideContextWindowTooltip()" onfocus="window.showContextWindowTooltip()" onblur="window.hideContextWindowTooltip()"><span class="icon-only-label">Context tokens</span></button>
               <div id="context-token-tooltip"></div>
@@ -6184,6 +6301,7 @@ var state = {
   agentBackend: { enabled: false, connected: true, distro: '', pid: 0, error: '' },
   configuredAgentBackend: 'windows',
   agentBackendRestartRequired: false,
+  remoteTouchEnabled: true,
   wslAvailable: false,
   wslDistros: [],
   defaultTerminalShell: 'powershell',
@@ -6364,6 +6482,11 @@ var NEWMARK_I18N = {
     'settings.configReloaded': 'config.json refreshed',
     'settings.runInWsl': 'Agent runtime environment',
     'settings.runInWslDesc': 'Keeps the Windows UI and native desktop tools local while running the persistent Agent kernel, model calls, shell, and file tools inside WSL.',
+    'settings.remoteTouch': 'Mobile remote-touch',
+    'settings.remoteTouchDesc': 'Allow mobile access on the same LAN / Tailscale network',
+    'settings.remoteBehavior': 'Remote behavior',
+    'settings.remoteConnect': 'Start connection',
+    'settings.remoteConnectDesc': 'Show pairing QR',
     'settings.wslDistro': 'WSL distribution',
     'settings.wslConnected': 'WSL backend connected',
     'settings.wslDisconnected': 'WSL backend unavailable',
@@ -6632,6 +6755,8 @@ var NEWMARK_I18N = {
     'plugins.management': 'Skills Management',
     'plugins.market': 'Skills Market',
     'plugins.github': 'GitHub CLI',
+    'plugins.refreshGh': 'Refresh',
+    'plugins.connectGh': 'Connect GitHub',
     'plugins.noInstalled': 'No installed skills.',
     'plugins.projectSkill': 'project skill',
     'plugins.discovering': 'Discovering local and portable skills...',
@@ -6724,6 +6849,14 @@ var NEWMARK_I18N = {
     'plugins.retry': 'Retry',
     'plugins.dshTitle': 'DSH Plugin compatibility',
     'plugins.dshHelp': 'Developer preview: inspect the locally available official DSH CLI and package configuration. Discovery is read-only and never installs, executes, updates, or rewrites DSH.',
+    'plugins.dshInstall': 'Install into Newmark',
+    'plugins.dshInstalled': 'Installed',
+    'plugins.dshUninstall': 'Uninstall',
+    'plugins.dshEnable': 'Enable',
+    'plugins.dshDisable': 'Disable',
+    'plugins.dshInstallOk': 'DSH plugin installed into local .Newmark.',
+    'plugins.dshUninstallOk': 'DSH plugin removed.',
+    'plugins.dshSetOk': 'DSH plugin setting saved.',
     'plugins.dshPreview': 'Developer preview',
     'plugins.dshRescan': 'Rescan',
     'plugins.dshScanning': 'Scanning DSH compatibility...',
@@ -6875,6 +7008,11 @@ var NEWMARK_I18N = {
     'status.pendingOptions': 'Pending options',
     'status.noPendingOptions': 'No option question is waiting for user input.',
     'status.question': 'Question',
+    'option.manualPlaceholder': 'Or type your own answer...',
+    'option.manualSubmit': 'Submit',
+    'mobile.pair': 'Pair mobile device',
+    'mobile.pairDesc': 'Scan this QR code with the Newmark mobile app on the same LAN / Tailscale network. The pairing token is saved after the first bind.',
+    'mobile.pairTokenFile': 'Token file',
     'subagent.empty': 'No retained subagent records',
     'subagent.openHistory': 'Open subagent history',
     'subagent.historyTitle': 'Subagent history',
@@ -6885,6 +7023,7 @@ var NEWMARK_I18N = {
     'subagent.noMessages': 'No messages recorded.',
     'subagent.unread': '{count} unread',
     'conversation.archive': 'Archive',
+    'conversation.more': 'More conversation actions',
     'conversation.rename': 'Rename conversation',
     'conversation.renameFailed': 'Could not rename the conversation.',
     'conversation.reorderFailed': 'Could not save the conversation order.',
@@ -7070,6 +7209,11 @@ var NEWMARK_I18N = {
     'settings.configReloaded': '已刷新 config.json',
     'settings.runInWsl': 'Agent 运行环境',
     'settings.runInWslDesc': 'Windows UI 与桌面原生工具保留在本机，持续 Agent 内核、模型请求、Shell 和文件工具运行在 WSL。',
+    'settings.remoteTouch': '移动端远程触及',
+    'settings.remoteTouchDesc': '允许移动端通过同一内网 / Tailscale 连接',
+    'settings.remoteBehavior': '远程行为',
+    'settings.remoteConnect': '发起连接',
+    'settings.remoteConnectDesc': '显示配对二维码',
     'settings.wslDistro': 'WSL 发行版',
     'settings.wslConnected': 'WSL 后端已连接',
     'settings.wslDisconnected': 'WSL 后端不可用',
@@ -7338,6 +7482,8 @@ var NEWMARK_I18N = {
     'plugins.management': 'Skills 管理',
     'plugins.market': 'Skills Market',
     'plugins.github': 'GitHub CLI',
+    'plugins.refreshGh': '刷新',
+    'plugins.connectGh': '连接 GitHub',
     'plugins.noInstalled': '暂无已安装 skill。',
     'plugins.projectSkill': '项目 skill',
     'plugins.discovering': '正在发现本地和便携 skill...',
@@ -7430,6 +7576,14 @@ var NEWMARK_I18N = {
     'plugins.retry': '重试',
     'plugins.dshTitle': 'DSH Plugin 兼容',
     'plugins.dshHelp': '开发者预览：检查本地官方 DSH CLI 与包配置。发现过程严格只读，绝不会安装、执行、更新或改写 DSH。',
+    'plugins.dshInstall': '安装到 Newmark',
+    'plugins.dshInstalled': '已安装',
+    'plugins.dshUninstall': '卸载',
+    'plugins.dshEnable': '启用',
+    'plugins.dshDisable': '禁用',
+    'plugins.dshInstallOk': 'DSH 插件已安装到本地 .Newmark。',
+    'plugins.dshUninstallOk': 'DSH 插件已移除。',
+    'plugins.dshSetOk': 'DSH 插件设置已保存。',
     'plugins.dshPreview': '开发者预览',
     'plugins.dshRescan': '重新扫描',
     'plugins.dshScanning': '正在扫描 DSH 兼容信息...',
@@ -7581,6 +7735,11 @@ var NEWMARK_I18N = {
     'status.pendingOptions': '待处理选项',
     'status.noPendingOptions': '暂无等待用户输入的选项问题。',
     'status.question': '问题',
+    'option.manualPlaceholder': '或输入自己的答案...',
+    'option.manualSubmit': '提交',
+    'mobile.pair': '配对移动设备',
+    'mobile.pairDesc': '使用 Newmark 移动端在同一内网 / Tailscale 网络下扫描二维码。首次绑定后保存配对令牌。',
+    'mobile.pairTokenFile': '令牌文件',
     'subagent.empty': '暂无保留的 subagent 记录',
     'subagent.openHistory': '打开 subagent 历史',
     'subagent.historyTitle': 'Subagent 历史',
@@ -7591,6 +7750,7 @@ var NEWMARK_I18N = {
     'subagent.noMessages': '没有记录消息。',
     'subagent.unread': '{count} 条未读',
     'conversation.archive': '归档',
+    'conversation.more': '更多对话操作',
     'conversation.rename': '编辑对话名称',
     'conversation.renameFailed': '无法保存对话名称。',
     'conversation.reorderFailed': '无法保存对话顺序。',
@@ -9993,7 +10153,7 @@ function workEventIcon(type) {
 
 function workToolActivity(event) {
   var name = publicToolNameForUi(event && event.toolName).toLowerCase();
-  if (name === 'task' || name.indexOf('subagent_') === 0) return { key: 'subagents', type: 'tool_subagent' };
+  if (isSubagentCreateToolName(name) || name.indexOf('subagent_') === 0) return { key: 'subagents', type: 'tool_subagent' };
   if (name === 'skill' || name === 'skill_load' || name === 'skill_read' || name === 'skill_download') return { key: 'skills', type: 'tool_skill' };
   if (name === 'mcp' || name.indexOf('mcp__') === 0 || /^mcp[:._-]/.test(name) || /[:._-]mcp[:._-]/.test(name)) return { key: 'mcp', type: 'tool_mcp' };
   if (name === 'context_compression' || name === 'context_compress' || name === 'context_history_manage') return { key: 'context_compression', type: 'tool_context_compression' };
@@ -10034,8 +10194,8 @@ function workToolCommandLabel(item) {
   var args = workToolArgsObject(item);
   var toolName = publicToolNameForUi(item && item.toolName);
   var normalizedName = toolName.toLowerCase();
-  if (normalizedName === 'task') {
-    return (currentLang() === 'zh' ? '调用 Subagent · ' : 'Called Subagent · ') + String(args.nature || args.name || args.agent || 'Subagent').trim();
+  if (isSubagentCreateToolName(normalizedName)) {
+    return (currentLang() === 'zh' ? '调用 Subagent · ' : 'Called Subagent · ') + String(args.name || args.nature || args.agent || 'Subagent').trim();
   }
   if (normalizedName.indexOf('subagent_') === 0) {
     return (currentLang() === 'zh' ? 'Subagent 操作 · ' : 'Subagent action · ') + String(args.name || args.id || normalizedName.replace(/^subagent_/, '')).trim();
@@ -10074,14 +10234,19 @@ function workToolCommandLabel(item) {
 
 function workToolRowIcon(item) {
   var name = publicToolNameForUi(item && item.toolName).toLowerCase();
-  if (name === 'task' || name.indexOf('subagent_') === 0) return 'bot';
+  if (isSubagentCreateToolName(name) || name.indexOf('subagent_') === 0) return 'bot';
   if (name === 'skill' || name === 'skill_download') return 'sparkles';
   if (name === 'mcp' || /^mcp[:._-]/.test(name) || /[:._-]mcp[:._-]/.test(name)) return 'plug';
   return 'square-terminal';
 }
 
-function findSubagentUiRecord(name) {
+function isSubagentCreateToolName(name) {
   var normalized = String(name || '').trim().toLowerCase();
+  return normalized === 'subagent' || normalized === 'subagent_create' || normalized === 'task';
+}
+
+function findSubagentUiRecord(identity) {
+  var normalized = String(identity || '').trim().toLowerCase();
   return (state.subagents || []).find(function(item) {
     return [item.id, item.name, item.displayName, item.qualifiedName].some(function(value) {
       var candidate = String(value || '').trim().toLowerCase();
@@ -10125,7 +10290,7 @@ function workToolGroupLabel(items, completed) {
     var name = publicToolNameForUi(item && item.toolName).toLowerCase();
     if (name === 'skill' || name === 'skill_load' || name === 'skill_read' || name === 'skill_download') skills.push(workToolCommandLabel(item));
     else if (name === 'mcp' || name.indexOf('mcp__') === 0 || /^mcp[:._-]/.test(name) || /[:._-]mcp[:._-]/.test(name)) mcps.push(workToolCommandLabel(item));
-    else if (name === 'task' || name.indexOf('subagent_') === 0) subagents.push(workToolCommandLabel(item));
+    else if (isSubagentCreateToolName(name) || name.indexOf('subagent_') === 0) subagents.push(workToolCommandLabel(item));
   });
   var commands = Math.max(0, (items || []).length - files - skills.length - mcps.length - subagents.length);
   var parts = [];
@@ -10158,24 +10323,8 @@ function renderWorkToolGroup(event, eventIndex) {
   var hasFiles = items.some(function(item) { return !!workToolEditedFile(item); });
   var onlySubagents = items.length > 0 && items.every(function(item) {
     var name = publicToolNameForUi(item && item.toolName).toLowerCase();
-    return name === 'task';
+    return isSubagentCreateToolName(name);
   });
-  // A Build Block that spawns several SubAgents is summarized as one chip
-  // ("operated N SubAgents") instead of flooding the block with one chip per
-  // SubAgent. Each name stays available in the tooltip.
-  var subagentTasks = items.map(function(item, itemIndex) {
-    var name = publicToolNameForUi(item && item.toolName).toLowerCase();
-    if (name !== 'task') return null;
-    var subagentArgs = workToolArgsObject(item);
-    var subagentName = String(subagentArgs.nature || subagentArgs.name || subagentArgs.agent || 'Subagent').trim();
-    var subagentRecord = findSubagentUiRecord(subagentName);
-    return {
-      key: String(item.id || item.toolCallId || ('task-' + itemIndex)),
-      subagentName: subagentName || 'Subagent',
-      status: String(subagentRecord && subagentRecord.status || 'accepted'),
-    };
-  }).filter(Boolean);
-  var collapseSubagents = subagentTasks.length > 1;
   var activityRows = items.map(function(item, itemIndex) {
     var edited = workToolEditedFile(item);
     if (edited) {
@@ -10188,26 +10337,22 @@ function renderWorkToolGroup(event, eventIndex) {
         '<div class="conversation-work-file-diff">' + renderWorkFileDiff(edited) + '</div></details>';
     }
     var toolName = publicToolNameForUi(item && item.toolName).toLowerCase();
-    if (toolName === 'task') {
-      if (collapseSubagents) return '';
+    if (isSubagentCreateToolName(toolName)) {
       var subagentArgs = workToolArgsObject(item);
-      var subagentName = String(subagentArgs.nature || subagentArgs.name || subagentArgs.agent || 'Subagent').trim();
-      var subagentRecord = findSubagentUiRecord(subagentName);
-      var subagentStatus = String(subagentRecord && subagentRecord.status || 'accepted');
-      return '<button type="button" class="conversation-work-subagent-chip' + (subagentStatus === 'completed' ? ' completed' : '') + '" data-subagent-name="' + escAttr(subagentName) + '" onclick="window.openSubagentFromBuild(this.getAttribute(\'data-subagent-name\'))" title="' + escAttr(currentLang() === 'zh' ? '查看 Subagent 工作情况' : 'View Subagent work') + '">' +
-        iconSvg('bot', 'Subagent', 'tiny') + '<span class="conversation-work-subagent-name">' + esc(subagentName) + '</span><span class="conversation-work-subagent-status">' + esc(subagentUiStatusLabel(subagentStatus)) + '</span></button>';
+      var requestedName = String(subagentArgs.name || subagentArgs.nature || subagentArgs.agent || 'Subagent').trim();
+      var subagentRecord = findSubagentUiRecord(requestedName);
+      if (!subagentRecord || !subagentRecord.id) {
+        return '<div class="conversation-work-activity-item">' + iconSvg('square-terminal', 'tool', 'tiny') +
+          '<div><div class="conversation-work-command-label" title="' + escAttr(workToolCommandLabel(item)) + '">' + esc(workToolCommandLabel(item)) + '</div></div></div>';
+      }
+      var subagentStatus = String(subagentRecord.status || 'accepted');
+      var createdName = String(subagentRecord.name || subagentRecord.displayName || 'Subagent');
+      return '<button type="button" class="conversation-work-subagent-chip' + (subagentStatus === 'completed' ? ' completed' : '') + '" data-subagent-id="' + escAttr(subagentRecord.id) + '" onclick="window.openSubagentFromBuild(this.getAttribute(\'data-subagent-id\'))" title="' + escAttr(currentLang() === 'zh' ? '查看 Subagent 工作情况' : 'View Subagent work') + '">' +
+        iconSvg('bot', 'Subagent', 'tiny') + '<span class="conversation-work-subagent-name">' + esc(createdName) + '</span><span class="conversation-work-subagent-status">' + esc(subagentUiStatusLabel(subagentStatus)) + '</span></button>';
     }
     return '<div class="conversation-work-activity-item">' + iconSvg(workToolRowIcon(item), 'tool', 'tiny') +
       '<div><div class="conversation-work-command-label" title="' + escAttr(workToolCommandLabel(item)) + '">' + esc(workToolCommandLabel(item)) + '</div>' + renderWorkDisplayImage(item.displayImage) + '</div></div>';
   }).join('');
-  if (collapseSubagents) {
-    var allCompleted = subagentTasks.every(function(task) { return task.status === 'completed'; });
-    var names = subagentTasks.map(function(task) { return task.subagentName; });
-    activityRows += '<button type="button" class="conversation-work-subagent-chip conversation-work-subagent-chip-multi' + (allCompleted ? ' completed' : '') + '" title="' + escAttr(names.join('，')) + '">' +
-      iconSvg('bot', 'Subagent', 'tiny') + '<span class="conversation-work-subagent-name">' +
-      esc(currentLang() === 'zh' ? '操作了 ' + subagentTasks.length + ' 个 SubAgent' : 'Operated ' + subagentTasks.length + ' SubAgents') +
-      '</span><span class="conversation-work-subagent-status">' + esc(subagentUiStatusLabel(allCompleted ? 'completed' : subagentTasks[0].status)) + '</span></button>';
-  }
   return '<details class="conversation-work-activity" data-activity-key="' + escAttr(activityDomKey) + '"><summary>' +
     iconSvg(hasFiles ? 'pencil' : 'square-terminal', 'tools', 'tiny') + '<span>' + esc(workToolGroupLabel(items, !!event.completed)) + '</span>' +
     '<span class="conversation-work-activity-chevron" aria-hidden="true"></span></summary><div class="conversation-work-activity-list' + (onlySubagents ? ' conversation-work-subagent-list' : '') + '">' +
@@ -10509,17 +10654,32 @@ function renderConversationWorkRuns(runs, target) {
 // every delta can starve Chromium's renderer/CDP event loop.
 var pendingConversationWorkRunRenders = {};
 var scheduledConversationWorkRunRenders = {};
+var lastConversationWorkRunRenderAt = {};
+var WORK_RUN_RENDER_MIN_INTERVAL_MS = 100;
+function flushConversationWorkRunRender(key) {
+  var latest = pendingConversationWorkRunRenders[key];
+  delete pendingConversationWorkRunRenders[key];
+  delete scheduledConversationWorkRunRenders[key];
+  if (!latest || !isActiveConversationTarget(latest.target)) return;
+  lastConversationWorkRunRenderAt[key] = performance.now();
+  renderConversationWorkRun(latest);
+}
 function scheduleConversationWorkRunRender(run) {
   var key = runtimeKeyFor(run.target && run.target.workspaceId, run.target && run.target.conversationId) + '::' + String(run.runId || '');
   pendingConversationWorkRunRenders[key] = run;
   if (scheduledConversationWorkRunRenders[key]) return;
-  scheduledConversationWorkRunRenders[key] = true;
-  requestAnimationFrame(function() {
-    var latest = pendingConversationWorkRunRenders[key];
-    delete pendingConversationWorkRunRenders[key];
-    delete scheduledConversationWorkRunRenders[key];
-    if (latest && isActiveConversationTarget(latest.target)) renderConversationWorkRun(latest);
-  });
+  var elapsed = performance.now() - Number(lastConversationWorkRunRenderAt[key] || 0);
+  var delay = Math.max(0, WORK_RUN_RENDER_MIN_INTERVAL_MS - elapsed);
+  scheduledConversationWorkRunRenders[key] = setTimeout(function() {
+    requestAnimationFrame(function() { flushConversationWorkRunRender(key); });
+  }, delay);
+}
+
+function renderConversationWorkRunImmediately(run) {
+  var key = runtimeKeyFor(run.target && run.target.workspaceId, run.target && run.target.conversationId) + '::' + String(run.runId || '');
+  pendingConversationWorkRunRenders[key] = run;
+  if (scheduledConversationWorkRunRenders[key]) clearTimeout(scheduledConversationWorkRunRenders[key]);
+  flushConversationWorkRunRender(key);
 }
 
 function applyAgentWorkEventToRun(event) {
@@ -10582,7 +10742,9 @@ function applyAgentWorkEventToRun(event) {
   if (isActiveConversationTarget(target) && (!branchIds.viewed || !eventBranchId || branchIds.viewed === eventBranchId)) {
     state.workRunsByTarget[runtimeKeyFor(target.workspaceId, target.conversationId)] = runs;
     var existingElement = findWorkRunElement(run);
+    var terminalRender = ['done', 'error', 'interrupted', 'force_interrupted', 'final_response'].indexOf(type) >= 0;
     if (!existingElement || type === 'start') renderConversationWorkRun(run);
+    else if (terminalRender) renderConversationWorkRunImmediately(run);
     else scheduleConversationWorkRunRender(run);
   }
   return run;
@@ -11320,7 +11482,7 @@ function appendAgentWorkEvent(event) {
     setWorking(!!runningConversationRecord(activeConversationId()) || currentFlowRunning());
     updateSubmitButtonState();
   }
-  if (active && event.type === 'tool_result' && ['linked_plan', 'task', 'subagent_send', 'subagent_read', 'subagent_close'].indexOf(String(event.toolName || '')) >= 0 && api.getState) {
+  if (active && event.type === 'tool_result' && ['linked_plan', 'task_read', 'task_create', 'task', 'subagent_create', 'SubAgent', 'subagent_send', 'subagent_read', 'subagent_close'].indexOf(String(event.toolName || '')) >= 0 && api.getState) {
     var eventWorkspaceKey = currentWorkspaceKey();
     api.getState(target).then(function(snapshot) {
       if (!isActiveConversationTarget(target) || eventWorkspaceKey !== currentWorkspaceKey()) return;
@@ -11521,6 +11683,10 @@ function addOptionBlock(question, options, questionKey) {
     html += '<button class="option-btn" data-option-question-key="' + escAttr(encodeURIComponent(questionKey)) + '" data-option-label="' + escAttr(label) + '" onclick="window.optionSelected(decodeURIComponent(this.dataset.optionQuestionKey),this.dataset.optionLabel,this)">' +
       esc(label) + (desc ? '<span class="option-desc">' + esc(desc) + '</span>' : '') + '</button>';
   }
+  html += '<div class="option-manual">' +
+    '<input class="option-manual-input" data-option-question-key="' + escAttr(encodeURIComponent(questionKey)) + '" placeholder="' + escAttr(t('option.manualPlaceholder')) + '" onkeydown="if(event.key===\'Enter\'){event.preventDefault();window.optionManualSubmitted(this);}" />' +
+    '<button class="option-manual-submit" onclick="window.optionManualSubmitted(this)">' + esc(t('option.manualSubmit')) + '</button>' +
+    '</div>';
   html += '</div>';
   div.innerHTML = html;
   els['chat-area'].appendChild(div);
@@ -11637,6 +11803,20 @@ window.optionSelected = function(questionKey, opt, button) {
   window.sendMessage();
 };
 
+window.optionManualSubmitted = function(element) {
+  var manual = element && element.closest ? element.closest('.option-manual') : null;
+  if (!manual) return;
+  var input = manual.querySelector('.option-manual-input');
+  if (!input) return;
+  var value = String(input.value || '').trim();
+  if (!value) { input.focus(); return; }
+  var key = input.getAttribute('data-option-question-key') || '';
+  var decoded;
+  try { decoded = decodeURIComponent(key); } catch (e) { decoded = key; }
+  window.optionSelected(decoded, value, input);
+  Array.from(manual.querySelectorAll('input, button')).forEach(function(control) { control.disabled = true; });
+};
+
 // === Working State ===
 function setWorking(working) {
   state.isWorking = working;
@@ -12230,6 +12410,119 @@ window.selectModelFromMenu = function(value) {
   window.closeModelSelectMenu({ focus: true });
 };
 
+window.closeConversationActionMenu = function(options) {
+  var menu = document.getElementById('conversation-action-menu');
+  var anchor = state.conversationActionAnchor;
+  if (menu && typeof menu.hidePopover === 'function' && menu.matches(':popover-open')) menu.hidePopover();
+  document.querySelectorAll('.conv-more-btn[aria-expanded="true"]').forEach(function(item) { item.setAttribute('aria-expanded', 'false'); });
+  state.conversationActionAnchor = null;
+  if (options && options.focus && anchor && anchor.focus) anchor.focus();
+};
+
+window.positionConversationActionMenu = function(anchor, menu, pos) {
+  if (!menu) return;
+  var width = 168;
+  var margin = 8;
+  menu.style.width = width + 'px';
+  var rect = anchor && anchor.getBoundingClientRect ? anchor.getBoundingClientRect() : null;
+  var desiredHeight = Math.min(320, menu.scrollHeight || menu.offsetHeight || 0);
+  var left, top, below, above, openAbove;
+  if (pos && typeof pos.x === 'number' && typeof pos.y === 'number') {
+    left = Math.max(margin, Math.min(window.innerWidth - width - margin, pos.x));
+    below = Math.max(0, window.innerHeight - pos.y - margin);
+    above = Math.max(0, pos.y - margin);
+    openAbove = below < desiredHeight && above > below;
+    top = openAbove ? Math.max(margin, pos.y - Math.min(desiredHeight, above) - margin) : pos.y + margin;
+  } else if (rect) {
+    left = Math.max(margin, Math.min(window.innerWidth - width - margin, rect.right - width));
+    below = Math.max(0, window.innerHeight - rect.bottom - margin);
+    above = Math.max(0, rect.top - margin);
+    openAbove = below < desiredHeight && above > below;
+    top = openAbove ? Math.max(margin, rect.top - Math.min(desiredHeight, above) - margin) : rect.bottom + margin;
+  } else {
+    left = Math.max(margin, Math.round((window.innerWidth - width) / 2));
+    top = Math.round(window.innerHeight / 3);
+  }
+  menu.style.left = left + 'px';
+  menu.style.top = top + 'px';
+};
+
+window.openConversationActionMenu = function(anchor, conversationId, pos) {
+  var menu = document.getElementById('conversation-action-menu');
+  if (!menu) return;
+  var convs = currentWorkspaceConversations();
+  var idx = convs.findIndex(function(item) { return String(item && item.id || 'default') === String(conversationId || ''); });
+  var conv = convs[idx];
+  if (!conv) return;
+  window.closeModelSelectMenu();
+  document.querySelectorAll('.newmark-select-shell.open').forEach(function(item) { window.closeNewmarkSelect(item); });
+  var pendingKey = currentWorkspaceKey() + '::' + String(conv.id);
+  var pending = !!state.conversationArchivePending[pendingKey];
+  var pinLabel = conv.pinned ? t('conversation.unpin') : t('conversation.pin');
+  var archiveHtml = pending
+    ? '<button type="button" class="conv-action-menu-item" disabled><span class="conv-archive-spinner"></span><span>' + esc(t('archive.archiving')) + '</span></button>'
+    : '<button type="button" class="conv-action-menu-item" data-action="archive" onclick="window.runConversationAction(this, \'archive\')">' + iconSvg('archive', '', 'small') + '<span>' + esc(t('conversation.archive')) + '</span></button>';
+  menu.innerHTML =
+    '<button type="button" class="conv-action-menu-item" data-action="edit" onclick="window.runConversationAction(this, \'edit\')">' + iconSvg('pencil', '', 'small') + '<span>' + esc(t('conversation.rename')) + '</span></button>' +
+    archiveHtml +
+    '<button type="button" class="conv-action-menu-item' + (conv.pinned ? ' active' : '') + '" data-action="pin" onclick="window.runConversationAction(this, \'pin\')">' + iconSvg('pin', '', 'small') + '<span>' + esc(pinLabel) + '</span></button>';
+  menu.setAttribute('data-index', String(idx));
+  var moreBtn = anchor && anchor.classList && anchor.classList.contains('conv-more-btn') ? anchor : (anchor && anchor.querySelector ? anchor.querySelector('.conv-more-btn') : null);
+  document.querySelectorAll('.conv-more-btn[aria-expanded="true"]').forEach(function(item) { item.setAttribute('aria-expanded', 'false'); });
+  if (moreBtn) moreBtn.setAttribute('aria-expanded', 'true');
+  state.conversationActionAnchor = anchor || moreBtn || null;
+  if (typeof menu.showPopover === 'function' && !menu.matches(':popover-open')) menu.showPopover();
+  requestAnimationFrame(function() {
+    window.positionConversationActionMenu(state.conversationActionAnchor || moreBtn, menu, pos);
+    var item = menu.querySelector('.conv-action-menu-item:not(:disabled)');
+    if (item) item.focus({ preventScroll: true });
+  });
+};
+
+window.runConversationAction = function(button, action) {
+  var menu = document.getElementById('conversation-action-menu');
+  var idx = Number(menu && menu.getAttribute('data-index') || '-1');
+  window.closeConversationActionMenu();
+  var convs = currentWorkspaceConversations();
+  var conv = convs[idx];
+  if (!conv) return;
+  if (action === 'edit') window.editConversationName(idx);
+  else if (action === 'archive') window.archiveConv(String(conv.id || 'default'));
+  else if (action === 'pin') window.toggleConversationPinned(idx);
+};
+
+document.addEventListener('pointerdown', function(event) {
+  var menu = document.getElementById('conversation-action-menu');
+  if (!menu || !menu.matches || !menu.matches(':popover-open')) return;
+  var anchor = state.conversationActionAnchor;
+  if (anchor && anchor.contains && anchor.contains(event.target)) return;
+  if (menu.contains(event.target)) return;
+  window.closeConversationActionMenu();
+});
+
+document.addEventListener('keydown', function(event) {
+  if (event.key === 'Escape') window.closeConversationActionMenu();
+});
+
+(function() {
+  var menu = document.getElementById('conversation-action-menu');
+  if (!menu) return;
+  menu.addEventListener('keydown', function(event) {
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      window.closeConversationActionMenu({ focus: true });
+      return;
+    }
+    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') return;
+    event.preventDefault();
+    var items = Array.prototype.slice.call(menu.querySelectorAll('.conv-action-menu-item:not(:disabled)'));
+    if (!items.length) return;
+    var current = items.indexOf(document.activeElement);
+    var next = event.key === 'ArrowDown' ? items[(current + 1) % items.length] : items[(current - 1 + items.length) % items.length];
+    if (next) next.focus();
+  });
+})();
+
 window.handleModelSelectButtonKey = function(event) {
   if (!event) return;
   if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
@@ -15244,7 +15537,20 @@ function renderGeneralSettings() {
     '<div class="setting-row"><span class="setting-label">' + esc(t('settings.wslDistro')) + '</span>' +
     '<div class="setting-control"><select id="agent-wsl-distro" onchange="window.setAgentWslDistro(this.value)"' + (state.wslAvailable ? '' : ' disabled') + '>' + (wslOptions || '<option>Ubuntu-24.04</option>') + '</select>' +
     '<div class="setting-desc" id="agent-wsl-status">' + esc(state.agentBackend && state.agentBackend.connected ? t('settings.wslConnected') : t('settings.wslDisconnected')) + '</div></div></div>' : '';
-  return wslHtml + '<div class="setting-row">' +
+  return wslHtml + '<div class="setting-subsection">' +
+    '<div class="setting-subsection-title">' + esc(t('settings.remoteBehavior')) + '</div>' +
+    '<div class="setting-row">' +
+    '<label class="setting-label" for="remote-touch-enabled" style="display:inline-flex;align-items:center;gap:6px;min-width:120px;">' +
+    '<input type="checkbox" id="remote-touch-enabled"' + (state.remoteTouchEnabled ? ' checked' : '') + ' onchange="window.setRemoteTouchEnabled(this.checked)">' +
+    '<span>' + esc(t('settings.remoteTouch')) + '</span></label>' +
+    '<span class="setting-desc" style="flex:1;min-width:140px;">' + esc(t('settings.remoteTouchDesc')) + '</span>' +
+    '</div>' +
+    '<div class="setting-row" style="border-bottom:none;">' +
+    '<button type="button" class="sec-btn primary" onclick="window.showMobilePairing()">' + esc(t('settings.remoteConnect')) + '</button>' +
+    '<span class="setting-desc" style="flex:1;">' + esc(t('settings.remoteConnectDesc')) + '</span>' +
+    '</div>' +
+    '</div>' +
+    '<div class="setting-row">' +
     '<span class="setting-label">' + esc(t('settings.configFile')) + '</span>' +
     '<div class="setting-control"><div style="display:flex;align-items:center;gap:7px;flex-wrap:wrap;">' +
     '<button type="button" class="sec-btn" onclick="window.openGlobalConfigFile()">' + esc(t('settings.openConfig')) + '</button>' +
@@ -15898,8 +16204,7 @@ var systemColorScheme = window.matchMedia('(prefers-color-scheme: dark)');
 window.refreshTitlebarThemeIcon = function() {
   var icon = document.getElementById('title-app-icon');
   if (!icon) return;
-  var useDarkTheme = state.theme === 'system' ? systemColorScheme.matches : state.theme !== 'light';
-  icon.src = useDarkTheme ? '../assets/app-icon-dark-64.png' : '../assets/app-icon-light-64.png';
+  icon.src = '../assets/app-icon-dark.svg';
 };
 window.refreshTitlebarSystemIcon = window.refreshTitlebarThemeIcon;
 if (systemColorScheme.addEventListener) systemColorScheme.addEventListener('change', function() {
@@ -15920,6 +16225,15 @@ window.setAgentBackendMode = async function(mode) {
   return true;
 };
 
+window.setRemoteTouchEnabled = async function(value) {
+  var next = !!value;
+  state.remoteTouchEnabled = next;
+  if (api.saveSetting) {
+    try { await api.saveSetting('remote', 'touch_enabled', next); } catch (e) {}
+  }
+  window.settingsTab('general');
+};
+
 window.setAgentWslDistro = async function(value) {
   var distro = String(value || '').trim() || 'Ubuntu-24.04';
   await api.saveSetting('agent', 'wsl_distro', distro);
@@ -18171,9 +18485,9 @@ window.renderSubagentList = function() {
     var unread = Number(a.mailbox && a.mailbox.unread || 0);
     var queue = a.status === 'queued' && a.queueSequence ? (' · #' + a.queueSequence) : '';
     var meta = esc((a.agentMode || a.mode || 'build') + ' / ' + (a.model || t('common.default')) + ' / ' + ((a.messages || []).length || a.messageCount || 0) + ' ' + t('common.messageShort') + queue + (unread ? (' · ' + t('subagent.unread').replace('{count}', String(unread))) : ''));
-    var display = a.displayName || a.name || a.id || 'Agent';
-    var qualified = a.qualifiedName || a.name || a.id || display;
-    html += '<button type="button" onclick="window.openSubagentHistory(' + JSON.stringify(a.id || a.name).replace(/"/g, '&quot;') + ')" title="' + escAttr(t('subagent.openHistory')) + '" style="width:100%;display:flex;align-items:center;gap:6px;padding:7px 8px;font-size:12px;border:0;border-bottom:1px solid var(--glass-border-1);background:transparent;text-align:left;cursor:pointer;">' +
+    var display = a.name || a.displayName || a.id || 'Agent';
+    var qualified = a.qualifiedName || a.id || display;
+    html += '<button type="button" data-subagent-id="' + escAttr(a.id || '') + '" onclick="window.openSubagentHistory(this.getAttribute(\'data-subagent-id\'))" title="' + escAttr(t('subagent.openHistory')) + '" style="width:100%;display:flex;align-items:center;gap:6px;padding:7px 8px;font-size:12px;border:0;border-bottom:1px solid var(--glass-border-1);background:transparent;text-align:left;cursor:pointer;">' +
       iconSvg('bot', 'Subagent', 'small') +
       '<span style="flex:1;min-width:0;color:var(--text);" title="' + escAttr(qualified) + '"><span style="display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + esc(display) + '</span><span style="display:block;color:var(--text-dim);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + meta + '</span></span>' +
       '<span style="color:var(--accent2);font-size:10px;">' + esc(a.status || t('common.idle')) + '</span>' +
@@ -18185,10 +18499,10 @@ window.renderSubagentList = function() {
 };
 
 window.refreshSubagentBuildChips = function() {
-  var chips = document.querySelectorAll('.conversation-work-subagent-chip[data-subagent-name]');
+  var chips = document.querySelectorAll('.conversation-work-subagent-chip[data-subagent-id]');
   for (var i = 0; i < chips.length; i++) {
     var chip = chips[i];
-    var record = findSubagentUiRecord(chip.getAttribute('data-subagent-name'));
+    var record = findSubagentUiRecord(chip.getAttribute('data-subagent-id'));
     var status = String(record && record.status || 'accepted');
     chip.classList.toggle('completed', status === 'completed');
     var statusEl = chip.querySelector('.conversation-work-subagent-status');
@@ -18214,15 +18528,15 @@ window.scheduleSubagentStateRefresh = function() {
   }, 1200);
 };
 
-window.openSubagentFromBuild = function(name) {
-  var requested = String(name || '').trim();
+window.openSubagentFromBuild = function(id) {
+  var requested = String(id || '').trim();
   var openLatest = function() {
     var agent = findSubagentUiRecord(requested);
     if (!agent) {
       showUiNotice((currentLang() === 'zh' ? '尚未找到 Subagent：' : 'Subagent is not available yet: ') + requested, 'error', 'subagent-build-' + requested);
       return false;
     }
-    window.openSubagentHistory(agent.id || agent.name);
+    window.openSubagentHistory(agent.id);
     return true;
   };
   if (!api.getState) return Promise.resolve(openLatest());
@@ -18380,13 +18694,17 @@ window.closeSubagentHistory = function() {
 
 window.openSubagentHistory = function(id) {
   var agents = state.subagents || [];
-  var agent = agents.find(function(a) { return a.id === id || a.name === id; }) || {};
-  state.subagentHistoryActorId = agent.id || id || '';
+  var agent = agents.find(function(a) { return a.id === id; });
+  if (!agent) {
+    showUiNotice((currentLang() === 'zh' ? '尚未找到真实 Subagent：' : 'Real Subagent is not available: ') + String(id || ''), 'error', 'subagent-history-' + String(id || 'missing'));
+    return false;
+  }
+  state.subagentHistoryActorId = agent.id;
   var existing = document.getElementById('subagent-history-overlay');
   if (existing) existing.remove();
   var lines = [];
-  lines.push('<div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">' + esc(agent.displayName || agent.name || t('subagent.historyTitle')) + '</div>');
-  lines.push('<div style="font-size:10px;color:var(--text-dim);word-break:break-all;margin-bottom:8px;">' + esc(agent.qualifiedName || agent.name || agent.id || '') + '</div>');
+  lines.push('<div style="font-size:13px;color:var(--text);font-weight:600;margin-bottom:4px;">' + esc(agent.name || agent.displayName || t('subagent.historyTitle')) + '</div>');
+  lines.push('<div style="font-size:10px;color:var(--text-dim);word-break:break-all;margin-bottom:8px;">' + esc(agent.qualifiedName || agent.id || '') + '</div>');
   lines.push('<div id="subagent-history-meta" style="font-size:11px;color:var(--text-dim);margin-bottom:10px;">' + esc((agent.status || t('common.idle')) + ' / ' + (agent.agentMode || agent.mode || 'build') + ' / ' + (agent.model || t('common.default')) + (agent.mailbox && agent.mailbox.unread ? (' / ' + agent.mailbox.unread + ' unread') : '')) + '</div>');
   var compression = agent.metadata && agent.metadata.contextCompression;
   if (compression) {
@@ -18416,6 +18734,7 @@ window.openSubagentHistory = function(id) {
   for (var i = 0; i < cached.length; i++) renderSubagentPeerEvent(cached[i]);
   autoScrollSubagentHistory(body);
   window.scheduleSubagentStateRefresh();
+  return true;
 };
 
 // === Browser ===
@@ -19058,16 +19377,15 @@ function renderConversations() {
       ? '<span class="conv-runtime-badge ' + escAttr(String(runtimeState.status)) + '">' + esc(String(runtimeState.status)) + '</span>' : '';
     var branchCommIcon = conv.branchCommunication
       ? '<span class="conv-branch-comm-icon" title="' + escAttr(t('conversation.branchCommunicationBadge')) + '" aria-label="' + escAttr(t('conversation.branchCommunicationBadge')) + '">' + iconSvg('git-branch', t('conversation.branchCommunicationBadge')) + '</span>' : '';
-    var archivePendingKey = currentWorkspaceKey() + '::' + String(conv.id);
-    var archiveBtn = state.conversationArchivePending[archivePendingKey]
-      ? '<button class="conv-archive-btn archiving" title="' + escAttr(t('archive.archiving')) + '" disabled><span class="conv-archive-spinner"></span></button>'
-      : '<button class="conv-archive-btn" onclick="event.stopPropagation();window.archiveConv(this.closest(&quot;.conv-item&quot;).getAttribute(&quot;data-conversation-id&quot;))" title="' + escAttr(t('conversation.archive')) + '">' + iconOnly('archive', t('conversation.archive')) + '</button>';
     div.innerHTML = '<span class="conv-summary" title="' + escAttr(String(conv.id || '')) + '">' + esc(displaySummary) + (conv.messageCount ? ' (' + esc(String(conv.messageCount)) + ')' : '') + '</span>' + branchCommIcon + runtimeBadge +
-      '<button class="conv-rename-btn" onclick="event.stopPropagation();window.editConversationName(' + i + ')" title="' + escAttr(t('conversation.rename')) + '">' + iconOnly('pencil', t('conversation.rename')) + '</button>' +
-      archiveBtn +
-      '<button class="conv-pin-btn' + (conv.pinned ? ' active' : '') + '" onclick="event.stopPropagation();window.toggleConversationPinned(' + i + ')" title="' + escAttr(conv.pinned ? t('conversation.unpin') : t('conversation.pin')) + '">' + iconOnly('pin', conv.pinned ? t('conversation.unpin') : t('conversation.pin')) + '</button>';
+      '<button class="conv-more-btn" aria-haspopup="menu" aria-expanded="false" onclick="event.stopPropagation();window.openConversationActionMenu(this, this.closest(&quot;.conv-item&quot;).getAttribute(&quot;data-conversation-id&quot;))" title="' + escAttr(t('conversation.more')) + '">' + iconOnly('ellipsis', t('conversation.more')) + '</button>';
     div.onclick = function(idx) { return function() { window.switchConversation(idx); }; }(i);
     div.addEventListener('keydown', window.handleConversationKey);
+    div.addEventListener('contextmenu', function(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      window.openConversationActionMenu(event.currentTarget, this.getAttribute('data-conversation-id') || '', { x: event.clientX, y: event.clientY });
+    });
     div.addEventListener('dragstart', function(event) {
       this.classList.add('dragging');
       if (event.dataTransfer) { event.dataTransfer.effectAllowed = 'move'; event.dataTransfer.setData('text/plain', this.getAttribute('data-conversation-id') || ''); }
@@ -20481,6 +20799,59 @@ window.openDshOfficial = function(kind) {
   });
 };
 
+function renderDshBundlesMarkup(bundles) {
+  var values = dshCollection(bundles);
+  if (!values.length) return '<div class="plugin-empty">' + esc(t('plugins.dshNone')) + '</div>';
+  return '<div class="dsh-list">' + values.map(function(item, index) {
+    var name = String(item.name || item.id || 'dsh-plugin');
+    var manifestPath = String(item.manifestPath || '');
+    var installed = !!item.installed;
+    var enabled = item.enabled !== false;
+    var actionHtml = installed
+      ? '<div class="dsh-candidate-actions">' +
+        '<label class="toggle"><input type="checkbox" id="dsh-bundle-enabled-' + index + '"' + (enabled ? ' checked' : '') + ' onchange="window.setDshBundleEnabled(' + index + ', this.checked)"><span class="toggle-track"></span></label>' +
+        '<span style="font-size:11px;color:var(--text-dim);">' + esc(t(enabled ? 'plugins.dshEnable' : 'plugins.dshDisable')) + '</span>' +
+        '<button type="button" class="sec-btn" onclick="window.uninstallDshBundle(' + index + ')">' + esc(t('plugins.dshUninstall')) + '</button>' +
+        '<span class="plugin-status-badge">' + esc(t('plugins.dshInstalled')) + '</span></div>'
+      : '<div class="dsh-candidate-actions"><button type="button" class="sec-btn primary" onclick="window.installDshBundle(' + index + ')"' + (manifestPath ? '' : ' disabled') + '>' + esc(t('plugins.dshInstall')) + '</button></div>';
+    return '<div class="dsh-list-item"><strong>' + esc(name) + '</strong>' +
+      '<div class="provider-meta">' + esc(String(item.source || '')) + '</div>' + actionHtml + '</div>';
+  }).join('') + '</div>';
+}
+
+window.installDshBundle = function(index) {
+  var bundle = dshCollection(state.dshCompatibility && state.dshCompatibility.bundles)[index];
+  if (!bundle || !bundle.manifestPath) return;
+  if (!api.installDshBundle) { showUiNotice(t('plugins.dshUnavailable'), 'error', 'dsh-install'); return; }
+  api.installDshBundle(bundle.manifestPath).then(function(result) {
+    if (!result || !result.ok) throw new Error((result && result.error) || t('plugins.dshLoadError'));
+    showUiNotice(t('plugins.dshInstallOk'), 'success', 'dsh-install-' + bundle.name);
+    window.renderDshPlugin();
+  }).catch(function(error) { showUiNotice(error.message || String(error), 'error', 'dsh-install-' + bundle.name); });
+};
+
+window.uninstallDshBundle = function(index) {
+  var bundle = dshCollection(state.dshCompatibility && state.dshCompatibility.bundles)[index];
+  if (!bundle || !bundle.name) return;
+  if (!api.uninstallDshBundle) { showUiNotice(t('plugins.dshUnavailable'), 'error', 'dsh-uninstall'); return; }
+  api.uninstallDshBundle(bundle.name).then(function(result) {
+    if (!result || !result.ok) throw new Error((result && result.error) || t('plugins.dshLoadError'));
+    showUiNotice(t('plugins.dshUninstallOk'), 'success', 'dsh-uninstall-' + bundle.name);
+    window.renderDshPlugin();
+  }).catch(function(error) { showUiNotice(error.message || String(error), 'error', 'dsh-uninstall-' + bundle.name); });
+};
+
+window.setDshBundleEnabled = function(index, enabled) {
+  var bundle = dshCollection(state.dshCompatibility && state.dshCompatibility.bundles)[index];
+  if (!bundle || !bundle.name) return;
+  if (!api.setDshBundleEnabled) { showUiNotice(t('plugins.dshUnavailable'), 'error', 'dsh-toggle'); return; }
+  api.setDshBundleEnabled(bundle.name, !!enabled).then(function(result) {
+    if (!result || !result.ok) throw new Error((result && result.error) || t('plugins.dshLoadError'));
+    showUiNotice(t('plugins.dshSetOk'), 'success', 'dsh-toggle-' + bundle.name);
+    window.renderDshPlugin();
+  }).catch(function(error) { showUiNotice(error.message || String(error), 'error', 'dsh-toggle-' + bundle.name); });
+};
+
 window.renderDshPlugin = function() {
   var panel = document.getElementById('plugin-panel');
   if (!panel || state.pluginActiveTab !== 'dsh') return;
@@ -20538,7 +20909,7 @@ window.renderDshPluginContent = function() {
       '<dt>' + esc(t('plugins.dshUpdateChannel')) + '</dt><dd id="dsh-update-channel">' + esc(dshDisplayValue(updateChannel)) + '</dd></dl>' +
       '<div class="dsh-description">' + esc(t('plugins.dshReadonlyDetail')) + '</div></section>' +
     '<section class="dsh-card" id="dsh-profiles-card"><div class="dsh-card-title">' + esc(t('plugins.dshProfiles')) + '</div>' + dshListMarkup(dsh.profiles) + '</section>' +
-    '<section class="dsh-card" id="dsh-bundles-card"><div class="dsh-card-title">' + esc(t('plugins.dshBundles')) + '</div>' + dshListMarkup(dsh.bundles) + '</section>' +
+    '<section class="dsh-card" id="dsh-bundles-card"><div class="dsh-card-title">' + esc(t('plugins.dshBundles')) + '</div>' + renderDshBundlesMarkup(dsh.bundles) + '</section>' +
     '<section class="dsh-card" id="dsh-warnings-card"><div class="dsh-card-title">' + esc(t('plugins.dshWarnings')) + '</div>' + dshListMarkup(dsh.warnings, t('plugins.dshNone'), true) + '</section>' +
     '<section class="dsh-card" id="dsh-unknown-keys-card"><div class="dsh-card-title">' + esc(t('plugins.dshUnknownKeys')) + '</div>' + dshListMarkup(dsh.unknownKeys) + '</section></div>';
   html += '<section class="plugin-section" id="dsh-config-files"><div class="plugin-section-head"><div class="plugin-section-title">' + esc(t('plugins.dshConfigFiles')) + '</div><span class="plugin-count-badge">' + configFiles.length + '</span></div>' + dshListMarkup(configFiles) + '</section>';
@@ -21030,10 +21401,18 @@ window.removeSkillFromUi = function(name) {
   });
 };
 
+window.refreshGithubOverview = function() {
+  state.githubOverviewHash = '';
+  window.loadGithubOverview('', { force: true });
+};
+
 window.renderGithubCliPanel = function() {
   var panel = document.getElementById('plugin-panel');
   if (!panel) return;
-  panel.innerHTML = '<div id="gh-overview" class="settings-card" style="min-height:220px;padding:14px;"></div>';
+  panel.innerHTML = '<div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">' +
+    '<div style="flex:1;font-size:13px;font-weight:700;color:var(--text);">' + esc(t('plugins.github')) + '</div>' +
+    '<button type="button" class="sec-btn" onclick="window.refreshGithubOverview()">' + iconSvg('refresh-cw', t('plugins.refreshGh'), 'tiny') + ' ' + esc(t('plugins.refreshGh')) + '</button></div>' +
+    '<div id="gh-overview" class="settings-card" style="min-height:220px;padding:14px;"></div>';
   if (state.githubOverviewData) window.renderGithubOverview(state.githubOverviewData);
   else document.getElementById('gh-overview').innerHTML = '<div class="settings-empty">' + esc(t('plugins.runningGh')) + '...</div>';
   window.loadGithubOverview('', { initial: !state.githubOverviewLoaded });
@@ -21043,7 +21422,10 @@ window.renderGithubOverview = function(data) {
   var out = document.getElementById('gh-overview');
   if (!out) return;
   if (!data || !data.ok) {
-    out.innerHTML = '<div class="settings-empty">' + esc(data && data.error ? data.error : t('plugins.ghUnavailable')) + '</div>';
+    out.innerHTML = '<div class="settings-empty">' + esc(data && data.error ? data.error : t('plugins.ghUnavailable')) + '</div>' +
+      '<div style="display:flex;gap:8px;justify-content:center;margin-top:12px;">' +
+      '<button type="button" class="sec-btn primary" onclick="window.githubCopilotLogin()">' + esc(t('plugins.connectGh')) + '</button>' +
+      '<button type="button" class="sec-btn" onclick="window.refreshGithubOverview()">' + esc(t('plugins.refreshGh')) + '</button></div>';
     return;
   }
   var account = data.account || {};
@@ -21089,6 +21471,10 @@ window.githubOverviewSignature = function(data) {
 
 window.loadGithubOverview = function(repo, options) {
   options = options || {};
+  if (options.force) {
+    state.githubOverviewHash = '';
+    state.githubOverviewLoaded = false;
+  }
   var out = document.getElementById('gh-overview');
   repo = String(repo || '').trim();
   if (state.githubOverviewLoading) {
@@ -21871,6 +22257,47 @@ function guiHasSwitchableBranch() {
   return branches.length > 1;
 }
 
+window.showMobilePairing = function() {
+  if (!api.mobilePairingQr) {
+    showUiNotice('Mobile pairing API unavailable', 'error', 'mobile-pairing');
+    return;
+  }
+  window.openSubWin(t('mobile.pair'), '<div style="text-align:center;color:var(--text-dim);">' + esc(t('common.loading')) + '</div>');
+  api.mobilePairingQr().then(function(p) {
+    if (!p || !p.ok) throw new Error((p && p.error) || 'Pairing failed');
+    var expiresLabel = p.expiresAt ? Math.max(0, Math.round((p.expiresAt - Date.now()) / 1000)) + 's' : '';
+    var html = '<div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 2px;">' +
+      '<img src="' + escAttr(p.dataUrl) + '" alt="Pairing QR" style="width:min(420px,100%);max-width:100%;border-radius:12px;background:#fff;padding:10px;">' +
+      '<div style="font-size:12px;color:var(--text);word-break:break-all;text-align:center;">' + esc(p.url) + '</div>' +
+      '<div style="font-size:11px;color:var(--text-dim);">' + esc(t('mobile.pairTokenFile')) + ': ' + esc(p.tokenFile) + '</div>' +
+      '<div style="font-size:11px;color:var(--text-dim);">Tailscale: ' + esc(p.tailscaleIpv4 || '-') + '</div>' +
+      (expiresLabel ? '<div style="font-size:11px;color:var(--text-dim);">' + esc('窗口期: ' + expiresLabel) + '</div>' : '') +
+      '<div style="font-size:11px;color:var(--text-dim);text-align:center;max-width:420px;">' + esc(t('mobile.pairDesc')) + '</div>' +
+      '</div>';
+    window.openSubWin(t('mobile.pair'), html);
+    // 连接成功后自动关闭二维码窗口
+    if (api.mobilePairingStatus) {
+      var poll = setInterval(function() {
+        api.mobilePairingStatus().then(function(s) {
+          var st = s && s.status;
+          if (!st) return;
+          if (st.confirmed) {
+            clearInterval(poll);
+            window.closeSubWin();
+            showUiNotice('Mobile device connected', 'success', 'mobile-pairing-done');
+          } else if (st.expired || !st.active) {
+            clearInterval(poll);
+            window.closeSubWin();
+            showUiNotice('Pairing window expired', 'error', 'mobile-pairing-expired');
+          }
+        }).catch(function() {});
+      }, 1000);
+    }
+  }).catch(function(err) {
+    showUiNotice(err.message || String(err), 'error', 'mobile-pairing');
+  });
+};
+
 function guiToggleTheme() {
   var current = state.theme === 'light' ? 'light' : 'dark';
   window.setTheme(current === 'light' ? 'dark' : 'light');
@@ -21893,6 +22320,7 @@ var NEWMARK_GUI_COMMANDS = [
   guiCommand('workspace.manager', 'workspace.manager', 'workspace', { bindings:[{ keys:'Mod+K W', scope:'whenNotEditing' }], run:function(){ window.openWorkspaceManager(); } }),
   guiCommand('workspace.new', 'workspace.new', 'workspace', { run:function(){ window.showNewWorkspaceDialog(); } }),
   guiCommand('workspace.settings', 'workspace.settingsTitle', 'workspace', { run:function(){ window.openWsSettings(); }, available:function(){ return !!state.currentWorkspaceId; } }),
+  guiCommand('mobile.pair', 'mobile.pair', 'general', { run:function(){ window.showMobilePairing(); } }),
 
   guiCommand('view.plugins', 'plugins.title', 'navigation', { bindings:[{ keys:'Mod+K P', scope:'whenNotEditing' }], run:function(){ window.showPluginList(); } }),
   guiCommand('view.plugins.mcp', 'plugins.mcp', 'navigation', { run:function(){ window.showPluginList('mcp'); } }),
@@ -22601,6 +23029,7 @@ function schedulePostStartupUiRendering() {
       if (s.agentBackend) state.agentBackend = s.agentBackend;
       if (s.configuredAgentBackend) state.configuredAgentBackend = s.configuredAgentBackend;
       if (s.agentBackendRestartRequired !== undefined) state.agentBackendRestartRequired = !!s.agentBackendRestartRequired;
+      if (s.remoteTouchEnabled !== undefined) state.remoteTouchEnabled = !!s.remoteTouchEnabled;
       if (s.wslAvailable !== undefined) state.wslAvailable = !!s.wslAvailable;
       if (Array.isArray(s.wslDistros)) state.wslDistros = s.wslDistros;
       if (s.conversationId) state.activeBackendConversationId = s.conversationId;