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

package/README.md

@@ -26,12 +26,21 @@ borrowing today's selected companion.
 
 ## Host integration
 
-This surface requires the additive desktop bridge **1.3.0**. The Host computes
+This surface requires the additive desktop bridge **1.4.0**. The Host computes
 placement within the display work area, keeps the cat as its stable anchor, and
-owns bounded drag gestures and transparent-area hit testing. Older 1.0-only
-Hosts reject this manifest before installation. Media admission and capture
+owns bounded drag gestures and transparent-area hit testing. Hosts below 1.4
+reject this manifest before installation. Media admission and capture
 remain in the trusted Host; this package receives neither streams nor provider
 SDP. Hiding releases media; the existing Clowder **聊聊** entry restores the cat.
+Bridge 1.4 adds one untrusted first-visible-subtitle observation containing only
+an epoch-millisecond time, the current call fence and a Host-correlatable source
+reference. It does not claim compositor paint, an unoccluded window or reading.
+Message and native-item references use the same bounded, single-line opaque ID
+contract as the transcript surfaces that supply them. A Host
+`invalid_request` rejects and remembers that candidate for the current call so
+another current reference may be observed without retrying the rejected one.
+Other failures retry after 1 and 2 seconds, then leave the call's
+first-visible result unknown; later text never backfills a manufactured success.
 
 Xianxian uses one layered sitting body or one VP9 clip at a time. Expiring Host
 facts with task, result and event identities select tool work, workspace fetch,

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "pluginId": "official.companion",
-  "version": "0.1.0-alpha.20",
+  "version": "0.1.0-alpha.24",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -37,10 +37,10 @@
       "type": "desktop-window",
       "id": "companion",
       "role": "companion",
-      "bridgeVersion": "1.3.0",
+      "bridgeVersion": "1.4.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-jaXXDHzwGVDNnFoOhrj5nvqAXMlf02Jw8CeC7Xay538="
+        "integrity": "sha256-EFERDKvXnOw6Mbk1Kq7ZyX7w4FdswfX5W/B0w/KTLE8="
       },
       "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.24",
   "description": "The desktop voice body for your Clowder companion",
   "license": "MIT",
   "type": "module",
@@ -21,14 +21,14 @@
   "scripts": {
     "build": "node scripts/build.mjs",
     "test": "node --test test/*.test.mjs",
-    "test:browser": "pnpm build && node --test test/panel-layout.browser.mjs",
+    "test:browser": "pnpm build && node --test test/*.browser.mjs",
     "typecheck": "node scripts/check.mjs",
     "lint": "node scripts/check.mjs",
     "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.27",
+    "@clowder-ai/plugin-sdk": "0.1.0-beta.23",
     "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.24",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -37,10 +37,10 @@
       "type": "desktop-window",
       "id": "companion",
       "role": "companion",
-      "bridgeVersion": "1.3.0",
+      "bridgeVersion": "1.4.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-jaXXDHzwGVDNnFoOhrj5nvqAXMlf02Jw8CeC7Xay538="
+        "integrity": "sha256-EFERDKvXnOw6Mbk1Kq7ZyX7w4FdswfX5W/B0w/KTLE8="
       },
       "presentation": {
         "width": 300,

package/renderer/call-transcript-view.mjs

@@ -191,9 +191,11 @@ export class CallTranscriptView {
       this.container.scrollTop = this.container.scrollHeight;
       this.setUnread(0);
     } else if (isNew) this.setUnread(this.unread + 1);
-    return true;
+    return row;
   }
 
+  rowForMessage(messageId) { return this.durableRows.get(messageId); }
+
   appendTyped({ receipt, text }) {
     if (!this.callId || receipt?.delivery !== 'accepted' || receipt.callId !== this.callId) return false;
     const pinned = this.nearBottom();

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,15 @@ 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'),
+        observePresentation: (observation) => invoke({
+            kind: 'presentation.observe',
+            event: observation.event,
+            observedAt: observation.observedAt,
+            callId: observation.callId,
+            reference: observation.reference,
+        }, 'ok'),
+        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

@@ -49,6 +49,7 @@
     </section>
     <section id="actions" class="floating call-bar" aria-label="当前通话" hidden>
       <div class="call-status-line"><span class="status-dot" aria-hidden="true"></span><strong id="call-state">通话中</strong><span id="call-mic-state">麦克风已开启</span></div>
+      <p id="call-meeting" class="call-meeting" hidden><span class="meeting-status-dot" aria-hidden="true"></span><span id="call-meeting-label" class="meeting-label"></span><span id="call-meeting-source" class="meeting-source" hidden></span></p>
       <p id="call-work" class="call-work" hidden></p>
       <div id="call-share-context" class="call-share-context" hidden><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span><strong id="call-share-target"></strong><small>仅共享此窗口</small></span></div>
       <div class="call-recent" aria-label="最新消息">
@@ -58,7 +59,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>
@@ -66,33 +68,54 @@
     <section id="menu" class="floating name-card" aria-label="猫猫名片" hidden>
       <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-meeting" class="call-meeting" hidden><span class="meeting-status-dot" aria-hidden="true"></span><span id="menu-call-meeting-label" class="meeting-label"></span><span id="menu-call-meeting-source" class="meeting-source" hidden></span></small>
         <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>
         <span class="status-dot" aria-hidden="true"></span><strong id="chat-call-state"></strong><span id="chat-call-mic-state"></span>
+        <small id="chat-call-meeting" class="call-meeting" hidden><span class="meeting-status-dot" aria-hidden="true"></span><span id="chat-call-meeting-label" class="meeting-label"></span><span id="chat-call-meeting-source" class="meeting-source" hidden></span></small>
         <small id="chat-call-work" hidden></small>
-        <div class="call-context-actions"><button id="chat-mic" data-action="mute">静音</button><button id="chat-share" data-action="share"><span class="label">共享画面</span></button><button data-action="stop" class="destructive compact">挂断</button></div>
+        <div class="call-context-actions call-context-inline-actions"><button id="chat-mic" data-action="mute">静音</button><button id="chat-share" data-action="share"><span class="label">共享画面</span></button><button data-action="stop" class="destructive compact">挂断</button></div>
         <div id="chat-share-context" class="call-share-line" hidden><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span><strong id="chat-share-target"></strong><small>仅共享此窗口</small></span></div>
       </div>
       <header><strong id="chat-name">和猫猫写几句</strong><button data-action="dismiss" aria-label="收起文字">收起</button></header>
@@ -104,6 +127,7 @@
     <section id="transcript" class="floating call-transcript" data-expanded="false" aria-label="这次通话的字幕" hidden>
       <div id="transcript-call-context" class="call-context transcript-call-context">
         <span class="status-dot" aria-hidden="true"></span><strong id="transcript-call-state"></strong><span id="transcript-call-mic-state"></span>
+        <small id="transcript-call-meeting" class="call-meeting" hidden><span class="meeting-status-dot" aria-hidden="true"></span><span id="transcript-call-meeting-label" class="meeting-label"></span><span id="transcript-call-meeting-source" class="meeting-source" hidden></span></small>
         <small id="transcript-call-work" hidden></small>
         <div class="call-context-actions">
           <button id="transcript-return" class="transcript-return" type="button" data-action="transcript-return"><span aria-hidden="true">‹</span><span>返回通话</span></button>
@@ -122,8 +146,9 @@
     <section id="settings" class="floating settings-panel" aria-label="猫猫球设置" hidden>
       <div id="settings-call-context" class="call-context" hidden>
         <span class="status-dot" aria-hidden="true"></span><strong id="settings-call-state"></strong><span id="settings-call-mic-state"></span>
+        <small id="settings-call-meeting" class="call-meeting" hidden><span class="meeting-status-dot" aria-hidden="true"></span><span id="settings-call-meeting-label" class="meeting-label"></span><span id="settings-call-meeting-source" class="meeting-source" hidden></span></small>
         <small id="settings-call-work" hidden></small>
-        <div class="call-context-actions"><button id="settings-mic" data-action="mute">静音</button><button id="settings-share" data-action="share"><span class="label">共享画面</span></button><button data-action="stop" class="destructive compact">挂断</button></div>
+        <div class="call-context-actions call-context-inline-actions"><button id="settings-mic" data-action="mute">静音</button><button id="settings-share" data-action="share"><span class="label">共享画面</span></button><button data-action="stop" class="destructive compact">挂断</button></div>
         <div id="settings-share-context" class="call-share-line" hidden><svg class="icon" aria-hidden="true"><use href="#i-screen"/></svg><span><strong id="settings-share-target"></strong><small>仅共享此窗口</small></span></div>
       </div>
       <header class="settings-head"><button id="settings-back" type="button" aria-label="返回名片">‹</button><strong id="settings-title">设置</strong></header>
@@ -149,7 +174,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/meeting-state.mjs

@@ -0,0 +1,55 @@
+export function meetingPresentation(meeting) {
+  if (!meeting || meeting.kind === 'idle') return null;
+  if (meeting.kind === 'running') {
+    if (meeting.paused) return { label: '会议记录已暂停', sourceLabel: meeting.sourceLabel, tone: 'quiet' };
+    return meeting.sharing
+      ? { label: '听会中', sourceLabel: meeting.sourceLabel, tone: 'active' }
+      : { label: '会议记录中 · 未接入通话', sourceLabel: meeting.sourceLabel, tone: 'active' };
+  }
+  if (meeting.kind === 'stopped') return { label: '会议记录已停止', sourceLabel: null, tone: 'quiet' };
+  if (meeting.kind === 'unconfirmed') return { label: '会议记录状态未确认', sourceLabel: null, tone: 'warning' };
+  if (meeting.kind === 'needs_source') return { label: '需要确认会议所在的 App', sourceLabel: null, tone: 'warning' };
+  return null;
+}
+
+const meetingPrefixes = ['call', 'menu-call', 'chat-call', 'transcript-call', 'settings-call'];
+export function renderMeetingStatus(document, presentation) {
+  for (const prefix of meetingPrefixes) {
+    const row = document.getElementById(`${prefix}-meeting`);
+    const source = document.getElementById(`${prefix}-meeting-source`);
+    row.hidden = presentation === null;
+    row.dataset.tone = presentation?.tone ?? '';
+    document.getElementById(`${prefix}-meeting-label`).textContent = presentation?.label ?? '';
+    source.textContent = presentation?.sourceLabel ? ` · ${presentation.sourceLabel}` : '';
+    source.hidden = !presentation?.sourceLabel;
+  }
+}
+
+/** Keeps the stopped acknowledgement transient without hiding uncertain or active capture truth. */
+export class MeetingStatus {
+  constructor({ now = () => Date.now() } = {}) {
+    this.now = now;
+    this.previousKind = null;
+    this.stoppedUntil = 0;
+  }
+
+  update(meeting) {
+    const kind = meeting?.kind ?? 'idle';
+    if (kind === 'idle') {
+      this.previousKind = 'idle';
+      this.stoppedUntil = 0;
+      return null;
+    }
+    if (kind === 'stopped') {
+      if (this.previousKind !== 'stopped') {
+        this.stoppedUntil = this.previousKind !== null && this.previousKind !== 'idle'
+          ? this.now() + 10_000 : 0;
+      }
+      this.previousKind = 'stopped';
+      return this.now() < this.stoppedUntil ? meetingPresentation(meeting) : null;
+    }
+    this.previousKind = kind;
+    this.stoppedUntil = 0;
+    return meetingPresentation(meeting);
+  }
+}

package/renderer/recent-bubble.mjs

@@ -1,9 +1,16 @@
 /** A compact projection of Host history plus the current unsaved voice caption. */
+function referenceKey(reference) {
+  if (reference?.kind === 'message') return `message:${reference.messageId}`;
+  if (reference?.kind === 'native-item') return `native-item:${reference.nativeItemId}`;
+  return null;
+}
+
 export class RecentBubble {
   constructor(rows) {
     this.rows = rows;
     this.history = [];
     this.live = new Map();
+    this.rowReferences = new WeakMap();
   }
   load(messages) {
     this.history = messages.slice(-2);
@@ -14,13 +21,16 @@ export class RecentBubble {
       role: row.role,
       text: row.text,
       name: row.source?.kind === 'typed' ? '你' : row.role === 'assistant' ? companionName : '语音',
+      reference: { kind: 'message', messageId: row.messageId },
     })));
   }
-  append(role, text, name = role === 'user' ? '你' : '猫猫') {
+  append(role, text, name = role === 'user' ? '你' : '猫猫', reference) {
     if (!['user', 'assistant'].includes(role) || typeof text !== 'string') return;
     const previous = this.live.get(role);
-    this.live.set(role, { name, text: `${previous?.text ?? ''}${text}`.slice(-240) });
+    this.live.set(role, { name, text: `${previous?.text ?? ''}${text}`.slice(-240),
+      reference: reference ?? previous?.reference });
     this.render();
+    return reference ? this.rowsForReference(reference)[0] : this.rows.find(row => row.dataset?.role === role);
   }
   finish(role) {
     this.live.delete(role);
@@ -38,6 +48,10 @@ export class RecentBubble {
   hasContent() {
     return this.history.length > 0 || this.live.size > 0;
   }
+  rowsForReference(reference) {
+    const key = referenceKey(reference);
+    return key ? this.rows.filter(row => this.rowReferences.get(row) === key) : [];
+  }
   render() {
     const live = [...this.live].map(([role, value]) => ({ role, ...value }));
     const entries = [...this.history.slice(-Math.max(0, 2 - live.length)), ...live].slice(-2);
@@ -69,6 +83,9 @@ export class RecentBubble {
       }
       row.dataset ??= {};
       row.dataset.role = entry?.role ?? '';
+      const key = referenceKey(entry?.reference);
+      if (key) this.rowReferences.set(row, key);
+      else this.rowReferences.delete(row);
     }
   }
 }