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

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "pluginId": "official.companion",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.21",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -40,7 +40,7 @@
       "bridgeVersion": "1.3.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-jaXXDHzwGVDNnFoOhrj5nvqAXMlf02Jw8CeC7Xay538="
+        "integrity": "sha256-rfOwPKO1TWQFzz7oUnWghd+p9HnVRS6e0SmUX679ezY="
       },
       "presentation": {
         "width": 300,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clowder-ai/companion",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.21",
   "description": "The desktop voice body for your Clowder companion",
   "license": "MIT",
   "type": "module",
@@ -27,8 +27,8 @@
     "prepack": "pnpm build"
   },
   "devDependencies": {
-    "@clowder-ai/plugin-contract": "0.1.0-beta.24",
-    "@clowder-ai/plugin-sdk": "0.1.0-beta.20",
+    "@clowder-ai/plugin-contract": "0.1.0-beta.25",
+    "@clowder-ai/plugin-sdk": "0.1.0-beta.21",
     "playwright": "1.61.1"
   },
   "repository": {

package/plugin.yaml

@@ -1,6 +1,6 @@
 {
   "pluginId": "official.companion",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.21",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -40,7 +40,7 @@
       "bridgeVersion": "1.3.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-jaXXDHzwGVDNnFoOhrj5nvqAXMlf02Jw8CeC7Xay538="
+        "integrity": "sha256-rfOwPKO1TWQFzz7oUnWghd+p9HnVRS6e0SmUX679ezY="
       },
       "presentation": {
         "width": 300,

package/renderer/chat-unread.mjs

@@ -0,0 +1,44 @@
+/** Counts new assistant call-message identities only after the owner folds an opened chat. */
+export class FoldedChatUnread {
+  constructor(changed = () => {}) {
+    this.changed = changed;
+    this.seen = new Set();
+    this.count = 0;
+    this.armed = false;
+    this.folded = false;
+  }
+
+  publish(count) {
+    if (this.count === count) return;
+    this.count = count;
+    this.changed(count);
+  }
+
+  open() {
+    this.armed = true;
+    this.folded = false;
+    this.publish(0);
+  }
+
+  fold() {
+    if (this.armed) this.folded = true;
+  }
+
+  receive(message) {
+    const { messageId, role } = message ?? {};
+    if (!messageId || this.seen.has(messageId)) return;
+    this.seen.add(messageId);
+    if (role === 'assistant' && this.armed && this.folded) this.publish(this.count + 1);
+  }
+
+  receiveMany(messages) {
+    for (const message of messages) this.receive(message);
+  }
+
+  reset() {
+    this.seen.clear();
+    this.armed = false;
+    this.folded = false;
+    this.publish(0);
+  }
+}

package/renderer/client.mjs

@@ -36,6 +36,8 @@ export function createCompanionClient(bridge) {
         screenFrame: (selectionId, frame) => invoke({ kind: 'screen.frame', selectionId, frame }, 'ok'),
         screenClose: () => invoke({ kind: 'screen.close' }, 'ok'),
         openConversation: () => invoke({ kind: 'conversation.open' }, 'navigation'),
+        readWork: () => invoke({ kind: 'work.read' }, 'work'),
+        openWork: (entryRef) => invoke({ kind: 'work.open', entryRef }, 'navigation'),
         readDecisions: (offset = 0, limit = 20) => invoke({ kind: 'decisions.read', offset, limit }, 'decisions'),
         openDecision: (variantRef, target) => invoke({ kind: 'decision.open', variantRef, target }, 'navigation'),
         inspectF221: (proposalId) => invoke({ kind: 'f221.inspect', proposalId }, 'decision-trial'),

package/renderer/compact-size.mjs

@@ -0,0 +1,8 @@
+export const COMPACT_BALL_SIZE = 43;
+export const DEFAULT_BALL_SIZE = 72;
+
+export function compactSizeAction(ballSize) {
+  return Number(ballSize) <= COMPACT_BALL_SIZE
+    ? { label: '放大', value: DEFAULT_BALL_SIZE }
+    : { label: '缩小', value: COMPACT_BALL_SIZE };
+}

package/renderer/decision-panel.mjs

@@ -0,0 +1,122 @@
+import { decisionBadge, decisionPresentation, decisionRows } from './decision-view.mjs';
+
+const readBasis = 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;
+
+export const decisionNavigationText = delivery => delivery === 'applied' ? '已打开对应事项'
+  : delivery === 'queued' || delivery === 'requested' ? '已请求打开对应事项'
+    : delivery === 'blocked' ? '暂时无法打开对应事项 · 请稍后重试'
+      : '打开对应事项尚未确认 · 请从 Cat Café 查看';
+
+export class DecisionPanel {
+  constructor({ document, client, controls, motion, proactivePolicy = () => undefined }) {
+    this.document = document;
+    this.client = client;
+    this.controls = controls;
+    this.motion = motion;
+    this.proactivePolicy = proactivePolicy;
+    this.$ = id => document.getElementById(id);
+    this.loading = false;
+    this.offset = 0;
+    this.latestPage = undefined;
+    this.$('pending-badge').onclick = () => void controls.show('decisions');
+    this.$('decision-reload').onclick = () => void this.read();
+    this.$('decision-more').onclick = () => void this.read(true);
+  }
+
+  showBadge(page) {
+    this.latestPage = page;
+    const badge = decisionBadge(page);
+    this.$('pending-badge').hidden = !badge.visible || this.proactivePolicy() !== 'quiet-badge';
+    this.$('pending-count').textContent = badge.label;
+    this.$('pending-badge').title = badge.title;
+    this.$('pending-badge').setAttribute('aria-label', badge.title);
+    this.$('menu-pending').textContent = badge.label;
+    this.$('menu-pending').dataset.state = badge.state;
+  }
+
+  refreshBadge() {
+    if (this.latestPage) this.showBadge(this.latestPage);
+  }
+
+  appendRow(list, row, knownVariantRefs) {
+    if (row.variantRef && knownVariantRefs.has(row.variantRef)) return;
+    const item = this.document.createElement('li');
+    if (row.variantRef) { item.dataset.variantRef = row.variantRef; knownVariantRefs.add(row.variantRef); }
+    const title = this.document.createElement('strong');
+    const meta = this.document.createElement('span');
+    title.textContent = row.title; meta.textContent = row.meta;
+    item.append(title, meta); list.append(item);
+    if (row.navigation) this.appendNavigation(item, row.navigation);
+    else if (row.previewable) this.appendTrial(item, row.proposalId);
+  }
+
+  appendNavigation(item, navigation) {
+    const button = this.document.createElement('button');
+    button.type = 'button'; button.textContent = navigation.label;
+    button.onclick = async () => {
+      try {
+        const result = await this.client.openDecision(navigation.variantRef, navigation.target);
+        this.$('decision-status').textContent = decisionNavigationText(result.delivery);
+      } catch { this.$('decision-status').textContent = '暂时无法打开对应事项 · 请稍后重试'; }
+    };
+    item.append(button);
+  }
+
+  appendTrial(item, proposalId) {
+    const button = this.document.createElement('button');
+    button.type = 'button'; button.textContent = '查看确认演练';
+    button.onclick = async () => {
+      try {
+        const result = await this.client.inspectF221(proposalId);
+        this.$('decision-status').textContent = result.status === 'trial_confirmed'
+          ? '确认演练已完成；没有写回提案'
+          : result.status === 'stale' ? '提案已变化，请重新查看原处卡片'
+            : result.status === 'dismissed' ? '已取消演练；提案没有变化' : '确认演练暂不可用；请在原处处理';
+      } catch { this.$('decision-status').textContent = '确认演练暂不可用；请在原处处理'; }
+    };
+    item.append(button);
+  }
+
+  async read(more = false) {
+    if (this.loading) return;
+    this.loading = true;
+    if (!more && this.controls.panel === 'decisions') this.$('decision-status').textContent = '正在读取待办…';
+    try {
+      const previous = readBasis(this.latestPage);
+      const page = await this.client.readDecisions(more ? this.offset : 0, 10);
+      const presentation = decisionPresentation(page);
+      const changedRead = more && presentation.renderRows && previous !== null && readBasis(page) !== previous;
+      this.showBadge(page);
+      this.motion.setPendingDecision(presentation.pending);
+      if (this.controls.panel !== 'decisions') return;
+      const list = this.$('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) : []) {
+        this.appendRow(list, row, knownVariantRefs);
+      }
+      this.offset = changedRead ? 0 : page.page.offset + page.page.limit;
+      this.$('decision-reload').textContent = changedRead ? '刷新' : presentation.reloadLabel;
+      this.$('decision-status').textContent = changedRead && page.totalCount !== 0
+        ? '待办已变化 · 请刷新查看最新列表'
+        : retainedRows
+          ? `${presentation.badge.state === 'authentication' ? '待办需要登录' : '待办暂不可读'} · 以下为上次读到的内容`
+          : presentation.message;
+      this.$('decision-more').hidden = changedRead || !presentation.hasMore;
+    } catch {
+      this.showBadge(undefined);
+      this.motion.setPendingDecision(null);
+      if (this.controls.panel === 'decisions') {
+        const retained = this.$('decision-list').children.length > 0;
+        this.$('decision-status').textContent = retained
+          ? '待办暂不可读 · 以下为上次读到的内容' : '待办暂不可读 · 请稍后刷新';
+        this.$('decision-reload').textContent = '重试';
+        this.$('decision-more').hidden = true;
+      }
+    } finally { this.loading = false; }
+  }
+}

package/renderer/index.html

@@ -58,7 +58,8 @@
       <div id="active-actions" class="action-row call-actions">
         <button id="mic" data-action="mute"><svg class="icon" aria-hidden="true"><use id="mic-icon" href="#i-mic"/></svg><span class="label">静音</span></button>
         <button data-action="share" id="share"><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span class="label">共享画面</span></button>
-        <button data-action="transcript"><svg class="icon" aria-hidden="true"><use href="#i-subtitles"/></svg><span>字幕</span></button>
+        <button data-action="transcript" aria-label="字幕" title="字幕"><svg class="icon" aria-hidden="true"><use href="#i-subtitles"/></svg><span>字幕</span></button>
+        <button id="call-chat" data-action="write"><svg class="icon" aria-hidden="true"><use href="#i-keyboard"/></svg><span>聊天</span><span id="call-chat-unread" class="action-unread" hidden></span></button>
         <button id="end" class="destructive" data-action="stop"><span>挂断</span></button>
       </div>
       <p id="status" role="status" hidden></p>
@@ -67,26 +68,45 @@
       <div id="menu-call-context" class="call-context" hidden>
         <span class="status-dot" aria-hidden="true"></span><strong id="menu-call-state"></strong><span id="menu-call-mic-state"></span>
         <small id="menu-call-work" hidden></small>
-        <button data-action="stop" class="destructive compact">挂断</button>
+        <div id="menu-call-actions" class="call-context-actions menu-call-actions">
+          <button id="menu-mic" data-action="mute" aria-label="静音"><svg class="icon" aria-hidden="true"><use id="menu-mic-icon" href="#i-mic"/></svg></button>
+          <button id="menu-call-share" data-action="share"><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span class="label">共享画面</span></button>
+          <button id="menu-call-chat" data-action="write"><svg class="icon" aria-hidden="true"><use href="#i-keyboard"/></svg><span>聊天</span></button>
+          <button data-action="stop" class="destructive compact">挂断</button>
+        </div>
         <div id="menu-share-context" class="call-share-line" hidden><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span><strong id="menu-share-target"></strong><small>仅共享此窗口</small></span></div>
       </div>
-      <strong id="menu-name" class="menu-title">猫猫</strong>
-      <div class="name-card-actions">
-        <button id="begin" class="primary" data-action="begin"><svg class="icon" aria-hidden="true"><use href="#i-mic"/></svg><span class="label">语音通话</span></button>
-        <button id="listen" data-action="listen" hidden><svg class="icon" aria-hidden="true"><use href="#i-listen"/></svg><span class="label">只听</span></button>
-        <button data-action="write"><svg class="icon" aria-hidden="true"><use href="#i-keyboard"/></svg><span>聊天</span></button>
+      <div id="menu-scroll" class="menu-scroll">
+        <strong id="menu-name" class="menu-title">猫猫</strong>
+        <div id="name-card-actions" class="name-card-actions">
+          <button id="begin" class="primary" data-action="begin"><svg class="icon" aria-hidden="true"><use href="#i-mic"/></svg><span class="label">语音通话</span></button>
+          <button id="listen" data-action="listen" hidden><svg class="icon" aria-hidden="true"><use href="#i-listen"/></svg><span class="label">只听</span></button>
+          <button data-action="write"><svg class="icon" aria-hidden="true"><use href="#i-keyboard"/></svg><span>聊天</span></button>
+        </div>
+        <p id="menu-status" role="status" hidden></p>
+        <button data-action="decisions"><span aria-hidden="true">◇</span><span>待办</span><span id="menu-pending" class="menu-status">—</span></button>
+        <div id="work-overview" class="work-overview" hidden>
+          <section id="work-active-section" class="work-overview-section" hidden>
+            <header><span>进行中的工作</span><small id="work-scope"></small></header>
+            <div id="work-active-list" class="work-overview-list"></div>
+          </section>
+          <section id="work-delivery-section" class="work-overview-section" hidden>
+            <header><span>最近交付</span></header>
+            <div id="work-delivery-list" class="work-overview-list"></div>
+          </section>
+          <p id="work-notice" role="status"></p>
+        </div>
+        <button data-action="history"><svg class="icon" aria-hidden="true"><use href="#i-history"/></svg><span>打开聊天</span></button>
+        <button id="menu-play" data-action="play" hidden><span aria-hidden="true">✦</span><span>逗宪宪</span></button>
+        <button id="menu-share" data-action="share" title="语音通话连接后可共享画面" hidden><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span class="label">共享画面</span></button>
+        <button id="documents" data-action="documents" aria-pressed="true"><svg class="icon" aria-hidden="true"><use href="#i-book"/></svg><span>资料查询</span><span class="menu-status">开启</span></button>
       </div>
-      <p id="menu-status" role="status" hidden></p>
-      <button data-action="decisions"><span aria-hidden="true">◇</span><span>待办</span><span id="menu-pending" class="menu-status">—</span></button>
-      <button data-action="history"><svg class="icon" aria-hidden="true"><use href="#i-history"/></svg><span>打开聊天</span></button>
-      <button id="menu-play" data-action="play" hidden><span aria-hidden="true">✦</span><span>逗宪宪</span></button>
-      <div class="menu-divider" role="separator"></div>
-      <button id="speaker" data-action="speaker" hidden><svg class="icon" aria-hidden="true"><use href="#i-mic"/></svg><span class="label">关闭播音</span></button>
-      <button id="menu-settings" data-action="settings"><span aria-hidden="true">⚙</span><span>设置</span><span class="menu-status">›</span></button>
-      <button id="menu-share" data-action="share" title="语音通话连接后可共享画面"><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span class="label">共享画面</span></button>
-      <button id="documents" data-action="documents" aria-pressed="true"><svg class="icon" aria-hidden="true"><use href="#i-book"/></svg><span>资料查询</span><span class="menu-status">开启</span></button>
-      <div class="menu-divider" role="separator"></div>
-      <button data-action="hide" class="quiet-action" title="可从 Clowder 的聊聊入口叫回来"><svg class="icon" aria-hidden="true"><use href="#i-moon"/></svg><span>收起猫猫</span></button>
+      <footer class="menu-footer">
+        <button id="speaker" data-action="speaker" hidden><svg class="icon" aria-hidden="true"><use href="#i-mic"/></svg><span class="label">播音</span></button>
+        <button id="menu-settings" data-action="settings"><span aria-hidden="true">⚙</span><span>设置</span></button>
+        <button id="menu-size-toggle" data-action="size-toggle"><svg class="icon" aria-hidden="true"><use href="#i-expand"/></svg><span class="label">缩小</span></button>
+        <button id="menu-hide" data-action="hide" class="quiet-action" title="可从 Clowder 的聊聊入口叫回来"><svg class="icon" aria-hidden="true"><use href="#i-moon"/></svg><span id="menu-hide-label">隐藏</span></button>
+      </footer>
     </section>
     <section id="chat" class="floating" aria-label="和猫猫写几句" hidden>
       <div id="chat-call-context" class="call-context" hidden>
@@ -149,7 +169,7 @@
           <button id="settings-skin-ragdoll-v1" type="button" data-setting-control>布偶猫</button>
           <button id="settings-skin-yarn-ball" type="button" data-setting-control>猫猫球</button>
         </div>
-        <label id="settings-size-field" class="settings-field settings-size"><span>大小</span><div><small>小</small><input id="settings-size" type="range" min="48" max="192" step="1" data-setting-control><small>大</small></div></label>
+        <label id="settings-size-field" class="settings-field settings-size"><span>大小</span><div><small>小</small><input id="settings-size" type="range" min="43" max="192" step="1" data-setting-control><small>大</small></div></label>
       </div>
       <div id="settings-page-confirm" class="settings-page settings-confirm" hidden>
         <strong id="settings-confirm-title"></strong><p id="settings-confirm-copy"></p>

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; }
@@ -108,8 +110,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; }
@@ -129,6 +134,21 @@ button:disabled { opacity: .45; cursor: default; }
 .call-context-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
 .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); }

package/renderer/surface.mjs

@@ -11,10 +11,13 @@ 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';
 const $ = id => document.getElementById(id);
 const label = (id, text) => { $(id).querySelector('.label').textContent = text; };
 const status = text => {
@@ -32,6 +35,11 @@ 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 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 +47,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 的聊聊入口打开猫猫球');
@@ -67,10 +72,14 @@ if (!window.clowderCompanion) {
       setTimeout(() => motion.setDockedEdge(detectDockedEdge(window, $('pet').getBoundingClientRect())), 100);
     },
     changed: panel => {
+      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 +90,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 +116,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}` : '';
@@ -144,6 +157,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;
@@ -161,10 +175,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);
@@ -180,13 +196,22 @@ if (!window.clowderCompanion) {
       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);
       const nativeSnapshot = normalizeNativeWork(identity?.nativeWork);
@@ -231,14 +256,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;
@@ -262,100 +303,14 @@ if (!window.clowderCompanion) {
       const reply = await client.readTranscript();
       if (!conversation.active || conversation.callId !== callId) return;
       callTranscript.load(reply);
+      foldedChatUnread.receiveMany(reply.rows);
       callBubble.loadTranscript(reply.rows, conversation.identity?.displayName);
       $('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 +332,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);
+    clearInterval(statusMonitor); clearInterval(historyMonitor); clearInterval(transcriptMonitor); clearInterval(decisionMonitor); clearInterval(workMonitor);
     unsubscribe(); nativeTravel.close(); motion.close(); void conversation.end();
   });
 }

package/renderer/work-overview.mjs

@@ -0,0 +1,95 @@
+const activityLabel = activity => activity === 'waiting' ? '等待中' : '正在工作';
+
+function deliveryMeta(artifact) {
+  if (!artifact) return '已交付';
+  const version = artifact.version ? `作品 ${artifact.version}` : '作品 · 版本未确认';
+  if (artifact.versionState === 'current') return `${version} · 当前版本`;
+  if (artifact.versionState === 'superseded') return `${version} · 已有更新版本`;
+  return `${version} · 版本关系未确认`;
+}
+
+export function workOverviewPresentation(reply) {
+  const availableRows = reply?.status !== 'unavailable';
+  const active = availableRows ? (reply.active ?? []).map(entry => ({
+    entryRef: entry.entryRef,
+    title: entry.title,
+    meta: entry.actor ? `${entry.actor.displayName} · ${activityLabel(entry.activity)}` : activityLabel(entry.activity),
+  })) : [];
+  const deliveries = availableRows ? (reply.recentDeliveries ?? []).map(entry => ({
+    entryRef: entry.entryRef,
+    title: entry.title,
+    meta: deliveryMeta(entry.artifact),
+  })) : [];
+  return {
+    visible: active.length > 0 || deliveries.length > 0 || ['partial', 'unavailable'].includes(reply?.status),
+    scopeLabel: availableRows && reply?.scope?.label ? `仅当前项目 · ${reply.scope.label}` : '',
+    notice: reply?.status === 'partial' ? '仅部分读取' : reply?.status === 'unavailable' ? '暂不可用' : '',
+    active,
+    deliveries,
+  };
+}
+
+const navigationText = delivery => delivery === 'applied' ? '已打开原处'
+  : delivery === 'queued' || delivery === 'requested' ? '已请求打开原处'
+    : delivery === 'blocked' ? '原处暂时无法打开' : '打开原处的结果未确认';
+
+/** Renders only bounded Host-issued rows; every navigation target remains opaque. */
+export class WorkOverviewView {
+  constructor({ document, client, changed = () => {} }) {
+    this.document = document;
+    this.client = client;
+    this.changed = changed;
+    this.$ = id => document.getElementById(id);
+    this.loading = false;
+  }
+
+  renderRows(listId, rows) {
+    const list = this.$(listId);
+    list.replaceChildren();
+    for (const row of rows) {
+      const button = this.document.createElement('button');
+      button.type = 'button';
+      button.className = 'work-overview-row';
+      const title = this.document.createElement('strong');
+      const meta = this.document.createElement('span');
+      title.textContent = row.title;
+      meta.textContent = row.meta;
+      button.append(title, meta);
+      button.onclick = () => void this.open(row.entryRef);
+      list.append(button);
+    }
+  }
+
+  render(reply) {
+    const view = workOverviewPresentation(reply);
+    this.$('work-overview').hidden = !view.visible;
+    this.$('work-scope').textContent = view.scopeLabel;
+    this.$('work-notice').textContent = view.notice;
+    this.$('work-active-section').hidden = view.active.length === 0;
+    this.$('work-delivery-section').hidden = view.deliveries.length === 0;
+    this.renderRows('work-active-list', view.active);
+    this.renderRows('work-delivery-list', view.deliveries);
+    this.changed();
+  }
+
+  async open(entryRef) {
+    try {
+      const reply = await this.client.openWork(entryRef);
+      this.$('work-notice').textContent = navigationText(reply.delivery);
+    } catch {
+      this.$('work-notice').textContent = '原处暂时无法打开';
+    }
+  }
+
+  async load() {
+    if (this.loading) return;
+    this.loading = true;
+    try {
+      this.render(await this.client.readWork());
+    } catch {
+      this.render({ status: 'unavailable', active: [], recentDeliveries: [] });
+    } finally {
+      this.loading = false;
+    }
+  }
+}