@clowder-ai/companion 0.1.0-alpha.20 → 0.1.0-alpha.24

package/renderer/style.css

@@ -60,15 +60,17 @@ button:disabled { opacity: .45; cursor: default; }
   from { left: var(--living-left-start); top: var(--living-top-start); }
   to { left: var(--living-left-end); top: var(--living-top-end); }
 }
-#indicators { position: absolute; bottom: 0; right: 0; display: flex; gap: 4px; }
-#indicators button { width: 32px; height: 32px; border: 1px solid #fff9; border-radius: 50%; display: grid; place-items: center; background: #236b59; color: white; box-shadow: 0 2px 5px #0003; }
+#indicators { position: absolute; inset: 0; pointer-events: none; }
+#indicators button { position: absolute; width: 32px; height: 32px; pointer-events: auto; border: 1px solid #fff9; border-radius: 50%; display: grid; place-items: center; background: #236b59; color: white; box-shadow: 0 2px 5px #0003; }
 #indicators button:hover { background: #ab4842; }
 #indicators button[data-state="connecting"] { background: #a77b36; animation: pulse 1.8s infinite; }
 #indicators button[data-state="muted"] { background: #5f6670; }
 #indicators button[data-state="receive-only"] { background: #476dac; }
 #indicators svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
-#share-badge { background: #476dac !important; }
-#pending-badge { width: auto !important; min-width: 32px; padding: 0 9px; border-radius: 999px !important; background: #9b6841 !important; font-size: 11px; font-weight: 700; white-space: nowrap; }
+#share-badge { right: 0; bottom: 0; background: #476dac !important; }
+#pending-badge { top: 0; right: 0; width: auto !important; min-width: 24px; height: 24px !important; padding: 0 7px; border: 2px solid white !important; border-radius: 999px !important; background: #f2dcc8 !important; color: #7a3f2e !important; font-size: 11px; font-weight: 700; white-space: nowrap; }
+#pet[data-dock-edge="right"] + #indicators #pending-badge,
+#pet[data-dock-edge="right"] + #indicators #share-badge { right: auto; left: 0; }
 @keyframes pulse { 50% { opacity: .65; } }
 .floating { position: absolute; z-index: 3; border-radius: 12px; border: 1px solid var(--desktop-line-strong); background: var(--desktop-paper); box-shadow: 0 14px 28px #18171526, 0 2px 5px #1817150f; }
 .floating { max-height: 500px; overflow: auto; }
@@ -83,7 +85,7 @@ button:disabled { opacity: .45; cursor: default; }
 .floating .destructive { background: var(--desktop-danger); color: white; font-weight: 500; }
 .floating .destructive:hover:not(:disabled) { background: #942c24; }
 .floating .destructive.compact { min-width: 72px; padding: 6px 12px; }
-#actions { padding: 12px; width: 364px; overflow: hidden; }
+#actions { padding: 12px; width: 412px; overflow: hidden; }
 .action-row { display: flex; align-items: center; gap: 4px; }
 .action-row button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 35px; font-size: 12px; white-space: nowrap; }
 .action-row button .icon { width: 16px; height: 16px; }
@@ -92,8 +94,44 @@ button:disabled { opacity: .45; cursor: default; }
 .call-status-line { min-height: 24px; display: flex; align-items: center; gap: 7px; white-space: nowrap; }
 .call-status-line strong { font-size: 13px; font-weight: 600; }
 .call-status-line span:not(.status-dot) { color: var(--desktop-muted); font-size: 12px; }
-.status-dot { width: 8px; height: 8px; flex: none; border-radius: 999px; background: var(--desktop-success); }
-[data-connection-state="recovering"] .status-dot { background: var(--desktop-warning); }
+.status-dot {
+  --call-status-color: var(--desktop-success);
+  position: relative;
+  isolation: isolate;
+  z-index: 0;
+  width: 8px;
+  height: 8px;
+  flex: none;
+  border-radius: 999px;
+  background: var(--call-status-color);
+}
+.status-dot::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  background: var(--call-status-color);
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(1);
+}
+[data-connection-state="connected"] .status-dot::after,
+[data-connection-state="recovering"] .status-dot::after { animation: call-status-breathe 2s ease-out infinite; }
+[data-connection-state="recovering"] .status-dot { --call-status-color: var(--desktop-warning); }
+[data-connection-state="connecting"] .status-dot,
+[data-connection-state="idle"] .status-dot { --call-status-color: var(--desktop-muted); }
+@keyframes call-status-breathe {
+  from { opacity: .38; transform: scale(1); }
+  to { opacity: 0; transform: scale(3); }
+}
+.call-meeting { min-width: 0; margin: 3px 0 0 15px; display: flex; align-items: center; gap: 5px; color: var(--desktop-muted); font-size: 12px; line-height: 1.35; }
+.call-context > .call-meeting { grid-column: 1 / -1; margin: 0; }
+.meeting-status-dot { width: 7px; height: 7px; flex: none; border-radius: 999px; background: var(--desktop-success); }
+.call-meeting[data-tone="quiet"] .meeting-status-dot { background: var(--desktop-muted); }
+.call-meeting[data-tone="warning"] .meeting-status-dot { background: var(--desktop-warning); }
+.meeting-label { flex: none; white-space: nowrap; }
+.meeting-source { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .call-work { margin: 3px 0 0 15px; color: var(--desktop-muted); font-size: 12px; }
 .call-share-context { display: flex; align-items: center; gap: 7px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--desktop-line); }
 .call-share-context > span, .call-share-line > span { display: grid; gap: 1px; min-width: 0; }
@@ -108,8 +146,11 @@ button:disabled { opacity: .45; cursor: default; }
 .recent-message-text { unicode-bidi: isolate; }
 .call-recent p[data-role="user"] { color: var(--desktop-muted); }
 .call-actions { justify-content: flex-end; }
+.call-actions #mic .label, .call-actions [data-action="transcript"] > span { display: none; }
 .call-actions #end { min-width: 88px; margin-left: auto; }
-#menu { width: 340px; padding: 8px; }
+.action-unread { min-width: 17px; height: 17px; display: inline-grid; place-items: center; border-radius: 999px; padding: 0 5px; background: #f2dcc8; color: #7a3f2e; font-size: 10px; font-weight: 700; line-height: 1; }
+#menu { width: 340px; max-height: 500px; display: flex; flex-direction: column; overflow: hidden; padding: 8px; }
+.menu-scroll { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; }
 #menu .menu-title { display: block; padding: 7px 11px 6px; color: var(--cafe-text-muted); font-size: 10px; font-weight: 500; letter-spacing: .04em; }
 #menu button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 33px; text-align: left; font-size: 12px; line-height: 1.4; }
 #menu button .icon { color: var(--cafe-text-secondary); width: 16px; height: 16px; }
@@ -127,8 +168,24 @@ button:disabled { opacity: .45; cursor: default; }
 .call-context > small { grid-column: 2 / 4; }
 .call-share-line { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; padding-top: 6px; border-top: 1px solid var(--desktop-line); min-width: 0; }
 .call-context-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
+.call-context-inline-actions { grid-column: 4; grid-row: 1; }
 .call-context-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 9px; white-space: nowrap; }
 #menu .call-context { margin: -8px -8px 5px; }
+.menu-footer { flex: none; display: flex; align-items: center; gap: 2px; margin: 4px -8px -8px; border-top: 1px solid var(--desktop-line); padding: 4px; }
+#menu .menu-footer button { width: auto; min-width: 38px; min-height: 33px; padding: 7px 8px; }
+#menu .menu-footer #menu-hide { margin-left: auto; }
+.menu-call-actions { grid-column: 1 / -1; width: 100%; }
+.menu-call-actions button { width: auto !important; min-width: 34px !important; }
+.menu-call-actions button:last-child { margin-left: auto; }
+.work-overview { margin: 3px -8px; border-top: 1px solid var(--desktop-line); border-bottom: 1px solid var(--desktop-line); }
+.work-overview-section + .work-overview-section { border-top: 1px solid var(--desktop-line); }
+.work-overview-section header { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 8px 11px 3px; color: var(--desktop-muted); font-size: 11px; }
+.work-overview-section header small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
+#menu .work-overview-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; min-height: 43px; border-radius: 0; padding: 6px 11px; }
+.work-overview-row strong, .work-overview-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.work-overview-row strong { color: var(--desktop-ink); font-size: 12px; font-weight: 500; }
+.work-overview-row span { color: var(--desktop-muted); font-size: 10px; }
+#work-notice { margin: 0; padding: 3px 11px 7px; color: var(--desktop-muted); font-size: 10px; }
 #chat { width: 400px; max-height: 500px; display: flex; flex-direction: column; overflow: hidden; }
 #chat header { padding: 7px 9px 7px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cafe-border-subtle); }
 #chat header button { font-size: 12px; color: var(--cafe-text-secondary); }
@@ -218,7 +275,7 @@ button:disabled { opacity: .45; cursor: default; }
 .settings-empty { padding: 16px; }
 .sr-only { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
 @media (prefers-reduced-motion: reduce) {
-  #pet, #indicators button, #living-sit [data-layer], #pet[data-action="idle"] #living-sit [data-layer] { animation: none; }
+  #pet, #indicators button, [data-connection-state] .status-dot::after, #living-sit [data-layer], #pet[data-action="idle"] #living-sit [data-layer] { animation: none; }
   #living-sit [data-layer="closed"] { opacity: 0; }
 }
 #pet[data-skin="yanyan-codex"] { background-image: url("./skins/yanyan-codex.webp"); }

package/renderer/surface.mjs

@@ -11,10 +11,15 @@ import { PetMotion } from './pet-motion.mjs';
 import { LivingBody } from './living-body.mjs';
 import { detectDockedEdge } from './living-edge.mjs';
 import { bindPetControls } from './pet-controls.mjs';
-import { decisionBadge, decisionPresentation, decisionRows } from './decision-view.mjs';
+import { DecisionPanel } from './decision-panel.mjs';
 import { nativeWorkLabel, normalizeNativeWork } from './native-work-motion.mjs';
 import { NativeWindowTravel } from './native-window-travel.mjs';
 import { currentCompanionIdentity } from './companion-identity.mjs';
+import { FoldedChatUnread } from './chat-unread.mjs';
+import { COMPACT_BALL_SIZE, compactSizeAction } from './compact-size.mjs';
+import { WorkOverviewView } from './work-overview.mjs';
+import { MeetingStatus, renderMeetingStatus } from './meeting-state.mjs';
+import { VisibleTextPresentation } from './visible-text-receipt.mjs';
 const $ = id => document.getElementById(id);
 const label = (id, text) => { $(id).querySelector('.label').textContent = text; };
 const status = text => {
@@ -32,6 +37,12 @@ const callTranscript = new CallTranscriptView($('call-transcript-log'), {
 });
 const bubble = new RecentBubble([$('bubble-first'), $('bubble-second')]);
 const callBubble = new RecentBubble([$('call-bubble-first'), $('call-bubble-second')]);
+const meetingStatus = new MeetingStatus();
+const foldedChatUnread = new FoldedChatUnread(count => {
+  $('call-chat-unread').hidden = count === 0;
+  $('call-chat-unread').textContent = count ? String(count) : '';
+  $('call-chat').setAttribute('aria-label', count ? `聊天，${count} 条未读` : '聊天');
+});
 const motion = new PetMotion($('pet'), { livingBody: new LivingBody({ root: $('pet'), sit: $('living-sit'),
   video: $('living-video'), transitionVideo: $('living-video-transition') }) });
 const nativeTravel = new NativeWindowTravel({
@@ -39,15 +50,12 @@ const nativeTravel = new NativeWindowTravel({
   changed: value => motion.syncTravel(value),
 });
 let sharing = false, pendingScreen = false, loading = false, transcriptLoading = false, latestHistory, previousPhase = 'idle';
-let didMove = false, decisionLoading = false, decisionOffset = 0, threadTitle, settingsView, settingsValues, latestDecisionPage;
+let didMove = false, threadTitle, settingsView, settingsValues, decisionPanel, workView;
+let previousControlPanel = 'none';
 // F229 stays quiet: a history ID change has no provenance for proactive text.
 const ambientPanel = active => active ? 'actions' : 'none';
 const setTexts = (ids, text) => { for (const id of ids) $(id).textContent = text; };
 const setHidden = (ids, hidden) => { for (const id of ids) $(id).hidden = hidden; };
-const decisionReadBasis = page => page?.version === 1
-  ? [page.status, page.totalCount ?? 'unknown', ...['approvals', 'needsMe']
-    .flatMap(key => [page.sources?.[key]?.status, page.sources?.[key]?.coverage])].join('|')
-  : page ? 'legacy' : null;
 if (!window.clowderCompanion) {
   $('actions').hidden = false; $('status').hidden = false;
   status('请从 Clowder 的聊聊入口打开猫猫球');
@@ -55,6 +63,11 @@ if (!window.clowderCompanion) {
 } else {
   nativeTravel.start();
   const client = createCompanionClient(window.clowderCompanion);
+  const visibleText = new VisibleTextPresentation({
+    document,
+    report: observation => client.observePresentation(observation),
+    transcript, callTranscript, bubble, callBubble,
+  });
   const controls = bindPetControls(client, {
     error: (error, context) => status(context?.panel === 'settings' && error?.code === 'invalid_request' ? '这个 Host 版本还不支持猫旁设置。原来的设置入口会继续保留。' : explainError(error)),
     moved: (dx, dy) => {
@@ -67,10 +80,15 @@ if (!window.clowderCompanion) {
       setTimeout(() => motion.setDockedEdge(detectDockedEdge(window, $('pet').getBoundingClientRect())), 100);
     },
     changed: panel => {
+      visibleText.retry();
+      if (panel === 'chat') foldedChatUnread.open();
+      else if (previousControlPanel === 'chat' && conversation?.active) foldedChatUnread.fold();
+      previousControlPanel = panel;
       if (panel === 'chat') void readHistory();
       if (panel === 'transcript') void readCallTranscript();
-      if (panel === 'decisions') void readDecisions();
+      if (panel === 'decisions') void decisionPanel?.read();
       if (panel === 'settings') void settingsView?.open();
+      if (panel === 'menu') void workView?.load();
     },
     action(kind) {
       if (kind === 'begin') { transcript.reset(); callTranscript.reset(); bubble.reset(); callBubble.clear(); void conversation.begin(); void controls.show('none'); }
@@ -81,6 +99,10 @@ if (!window.clowderCompanion) {
       if (kind === 'share') toggleScreen();
       if (kind === 'documents') void conversation.documents(conversation.identity?.documentsAllowed === false);
       if (kind === 'hide') void client.hide().catch(error => status(explainError(error)));
+      if (kind === 'size-toggle') {
+        if (!settingsValues) { status('大小设置仍在读取'); return; }
+        void settingsView.controller.requestUpdate('ballSize', compactSizeAction(settingsValues.ballSize).value);
+      }
       if (kind === 'transcript-return') void controls.show('actions');
       if (kind === 'transcript-expand') {
         const expanded = $('transcript').dataset.expanded !== 'true';
@@ -103,7 +125,7 @@ if (!window.clowderCompanion) {
   }, value => {
     const wasActive = sharing || pendingScreen;
     sharing = value.sharing; pendingScreen = value.pending === true;
-    for (const id of ['share', 'menu-share', 'chat-share', 'settings-share']) label(id, sharing ? '停止共享' : pendingScreen ? '取消选屏' : '共享画面');
+    for (const id of ['share', 'menu-share', 'menu-call-share', 'chat-share', 'settings-share']) label(id, sharing ? '停止共享' : pendingScreen ? '取消选屏' : '共享画面');
     for (const prefix of ['call', 'menu', 'chat', 'transcript', 'settings']) {
       $(`${prefix}-share-context`).hidden = !sharing;
       $(`${prefix}-share-target`).textContent = sharing ? `共享中：${value.label}` : '';
@@ -132,10 +154,8 @@ if (!window.clowderCompanion) {
         callTranscript.appendTyped(event);
         void readHistory(); void readCallTranscript();
       } else {
-        transcript.append(event.role, event.text, true);
-        callTranscript.appendLive(event);
         const speaker = event.role === 'assistant' ? conversation.identity?.displayName ?? '猫猫' : '语音';
-        bubble.append(event.role, event.text, speaker); callBubble.append(event.role, event.text, speaker);
+        visibleText.appendLive(event, speaker);
         void controls.setAmbient('actions');
       }
     },
@@ -144,6 +164,7 @@ if (!window.clowderCompanion) {
       const justConnected = previousPhase !== 'talking' && value.phase === 'talking';
       if (previousPhase !== 'idle' && value.phase === 'idle') {
         transcript.reset(); callTranscript.reset(); bubble.reset(); callBubble.clear(); void readHistory();
+        foldedChatUnread.reset();
         if (controls.panel === 'transcript') void controls.show('menu');
       }
       previousPhase = value.phase;
@@ -151,7 +172,7 @@ if (!window.clowderCompanion) {
       const receiveOnly = value.audioMode === 'receive_only';
       const canReceiveOnly = value.identity?.audio?.supportedModes?.includes('receive_only') === true;
       const retryReceiveOnly = value.failed && value.retryMode === 'receive_only' && canReceiveOnly;
-      callTranscript.setCall(value.callId);
+      visibleText.setCall(value.callId);
       void controls.setAmbient(ambientPanel(active));
       $('begin').hidden = active; $('begin').disabled = !value.identity;
       $('listen').hidden = active || !canReceiveOnly; $('listen').disabled = !value.identity;
@@ -161,10 +182,12 @@ if (!window.clowderCompanion) {
       $('listen').className = retryReceiveOnly ? 'primary' : '';
       $('mic').hidden = value.phase !== 'talking' || receiveOnly; $('speaker').hidden = !active;
       $('chat-mic').hidden = value.phase !== 'talking' || receiveOnly;
+      $('menu-mic').hidden = value.phase !== 'talking' || receiveOnly;
       $('transcript-mic').hidden = value.phase !== 'talking' || receiveOnly;
       $('settings-mic').hidden = value.phase !== 'talking' || receiveOnly;
       $('active-actions').hidden = !active;
       $('share').disabled = value.phase !== 'talking';
+      $('menu-call-share').disabled = value.phase !== 'talking';
       $('compose').querySelector('button').disabled = !value.identity || value.phase === 'connecting';
       status(value.message ?? '');
       $('status').hidden = !value.message || /^(点击|正在听|只听模式|只听已结束|语音通话已结束|已发送)/.test(value.message);
@@ -175,20 +198,31 @@ if (!window.clowderCompanion) {
         : value.phase === 'connecting' ? '正在请求麦克风'
           : value.recovering ? `正在等待原连接恢复 · ${value.muted ? '麦克风已静音' : '麦克风已开启'}`
             : value.muted ? '麦克风已静音' : active ? '麦克风已开启' : '';
-      for (const id of ['actions', 'chat-call-context', 'transcript-call-context', 'menu-call-context', 'settings-call-context']) $(id).dataset.connectionState = value.recovering ? 'recovering' : active ? 'connected' : 'idle';
+      const connectionState = value.recovering ? 'recovering' : value.phase === 'talking' ? 'connected' : value.phase === 'connecting' ? 'connecting' : 'idle';
+      for (const id of ['actions', 'chat-call-context', 'transcript-call-context', 'menu-call-context', 'settings-call-context']) $(id).dataset.connectionState = connectionState;
       setTexts(['call-state', 'chat-call-state', 'transcript-call-state', 'menu-call-state', 'settings-call-state'], callState);
       setTexts(['call-mic-state', 'chat-call-mic-state', 'transcript-call-mic-state', 'menu-call-mic-state', 'settings-call-mic-state'], microphoneState);
       setHidden(['chat-call-context', 'transcript-call-context', 'menu-call-context', 'settings-call-context'], !active);
       label('mic', value.muted ? '取消静音' : '静音'); $('mic').setAttribute('aria-pressed', String(value.muted));
+      $('mic').setAttribute('aria-label', value.muted ? '取消静音' : '静音');
       $('mic-icon').setAttribute('href', value.muted ? '#i-mic-off' : '#i-mic');
       $('chat-mic').textContent = value.muted ? '取消静音' : '静音';
+      $('menu-mic').setAttribute('aria-label', value.muted ? '取消静音' : '静音');
+      $('menu-mic').title = value.muted ? '取消静音' : '静音';
+      $('menu-mic').setAttribute('aria-pressed', String(value.muted));
+      $('menu-mic-icon').setAttribute('href', value.muted ? '#i-mic-off' : '#i-mic');
       $('settings-mic').textContent = value.muted ? '取消静音' : '静音';
       $('transcript-mic').setAttribute('aria-label', value.muted ? '取消静音' : '静音');
       $('transcript-mic').setAttribute('aria-pressed', String(value.muted));
       $('transcript-mic-icon').setAttribute('href', value.muted ? '#i-mic-off' : '#i-mic');
-      label('speaker', value.silent ? '开启播音' : '关闭播音');
+      label('speaker', '播音');
+      $('speaker').setAttribute('aria-pressed', String(!value.silent));
+      $('speaker').title = value.silent ? '开启播音' : '关闭播音';
+      $('name-card-actions').hidden = active;
+      $('menu-hide-label').textContent = active ? '结束通话并隐藏' : '隐藏';
       const identity = value.identity;
       const companionIdentity = currentCompanionIdentity(identity);
+      renderMeetingStatus(document, meetingStatus.update(active ? identity?.meeting : null));
       const nativeSnapshot = normalizeNativeWork(identity?.nativeWork);
       const workLabel = nativeWorkLabel(nativeSnapshot, identity?.nativeActivity);
       const workState = workLabel ? `${identity.displayName}${workLabel}` : '';
@@ -231,14 +265,30 @@ if (!window.clowderCompanion) {
     settleExpectedHostStop: callStopped => conversation.settleExpectedHostStop(callStopped),
     layoutChanged: () => { if (controls.panel === 'settings') controls.remeasure?.(); },
     onValues(values) {
+      const sizeChanged = settingsValues !== undefined && settingsValues.ballSize !== values.ballSize;
       settingsValues = values;
       document.documentElement?.style?.setProperty?.('--pet-scale', String(values.ballSize / 72));
       $('anchor').dataset.ballSize = String(values.ballSize);
+      $('anchor').dataset.compact = String(values.ballSize <= COMPACT_BALL_SIZE);
+      label('menu-size-toggle', compactSizeAction(values.ballSize).label);
       motion.setBehaviorEnabled(values.behaviorEnabled);
       $('documents').hidden = true;
-      if (latestDecisionPage) showDecisionBadge(latestDecisionPage);
+      decisionPanel?.refreshBadge();
+      if (sizeChanged) void controls.show(controls.panel);
     },
   });
+  workView = new WorkOverviewView({
+    document,
+    client,
+    changed: () => { if (controls.panel === 'menu') controls.remeasure?.(); },
+  });
+  decisionPanel = new DecisionPanel({
+    document,
+    client,
+    controls,
+    motion,
+    proactivePolicy: () => settingsValues?.proactivePolicy,
+  });
   async function readHistory() {
     if (loading) return;
     loading = true;
@@ -261,101 +311,14 @@ if (!window.clowderCompanion) {
     try {
       const reply = await client.readTranscript();
       if (!conversation.active || conversation.callId !== callId) return;
-      callTranscript.load(reply);
-      callBubble.loadTranscript(reply.rows, conversation.identity?.displayName);
+      if (!visibleText.loadTranscript(callId, reply, conversation.identity?.displayName)) return;
+      foldedChatUnread.receiveMany(reply.rows);
       $('call-transcript-status').textContent = reply.hasMore ? '这里只显示这次通话最近的内容' : '';
     } catch {
       if (conversation.active && conversation.callId === callId) $('call-transcript-status').textContent = '字幕暂未更新 · 实时内容仍会继续显示';
     } finally { transcriptLoading = false; }
   }
-  function showDecisionBadge(page) {
-    latestDecisionPage = page;
-    const badge = decisionBadge(page);
-    $('pending-badge').hidden = !badge.visible || settingsValues?.proactivePolicy !== 'quiet-badge';
-    $('pending-count').textContent = badge.label;
-    $('pending-badge').title = badge.title;
-    $('pending-badge').setAttribute('aria-label', badge.title);
-    $('menu-pending').textContent = badge.label;
-    $('menu-pending').dataset.state = badge.state;
-  }
-  async function readDecisions(more = false) {
-    if (decisionLoading) return;
-    decisionLoading = true;
-    if (!more && controls.panel === 'decisions') $('decision-status').textContent = '正在读取待办…';
-    try {
-      const previousReadBasis = decisionReadBasis(latestDecisionPage);
-      const page = await client.readDecisions(more ? decisionOffset : 0, 10);
-      const presentation = decisionPresentation(page);
-      const changedRead = more && presentation.renderRows && previousReadBasis !== null
-        && decisionReadBasis(page) !== previousReadBasis;
-      showDecisionBadge(page);
-      motion.setPendingDecision(presentation.pending);
-      if (controls.panel !== 'decisions') return;
-      const list = $('decision-list');
-      if (!more || changedRead) { list.replaceChildren(); list.scrollTop = 0; }
-      const retainedRows = more && !presentation.renderRows && list.children.length > 0;
-      const knownVariantRefs = new Set(Array.from(list.children)
-        .map(item => item.dataset.variantRef).filter(Boolean));
-      for (const row of presentation.renderRows && !changedRead ? decisionRows(page) : []) {
-        if (row.variantRef && knownVariantRefs.has(row.variantRef)) continue;
-        const item = document.createElement('li');
-        if (row.variantRef) { item.dataset.variantRef = row.variantRef; knownVariantRefs.add(row.variantRef); }
-        const title = document.createElement('strong');
-        const meta = document.createElement('span');
-        title.textContent = row.title; meta.textContent = row.meta;
-        item.append(title, meta); list.append(item);
-        if (row.navigation) {
-          const button = document.createElement('button');
-          button.type = 'button'; button.textContent = row.navigation.label;
-          button.onclick = async () => {
-            try {
-              const result = await client.openDecision(row.navigation.variantRef, row.navigation.target);
-              $('decision-status').textContent = result.delivery === 'requested'
-                ? '已请求打开对应事项' : '打开对应事项尚未确认 · 请从 Cat Café 查看';
-            } catch { $('decision-status').textContent = '暂时无法打开对应事项 · 请稍后重试'; }
-          };
-          item.append(button);
-        } else if (row.previewable) {
-          const button = document.createElement('button');
-          button.type = 'button'; button.textContent = '查看确认演练';
-          button.onclick = async () => {
-            try {
-              const result = await client.inspectF221(row.proposalId);
-              $('decision-status').textContent = result.status === 'trial_confirmed'
-                ? '确认演练已完成；没有写回提案'
-                : result.status === 'stale' ? '提案已变化，请重新查看原处卡片'
-                  : result.status === 'dismissed' ? '已取消演练；提案没有变化'
-                    : '确认演练暂不可用；请在原处处理';
-            } catch { $('decision-status').textContent = '确认演练暂不可用；请在原处处理'; }
-          };
-          item.append(button);
-        }
-      }
-      decisionOffset = changedRead ? 0 : page.page.offset + page.page.limit;
-      $('decision-reload').textContent = changedRead ? '刷新' : presentation.reloadLabel;
-      $('decision-status').textContent = changedRead && page.totalCount !== 0
-        ? '待办已变化 · 请刷新查看最新列表'
-        : retainedRows
-        ? `${presentation.badge.state === 'authentication' ? '待办需要登录' : '待办暂不可读'} · 以下为上次读到的内容`
-        : presentation.message;
-      $('decision-more').hidden = changedRead || !presentation.hasMore;
-    } catch {
-      showDecisionBadge(undefined);
-      motion.setPendingDecision(null);
-      if (controls.panel === 'decisions') {
-        const retained = $('decision-list').children.length > 0;
-        $('decision-status').textContent = retained
-          ? '待办暂不可读 · 以下为上次读到的内容'
-          : '待办暂不可读 · 请稍后刷新';
-        $('decision-reload').textContent = '重试';
-        $('decision-more').hidden = true;
-      }
-    } finally { decisionLoading = false; }
-  }
   $('share-badge').onclick = toggleScreen;
-  $('pending-badge').onclick = () => void controls.show('decisions');
-  $('decision-reload').onclick = () => void readDecisions();
-  $('decision-more').onclick = () => void readDecisions(true);
   $('history').onclick = () => void client.openConversation().then(result => {
     if (result.delivery === 'unconfirmed') status('打开聊天尚未确认 · 请从 Clowder 查看');
   }).catch(error => status(explainError(error)));
@@ -377,10 +340,11 @@ if (!window.clowderCompanion) {
   const statusMonitor = setInterval(() => void conversation.refresh(), 1000);
   const historyMonitor = setInterval(() => void readHistory(), 3000);
   const transcriptMonitor = setInterval(() => void readCallTranscript(), 1000);
-  const decisionMonitor = setInterval(() => { if (controls.panel !== 'decisions') void readDecisions(); }, 15000);
-  void conversation.refresh(); void readHistory(); void readDecisions(); void settingsView.controller.load(); void controls.show('none');
+  const decisionMonitor = setInterval(() => { if (controls.panel !== 'decisions') void decisionPanel.read(); }, 15000);
+  const workMonitor = setInterval(() => { if (controls.panel === 'menu') void workView.load(); }, 15000);
+  void conversation.refresh(); void readHistory(); void decisionPanel.read(); void settingsView.controller.load(); void controls.show('none');
   window.addEventListener('beforeunload', () => {
-    clearInterval(statusMonitor); clearInterval(historyMonitor); clearInterval(transcriptMonitor); clearInterval(decisionMonitor);
-    unsubscribe(); nativeTravel.close(); motion.close(); void conversation.end();
+    clearInterval(statusMonitor); clearInterval(historyMonitor); clearInterval(transcriptMonitor); clearInterval(decisionMonitor); clearInterval(workMonitor);
+    unsubscribe(); visibleText.close(); nativeTravel.close(); motion.close(); void conversation.end();
   });
 }

package/renderer/transcript-view.mjs

@@ -20,6 +20,7 @@ export class TranscriptView {
     }
     row.textContent = (row.textContent + text).slice(-16000);
     if (pinned) this.container.scrollTop = this.container.scrollHeight;
+    return row;
   }
   finish({ role, transcript, turnId }) {
     if (!['user', 'assistant'].includes(role) || (turnId && this.completed.has(turnId))) return;