@clowder-ai/companion 0.1.0-alpha.36 → 0.1.0-alpha.37

package/README.en.md

@@ -44,8 +44,10 @@ The Host owns installation, caller context, credentials and lifecycle; saving co
 
 ## Compatibility and durable input
 
-The desktop surface requires Host bridge 1.6.0; an older Host refuses installation. The Host controls placement, dragging, transparent hit areas, media admission and capture. The plugin receives no raw streams or provider credentials. Hiding releases media; the ordinary Chat entry restores the cat.
+The desktop surface requires Host bridge 1.7.0; an older Host refuses installation. The Host controls placement, dragging, transparent hit areas, media admission and capture. The plugin receives no raw streams or provider credentials. Hiding releases media; the ordinary Chat entry restores the cat.
 
 Drafts are Host-owned and durable. An unknown send result is read back, never automatically resent. An explicit retry retains the original identity, content and route. A changed canonical conversation invalidates old unconfirmed text rather than replaying it into the new scope. History loading, response phase and body completeness remain separate.
 
+Bridge 1.7 adds desk deliveries: the Host can hand things a cat prepared to the desk cat, one at a time or as a bundle when you come back. The window receives only titles, one sentence, the source conversation title and opaque references; thumbnails and the delivering cat's avatar arrive as inline image bytes from the Host. Opening, adding, ignoring and countdown expiry are settled by the Host. The countdown follows reply letters: pointing, focus or scrolling pauses it and clicking the ring keeps the bubble. A brief "Saved to the conversation" tag appears only when the Host confirms it kept the delivery.
+
 Application assistance is off by default. Settling a prompt opens the ordinary menu without granting screen or call authority. Cat poses use current Host facts; dragging suspends autonomous movement. Reduced motion keeps poses static. Automatic play is bounded by idle and cooldown timers; pounce requires an explicit gesture by default.

package/README.md

@@ -20,7 +20,9 @@
 
 ## 桌面行为与隐私
 
-需要桌面桥接版本 1.6.0；不兼容的宿主会在安装前拒绝。宿主控制窗口位置、拖动与透明区域点击，负责媒体授权和采集；插件不接收原始媒体流或提供方会话凭据。隐藏窗口会释放媒体资源，重新通过“聊聊”打开。
+需要桌面桥接版本 1.7.0；不兼容的宿主会在安装前拒绝。宿主控制窗口位置、拖动与透明区域点击，负责媒体授权和采集；插件不接收原始媒体流或提供方会话凭据。隐藏窗口会释放媒体资源，重新通过“聊聊”打开。
+
+桥接 1.7 增加“桌面猫带来”：宿主可以把猫做好的东西交给桌面猫递到你面前，一次一件或回来时一组。小窗只收到标题、一句话、来源对话名和不透明引用，缩略图和送来那只猫的头像都由宿主以内联图片字节提供；打开、添加、忽略和倒计时结束都交回宿主处理。倒计时沿用回复气泡：指着、聚焦或滚动时暂停，点圆圈留住。只有宿主确认已保存时，猫旁才会短暂显示“已保存到对话”。
 
 应用协助默认关闭，确认提示只打开普通菜单，不会自动授权屏幕或通话。角色动画受宿主当前事实驱动；拖动时暂停自主移动，减少动态效果设置保留静态姿态。自动玩耍受空闲和冷却时间约束，默认扑跃需要明确操作。
 

package/manifest.json

@@ -1,6 +1,6 @@
 {
   "pluginId": "official.companion",
-  "version": "0.1.0-alpha.36",
+  "version": "0.1.0-alpha.37",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -34,10 +34,10 @@
       "type": "desktop-window",
       "id": "companion",
       "role": "companion",
-      "bridgeVersion": "1.6.0",
+      "bridgeVersion": "1.7.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-0OpVp+p2y+xDJduVuzWZf48TNLBnWZZfq/TuGe0joyY="
+        "integrity": "sha256-R425ilNu5hQtVtI0oFF8s+WBb+bWbDIXfUDn9y/Ve2c="
       },
       "presentation": {
         "width": 300,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clowder-ai/companion",
-  "version": "0.1.0-alpha.36",
+  "version": "0.1.0-alpha.37",
   "description": "The desktop voice body for your Clowder companion",
   "license": "MIT",
   "type": "module",
@@ -28,8 +28,8 @@
     "prepack": "pnpm build"
   },
   "devDependencies": {
-    "@clowder-ai/plugin-contract": "0.3.0",
-    "@clowder-ai/plugin-sdk": "0.3.0-beta.1",
+    "@clowder-ai/plugin-contract": "0.3.3-candidate.0",
+    "@clowder-ai/plugin-sdk": "0.3.0-beta.2-candidate.9",
     "playwright": "1.61.1"
   },
   "repository": {

package/plugin.yaml

@@ -1,6 +1,6 @@
 {
   "pluginId": "official.companion",
-  "version": "0.1.0-alpha.36",
+  "version": "0.1.0-alpha.37",
   "contractVersion": "0.1.0",
   "name": "猫猫球",
   "icon": {
@@ -34,10 +34,10 @@
       "type": "desktop-window",
       "id": "companion",
       "role": "companion",
-      "bridgeVersion": "1.6.0",
+      "bridgeVersion": "1.7.0",
       "surface": {
         "entrypoint": "renderer/index.html",
-        "integrity": "sha256-0OpVp+p2y+xDJduVuzWZf48TNLBnWZZfq/TuGe0joyY="
+        "integrity": "sha256-R425ilNu5hQtVtI0oFF8s+WBb+bWbDIXfUDn9y/Ve2c="
       },
       "presentation": {
         "width": 300,

package/renderer/client.mjs

@@ -104,6 +104,13 @@ export function createCompanionClient(bridge) {
         readSettings: () => invoke({ kind: 'settings.read' }, 'settings'),
         updateSetting: (field, value) => invoke({ kind: 'settings.update', field, value }, 'settings-update'),
         settleAppAssist: (scopeRef, offerRef, action) => invoke({ kind: 'app-assist.settle', scopeRef, offerRef, action }, 'app-assist-settlement'),
+        /** shown, dismiss and timeout settle the whole delivery; open and add name one Host-issued item. */
+        settleDesk: (scopeRef, deliveryRef, action, itemRef) => invoke(itemRef === undefined
+            ? { kind: 'desk.settle', scopeRef, deliveryRef, action }
+            : { kind: 'desk.settle', scopeRef, deliveryRef, action, itemRef }, 'desk-settlement'),
+        readDeskThumbnail: (scopeRef, deliveryRef, itemRef) => invoke({ kind: 'desk.thumbnail.read', scopeRef, deliveryRef, itemRef }, 'desk-thumbnail'),
+        /** The Host resolves whose avatar belongs to the delivery; the renderer names no cat. */
+        readDeskAvatar: (scopeRef, deliveryRef) => invoke({ kind: 'desk.avatar.read', scopeRef, deliveryRef }, 'desk-avatar'),
         disableCompanion: () => invoke({ kind: 'companion.disable' }, 'companion-lifecycle'),
         readConversation,
         readConversationPage,

package/renderer/desk-delivery-controller.mjs

@@ -0,0 +1,370 @@
+import { replyVisibleDuration } from './reply-letter-controller.mjs';
+
+export const DESK_BUNDLE_MIN_MS = 12_000;
+export const DESK_MAX_MS = 30_000;
+export const DESK_SAVED_TAG_MS = 4_000;
+const OUTCOMES = new Set(['settled', 'stale_delivery', 'failed']);
+const SETTLED_ROWS = new Set(['opened', 'added', 'removed']);
+const IMAGE_TYPES = new Set(['image/jpeg', 'image/png', 'image/webp']);
+const BASE64 = /^[A-Za-z0-9+/]+={0,2}$/u;
+const REMEMBERED = 64;
+
+/** Single: the reply-letter formula over sentence and title. Bundle: at least 12s, never above 30s. */
+export function deskVisibleDuration(delivery) {
+  if (delivery.mode === 'single') {
+    const [item] = delivery.items;
+    return replyVisibleDuration(`${item.sentence ?? ''}${item.title}`);
+  }
+  const titles = delivery.items.map(item => item.title).join('');
+  return Math.min(DESK_MAX_MS, Math.max(DESK_BUNDLE_MIN_MS, replyVisibleDuration(titles)));
+}
+
+/** from:null means several cats brought the items, so the desk cat speaks with its own name. */
+export function deskHeader(from, deskCatName) {
+  if (!from) return deskCatName;
+  return from.role === 'watcher' ? `守望猫 · ${from.displayName}` : from.displayName;
+}
+
+const rasterUrl = (image, maxLength) => {
+  if (!image || !IMAGE_TYPES.has(image.mediaType) || typeof image.dataBase64 !== 'string'
+    || image.dataBase64.length > maxLength || image.dataBase64.length % 4 !== 0 || !BASE64.test(image.dataBase64)) return null;
+  return `data:${image.mediaType};base64,${image.dataBase64}`;
+};
+
+/** Only bounded raster bytes for the exact item become an image; everything else stays a neutral tile. */
+export function deskThumbnailUrl(reply, { scopeRef, deliveryRef, itemRef }) {
+  return rasterUrl(reply?.kind === 'desk-thumbnail' && reply.scopeRef === scopeRef
+    && reply.deliveryRef === deliveryRef && reply.itemRef === itemRef ? reply.image : null, 400_000);
+}
+
+/** The delivering cat's avatar for this exact delivery, or null so the header keeps only its text. */
+export function deskAvatarUrl(reply, { scopeRef, deliveryRef }) {
+  return rasterUrl(reply?.kind === 'desk-avatar' && reply.scopeRef === scopeRef
+    && reply.deliveryRef === deliveryRef ? reply.image : null, 60_000);
+}
+
+const remember = (set, value) => {
+  set.delete(value);
+  set.add(value);
+  if (set.size > REMEMBERED) set.delete(set.values().next().value);
+};
+
+/**
+ * Renderer projection of Host-owned desk deliveries. The Host decides what is
+ * brought, where it lives and what opening or adding does; this controller only
+ * fences stale state, keeps the reply-letter pause/retain countdown while the
+ * bubble is actually visible, and returns opaque references with one action.
+ */
+export class DeskDeliveryController {
+  constructor({ client, render = () => {}, now = Date.now, schedule = setTimeout, cancel = clearTimeout,
+    savedTagMs = DESK_SAVED_TAG_MS }) {
+    Object.assign(this, { client, render, now, savedTagMs });
+    this.schedule = (...args) => Reflect.apply(schedule, globalThis, args);
+    this.cancel = (...args) => Reflect.apply(cancel, globalThis, args);
+    this.scopeRef = null;
+    this.revision = -1;
+    this.current = null;
+    this.epoch = 0;
+    this.visible = false;
+    this.retained = false;
+    this.pauseReasons = new Set();
+    this.timerHandle = null;
+    this.timerStartedAt = null;
+    this.remainingMs = 0;
+    this.totalMs = 0;
+    this.tag = null;
+    this.tagHandle = null;
+    this.shown = new Set();
+    this.finished = new Set();
+    this.closed = false;
+  }
+
+  consume(snapshot) {
+    if (this.closed || !snapshot || typeof snapshot.scopeRef !== 'string' || !Number.isSafeInteger(snapshot.revision)) return false;
+    if (this.scopeRef !== null && snapshot.scopeRef !== this.scopeRef) return false;
+    if (snapshot.revision <= this.revision) return false;
+    this.scopeRef = snapshot.scopeRef;
+    this.revision = snapshot.revision;
+    const delivery = snapshot.status === 'ready' ? snapshot.delivery : null;
+    const presented = Boolean(delivery) && !this.finished.has(delivery.deliveryRef)
+      && this.current?.deliveryRef !== delivery.deliveryRef;
+    if (!delivery || this.finished.has(delivery.deliveryRef)) this.drop();
+    else if (presented) this.present(delivery);
+    else this.update(delivery);
+    this.emit();
+    // A replacement is reported shown only after its own content has rendered; a first
+    // delivery still waits for setVisible(), i.e. for the Host to place the panel.
+    if (presented && this.current && this.visible) {
+      this.reveal();
+      this.emit();
+    }
+    return true;
+  }
+
+  present(delivery) {
+    this.drop();
+    this.clearTag();
+    this.current = {
+      epoch: ++this.epoch, deliveryRef: delivery.deliveryRef, mode: delivery.mode, from: delivery.from,
+      more: delivery.more, rows: new Map(), avatar: null, avatarKey: null, avatarRead: null,
+    };
+    this.totalMs = deskVisibleDuration(delivery);
+    this.remainingMs = this.totalMs;
+    this.update(delivery);
+  }
+
+  update(delivery) {
+    const current = this.current;
+    Object.assign(current, { mode: delivery.mode, from: delivery.from, more: delivery.more });
+    const incoming = new Map(delivery.items.map(item => [item.itemRef, item]));
+    const rows = new Map();
+    // Rows the person already opened or added stay as receipts until the bubble closes,
+    // even when the Host has dropped them; anything else the Host withdrew disappears.
+    for (const [itemRef, row] of current.rows) {
+      const item = incoming.get(itemRef);
+      if (item) rows.set(itemRef, { ...row, item });
+      else if (row.state === 'opened' || row.state === 'added') rows.set(itemRef, row);
+    }
+    for (const item of delivery.items) {
+      if (!rows.has(item.itemRef)) rows.set(item.itemRef, { item, state: 'idle', thumbnail: null, thumbnailRead: null });
+    }
+    current.rows = rows;
+    for (const [itemRef, row] of rows) {
+      if (!incoming.has(itemRef)) continue;
+      if (!row.item.thumbnail) rows.set(itemRef, { ...row, thumbnail: null, thumbnailRead: null });
+      else if (!row.thumbnail && this.readStale(row.thumbnailRead)) void this.loadThumbnail(current, itemRef);
+    }
+    // A different bringer never inherits the previous face; its own read starts at this revision.
+    const avatarKey = delivery.from ? `${delivery.from.catId}\u0000${delivery.from.role ?? ''}` : null;
+    if (avatarKey !== current.avatarKey) Object.assign(current, { avatarKey, avatar: null, avatarRead: null });
+    if (avatarKey && !current.avatar && this.readStale(current.avatarRead)) void this.loadAvatar(current);
+    if ([...rows.values()].every(row => SETTLED_ROWS.has(row.state))) this.finish();
+  }
+
+  /** A read needs (re)issuing unless one finished or is still in flight for the current revision. */
+  readStale(read) {
+    return !read || (!read.done && read.revision !== this.revision);
+  }
+
+  /** Replies apply only to the exact scope, delivery and Host revision they were requested at. */
+  readCurrent(current, read) {
+    return this.current === current && this.scopeRef === read.scopeRef
+      && current.deliveryRef === read.deliveryRef && this.revision === read.revision;
+  }
+
+  setVisible(visible) {
+    if (this.visible === visible) return;
+    this.visible = visible;
+    if (visible) this.reveal();
+    else this.pauseTimer();
+    this.emit();
+  }
+
+  reveal() {
+    const current = this.current;
+    if (!current || !this.visible) return;
+    if (!this.shown.has(current.deliveryRef)) {
+      remember(this.shown, current.deliveryRef);
+      void this.settleWhole('shown');
+    }
+    this.startTimer();
+  }
+
+  pause(reason) {
+    if (this.pauseReasons.has(reason)) return;
+    this.pauseReasons.add(reason);
+    this.pauseTimer();
+    this.emit();
+  }
+
+  resume(reason) {
+    if (!this.pauseReasons.delete(reason)) return;
+    this.startTimer();
+    this.emit();
+  }
+
+  pin() {
+    if (!this.current || this.retained) return;
+    this.retained = true;
+    this.pauseTimer();
+    this.emit();
+  }
+
+  dismiss() { return this.settleWhole('dismiss'); }
+
+  async act(itemRef) {
+    const current = this.current;
+    const row = current?.rows.get(itemRef);
+    if (!row || !['idle', 'failed'].includes(row.state)) return false;
+    const { scopeRef, revision } = this;
+    const action = row.item.action;
+    const before = row.state;
+    this.setRow(current, itemRef, { state: 'pending' });
+    this.emit();
+    let reply = null;
+    try {
+      reply = await this.client.settleDesk(scopeRef, current.deliveryRef, action, itemRef);
+    } catch {
+      // A lost reply leaves the item actionable; the Host remains the only truth.
+    }
+    if (this.current !== current || !current.rows.has(itemRef)) return false;
+    // No reply at all reads as a failed attempt; a reply for another item or an older Host
+    // revision is ignored and the row goes back to what it was, claiming nothing.
+    const matched = this.matches(reply, { scopeRef, revision, deliveryRef: current.deliveryRef, action, itemRef });
+    const state = reply === null ? 'failed' : !matched ? before
+      : reply.outcome === 'failed' ? 'failed' : reply.outcome === 'stale_delivery' ? 'removed'
+        : action === 'add' ? 'added' : 'opened';
+    this.setRow(current, itemRef, { state });
+    if ([...current.rows.values()].every(value => SETTLED_ROWS.has(value.state))) this.finish();
+    this.emit();
+    return state === 'added' || state === 'opened';
+  }
+
+  async settleWhole(action) {
+    const current = this.current;
+    if (!current) return false;
+    const { scopeRef, revision, epoch } = this;
+    if (action !== 'shown') {
+      this.finish();
+      this.emit();
+    }
+    let reply;
+    try {
+      reply = await this.client.settleDesk(scopeRef, current.deliveryRef, action);
+    } catch {
+      return false;
+    }
+    if (!this.matches(reply, { scopeRef, revision, deliveryRef: current.deliveryRef, action })) return false;
+    if (action === 'shown' && reply.outcome === 'stale_delivery' && this.current === current) {
+      this.finish();
+      this.emit();
+    }
+    // The Host alone decides whether an unanswered delivery was kept; never claim it otherwise.
+    if (action === 'timeout' && reply.outcome === 'settled' && reply.saved === true
+      && this.epoch === epoch && !this.current && !this.closed) this.showTag('saved');
+    return reply.outcome === 'settled';
+  }
+
+  matches(reply, { scopeRef, revision, deliveryRef, action, itemRef }) {
+    return reply?.kind === 'desk-settlement' && reply.scopeRef === scopeRef && reply.deliveryRef === deliveryRef
+      && reply.action === action && reply.itemRef === itemRef && OUTCOMES.has(reply.outcome)
+      && Number.isSafeInteger(reply.revision) && reply.revision >= revision && reply.revision >= this.revision;
+  }
+
+  async loadThumbnail(current, itemRef) {
+    const read = { scopeRef: this.scopeRef, deliveryRef: current.deliveryRef, revision: this.revision, done: false };
+    this.setRow(current, itemRef, { thumbnailRead: read });
+    let reply;
+    try {
+      reply = await this.client.readDeskThumbnail(read.scopeRef, read.deliveryRef, itemRef);
+    } catch {
+      return; // A lost read leaves the neutral tile and stays unfinished, so a later revision asks again.
+    }
+    if (!this.readCurrent(current, read) || current.rows.get(itemRef)?.thumbnailRead !== read) return;
+    read.done = true;
+    const thumbnail = deskThumbnailUrl(reply, { ...read, itemRef });
+    if (!thumbnail) return;
+    this.setRow(current, itemRef, { thumbnail });
+    this.emit();
+  }
+
+  async loadAvatar(current) {
+    const read = { scopeRef: this.scopeRef, deliveryRef: current.deliveryRef, revision: this.revision, done: false };
+    current.avatarRead = read;
+    let reply;
+    try {
+      reply = await this.client.readDeskAvatar(read.scopeRef, read.deliveryRef);
+    } catch {
+      return; // Without an answer the header keeps its text and a later revision asks again.
+    }
+    if (!this.readCurrent(current, read) || current.avatarRead !== read) return;
+    read.done = true;
+    current.avatar = deskAvatarUrl(reply, read);
+    if (current.avatar) this.emit();
+  }
+
+  setRow(current, itemRef, patch) {
+    current.rows.set(itemRef, { ...current.rows.get(itemRef), ...patch });
+  }
+
+  finish() {
+    if (this.current) remember(this.finished, this.current.deliveryRef);
+    this.drop();
+  }
+
+  drop() {
+    this.pauseTimer();
+    this.remainingMs = 0;
+    this.current = null;
+    this.retained = false;
+    this.pauseReasons.clear();
+  }
+
+  startTimer() {
+    if (this.timerHandle !== null || !this.current || !this.visible || this.retained
+      || this.pauseReasons.size > 0 || this.remainingMs <= 0) return;
+    const epoch = this.current.epoch;
+    this.timerStartedAt = this.now();
+    this.timerHandle = this.schedule(() => {
+      this.timerHandle = null;
+      this.timerStartedAt = null;
+      this.remainingMs = 0;
+      if (this.current?.epoch === epoch) void this.settleWhole('timeout');
+    }, this.remainingMs);
+    this.timerHandle?.unref?.();
+  }
+
+  pauseTimer() {
+    if (this.timerHandle === null) return;
+    this.remainingMs = Math.max(0, this.remainingMs - (this.now() - this.timerStartedAt));
+    this.cancel(this.timerHandle);
+    this.timerHandle = null;
+    this.timerStartedAt = null;
+  }
+
+  showTag(tag) {
+    this.clearTag();
+    this.tag = tag;
+    this.tagHandle = this.schedule(() => {
+      this.tagHandle = null;
+      this.tag = null;
+      this.emit();
+    }, this.savedTagMs);
+    this.tagHandle?.unref?.();
+    this.emit();
+  }
+
+  clearTag() {
+    if (this.tagHandle !== null) this.cancel(this.tagHandle);
+    this.tagHandle = null;
+    this.tag = null;
+  }
+
+  close() {
+    this.closed = true;
+    this.drop();
+    this.clearTag();
+  }
+
+  snapshot() {
+    const current = this.current;
+    const elapsed = this.timerHandle === null ? 0 : this.now() - this.timerStartedAt;
+    return {
+      presentation: current ? 'bubble' : this.tag ? 'tag' : 'none',
+      tag: this.tag,
+      delivery: current && {
+        deliveryRef: current.deliveryRef, mode: current.mode, from: current.from, more: current.more,
+        avatar: current.from ? current.avatar : null,
+        rows: [...current.rows.values()].map(row => ({ ...row })),
+      },
+      retained: this.retained,
+      timer: {
+        running: this.timerHandle !== null,
+        remainingMs: Math.max(0, this.remainingMs - elapsed),
+        totalMs: this.totalMs,
+      },
+    };
+  }
+
+  emit() { this.render(this.snapshot()); }
+}

package/renderer/desk-delivery-view.mjs

@@ -0,0 +1,183 @@
+import { deskHeader } from './desk-delivery-controller.mjs';
+
+const ACTION_LABEL = { open: '打开', add: '添加' };
+const DONE_LABEL = { opened: '已打开', added: '已添加' };
+const FAILED_LABEL = { open: '没打开', add: '没加上' };
+const RING_LENGTH = 40.84;
+
+const setText = (node, text) => { if (node.textContent !== text) node.textContent = text; };
+
+/** DOM projection of one desk delivery: text only, data: thumbnails only, actions go back to the controller. */
+export class DeskDeliveryView {
+  constructor({ document, controller, displayName = () => '猫猫', reducedMotion = () => false,
+    schedule = setTimeout, cancel = clearTimeout }) {
+    this.document = document;
+    this.$ = id => document.getElementById(id);
+    Object.assign(this, { controller, displayName, reducedMotion });
+    this.schedule = (...args) => Reflect.apply(schedule, globalThis, args);
+    this.cancel = (...args) => Reflect.apply(cancel, globalThis, args);
+    this.rows = new Map();
+    this.rowsRef = null;
+    this.ringRef = null;
+    this.animation = null;
+    this.bind();
+  }
+
+  bind() {
+    const bubble = this.$('desk-bubble');
+    bubble.addEventListener('pointerenter', () => this.controller.pause('hover'));
+    bubble.addEventListener('pointerleave', () => this.controller.resume('hover'));
+    bubble.addEventListener('focusin', () => this.controller.pause('focus'));
+    bubble.addEventListener('focusout', event => {
+      if (!event.relatedTarget || !bubble.contains?.(event.relatedTarget)) this.controller.resume('focus');
+    });
+    const pauseScroll = () => {
+      this.controller.pause('scroll');
+      if (this.scrollTimer !== undefined) this.cancel(this.scrollTimer);
+      this.scrollTimer = this.schedule(() => {
+        this.scrollTimer = undefined;
+        this.controller.resume('scroll');
+      }, 500);
+      this.scrollTimer?.unref?.();
+    };
+    bubble.addEventListener('wheel', pauseScroll);
+    bubble.addEventListener('scroll', pauseScroll);
+    bubble.addEventListener('pointerdown', () => this.controller.pause('pointer'));
+    bubble.addEventListener('pointerup', () => this.controller.resume('pointer'));
+    bubble.addEventListener('pointercancel', () => this.controller.resume('pointer'));
+    this.$('desk-retain').onclick = () => this.controller.pin();
+    this.$('desk-close').onclick = () => { void this.controller.dismiss(); };
+    this.$('desk-dismiss').onclick = () => { void this.controller.dismiss(); };
+    this.$('desk-open').onclick = () => {
+      const row = this.value?.delivery?.rows[0];
+      if (row) void this.controller.act(row.item.itemRef);
+    };
+  }
+
+  render(value) {
+    this.value = value;
+    const root = this.$('desk');
+    const delivery = value.delivery;
+    root.dataset.presentation = value.presentation;
+    this.$('desk-bubble').hidden = !delivery;
+    this.$('desk-tag').hidden = value.presentation !== 'tag';
+    this.syncRing(delivery?.deliveryRef ?? null, value);
+    if ((delivery?.deliveryRef ?? null) !== this.rowsRef) {
+      for (const nodes of this.rows.values()) nodes.row.remove();
+      this.rows.clear();
+      this.rowsRef = delivery?.deliveryRef ?? null;
+    }
+    if (!delivery) return;
+    root.dataset.mode = delivery.mode;
+    setText(this.$('desk-name'), deskHeader(delivery.from, this.displayName()));
+    const avatar = this.$('desk-avatar');
+    avatar.hidden = !delivery.avatar;
+    const avatarImage = this.$('desk-avatar-image');
+    if (delivery.avatar && avatarImage.getAttribute('src') !== delivery.avatar) avatarImage.setAttribute('src', delivery.avatar);
+    this.$('desk-avatar-eye').hidden = delivery.from?.role !== 'watcher';
+    this.$('desk-retain').hidden = value.retained;
+    this.$('desk-close').hidden = !value.retained;
+    const rows = delivery.rows.filter(row => row.state !== 'removed');
+    const single = delivery.mode === 'single';
+    if (single && rows[0]) this.renderSingle(rows[0]);
+    this.$('desk-open').hidden = !single || !rows[0];
+    this.$('desk-list').hidden = single;
+    if (!single) this.renderBundle(rows);
+    const more = !single && delivery.more > 0;
+    this.$('desk-more').hidden = !more;
+    setText(this.$('desk-more'), more ? `还有 ${delivery.more} 件在 Cat Café` : '');
+  }
+
+  renderSingle({ item, state, thumbnail }) {
+    const text = this.$('desk-text');
+    setText(text, item.sentence ?? item.title);
+    text.hidden = false;
+    const thumb = this.$('desk-thumb');
+    thumb.hidden = !thumbnail;
+    const image = this.$('desk-thumb-image');
+    if (thumbnail && image.getAttribute('src') !== thumbnail) image.setAttribute('src', thumbnail);
+    if (image.alt !== item.title) image.alt = item.title;
+    // Without the picture the person still needs to know what 打开 would open.
+    const title = this.$('desk-title');
+    title.hidden = Boolean(thumbnail) || item.sentence === undefined;
+    setText(title, title.hidden ? '' : item.title);
+    const button = this.$('desk-open');
+    const label = ACTION_LABEL[item.action];
+    setText(button, label);
+    button.setAttribute('aria-label', `${label}「${item.title}」`);
+    button.disabled = state === 'pending';
+    const note = this.$('desk-note');
+    note.hidden = state !== 'failed';
+    setText(note, state === 'failed' ? FAILED_LABEL[item.action] : '');
+  }
+
+  renderBundle(rows) {
+    for (const id of ['desk-text', 'desk-thumb', 'desk-title', 'desk-note']) this.$(id).hidden = true;
+    const list = this.$('desk-list');
+    const keep = new Set(rows.map(row => row.item.itemRef));
+    for (const [itemRef, nodes] of this.rows) {
+      if (!keep.has(itemRef)) { nodes.row.remove(); this.rows.delete(itemRef); }
+    }
+    rows.forEach((row, index) => {
+      const nodes = this.rows.get(row.item.itemRef) ?? this.createRow(row.item.itemRef);
+      if (list.children[index] !== nodes.row) list.insertBefore(nodes.row, list.children[index] ?? null);
+      this.renderRow(nodes, row);
+    });
+  }
+
+  createRow(itemRef) {
+    const row = this.$('desk-row-template').content.firstElementChild.cloneNode(true);
+    const nodes = {
+      row,
+      tile: row.querySelector('.desk-row-thumb'),
+      icon: row.querySelector('.desk-row-thumb use'),
+      title: row.querySelector('.desk-row-text b'),
+      source: row.querySelector('.desk-row-text small'),
+      note: row.querySelector('.desk-note'),
+      button: row.querySelector('button'),
+      image: null,
+    };
+    nodes.button.onclick = () => { void this.controller.act(itemRef); };
+    this.rows.set(itemRef, nodes);
+    return nodes;
+  }
+
+  renderRow(nodes, { item, state, thumbnail }) {
+    nodes.tile.dataset.kind = item.thumbnail ? 'image' : item.kind;
+    if (thumbnail && !nodes.image) {
+      nodes.image = this.document.createElement('img');
+      nodes.image.alt = '';
+      nodes.tile.append(nodes.image);
+    }
+    if (nodes.image && thumbnail && nodes.image.getAttribute('src') !== thumbnail) nodes.image.setAttribute('src', thumbnail);
+    nodes.icon.setAttribute('href', item.kind === 'suggestion' ? '#i-desk-note' : '#i-desk-doc');
+    setText(nodes.title, item.title);
+    const source = item.source.conversationTitle ?? '';
+    setText(nodes.source, source);
+    nodes.source.hidden = !source;
+    const label = DONE_LABEL[state] ?? ACTION_LABEL[item.action];
+    setText(nodes.button, label);
+    nodes.button.setAttribute('aria-label', `${label}「${item.title}」`);
+    nodes.button.disabled = !['idle', 'failed'].includes(state);
+    nodes.note.hidden = state !== 'failed';
+    setText(nodes.note, state === 'failed' ? FAILED_LABEL[item.action] : '');
+  }
+
+  /** The ring mirrors the controller's own clock, so pausing, hiding and resuming never restart it. */
+  syncRing(deliveryRef, value) {
+    if (deliveryRef !== this.ringRef) {
+      this.animation?.cancel();
+      this.animation = null;
+      this.ringRef = deliveryRef;
+    }
+    const progress = this.$('desk-retain').querySelector('.reply-ring-progress');
+    if (!deliveryRef || value.retained || typeof progress?.animate !== 'function') return;
+    this.animation ??= progress.animate(
+      [{ strokeDashoffset: 0 }, { strokeDashoffset: RING_LENGTH }],
+      { duration: value.timer.totalMs, fill: 'forwards', easing: this.reducedMotion() ? 'steps(15, end)' : 'linear' },
+    );
+    this.animation.currentTime = value.timer.totalMs - value.timer.remainingMs;
+    if (value.timer.running) this.animation.play();
+    else this.animation.pause();
+  }
+}

package/renderer/desk-delivery.css

@@ -0,0 +1,40 @@
+/* F335 desk deliveries: the reply-letter bubble (.floating, .reply-head, .reply-ring)
+ * plus only the watcher sketch's additions. Sizes and colours follow the sketch. */
+/* The sketch draws its 1px edge as an inset shadow; .floating uses a real border, so padding is 1px less. */
+#desk { width: 344px; padding: 9px 11px 11px; overflow: hidden; }
+/* The sketch renders with the system face first and grayscale smoothing; without both, 13px/500 reads heavier. */
+#desk, #desk button { font-family: -apple-system, Inter, "PingFang SC", "Hiragino Sans GB", sans-serif; -webkit-font-smoothing: antialiased; }
+#desk[data-presentation="tag"] { width: max-content; min-width: 120px; display: flex; justify-content: center; border: 0; background: transparent; box-shadow: none; padding: 0; overflow: visible; }
+.desk-bubble:not([hidden]) { display: flex; flex-direction: column; gap: 6px; }
+.desk-head { min-height: 20px; }
+.desk-who { flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; min-height: 20px; color: var(--desktop-body); font-size: 13px; }
+.desk-avatar { position: relative; width: 20px; height: 20px; flex: none; }
+.desk-avatar img { display: block; width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
+.desk-avatar-eye:not([hidden]) { position: absolute; right: -3px; bottom: -3px; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--desktop-paper); box-shadow: 0 0 0 1.5px var(--desktop-paper); }
+.desk-avatar-eye svg { width: 10px; height: 10px; }
+.desk-who b { min-width: 0; overflow: hidden; color: var(--desktop-ink); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
+#desk .reply-ring, #desk .reply-close { margin: -2px -4px 0 0; }
+.desk-text { margin: 0; color: var(--desktop-ink); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
+.desk-title { margin: 0; color: var(--desktop-ink); font-size: 13px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
+.desk-thumb { display: block; width: 100%; margin-top: 2px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--desktop-line); }
+.desk-thumb img { display: block; width: 100%; border-radius: 8px; }
+.desk-list:not([hidden]) { display: flex; flex-direction: column; margin-top: 2px; }
+.desk-row { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--desktop-line); }
+.desk-row:first-child { border-top: 0; padding-top: 4px; }
+.desk-row-thumb { width: 56px; height: 36px; flex: none; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 6px; background: var(--desktop-rail); box-shadow: inset 0 0 0 1px var(--desktop-line); color: var(--desktop-muted); }
+.desk-row-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
+.desk-row-thumb .icon { width: 18px; height: 18px; stroke-width: 1.8; }
+.desk-row-thumb[data-kind="image"] .icon { display: none; }
+.desk-row-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
+.desk-row-text b { overflow: hidden; color: var(--desktop-ink); font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
+.desk-row-text small { overflow: hidden; color: var(--desktop-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
+.desk-more { margin: 0; color: var(--desktop-muted); font-size: 12px; line-height: 1.5; }
+.desk-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 4px; }
+.desk-note { flex: none; color: var(--desktop-danger); font-size: 12px; white-space: nowrap; }
+#desk .desk-btn { flex: none; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 12px; border-radius: 8px; background: var(--desktop-paper); box-shadow: inset 0 0 0 1px var(--desktop-line-strong); color: var(--desktop-body); font-size: 13px; font-weight: 500; white-space: nowrap; }
+#desk .desk-btn.primary { background: var(--desktop-primary); box-shadow: none; color: #fff; }
+#desk .desk-btn.ghost { background: transparent; box-shadow: none; color: var(--desktop-muted); }
+#desk .desk-btn:hover:not(:disabled) { background: var(--cafe-surface); }
+#desk .desk-btn.primary:hover:not(:disabled) { background: #8f4730; }
+#desk .desk-row .desk-btn { height: 28px; padding: 0 10px; }
+.desk-tag { height: 28px; display: flex; align-items: center; margin: 0; padding: 0 10px; border-radius: 8px; background: var(--desktop-ink); box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 4px 12px rgba(20, 20, 19, .18); color: #fff; font-size: 13px; font-weight: 400; white-space: nowrap; }

package/renderer/index.html

@@ -14,10 +14,12 @@
     <symbol id="i-end" viewBox="0 0 24 24"><rect x="6" y="6" width="12" height="12" rx="3"/></symbol>
     <symbol id="i-subtitles" viewBox="0 0 24 24"><rect x="2.5" y="4.5" width="19" height="15" rx="3"/><path d="M6 10h5M6 14h7M15 10h3M15 14h3"/></symbol>
     <symbol id="i-expand" viewBox="0 0 24 24"><path d="M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5"/></symbol>
+    <symbol id="i-desk-doc" viewBox="0 0 24 24"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5M9 13h6M9 17h4"/></symbol>
+    <symbol id="i-desk-note" viewBox="0 0 24 24"><path d="M4 5h16v11H9l-5 4z"/></symbol>
   </svg>
   <main id="desktop" aria-label="猫猫球">
     <div id="anchor">
-      <button id="pet" aria-label="猫猫：点击或右键打开名片，拖动移动" aria-expanded="false" aria-controls="actions menu chat transcript settings decisions app-assist">
+      <button id="pet" aria-label="猫猫：点击或右键打开名片，拖动移动" aria-expanded="false" aria-controls="actions menu chat transcript settings decisions app-assist desk">
         <svg id="living-sit" viewBox="0 0 600 600" aria-hidden="true" hidden>
           <defs>
             <mask id="living-eye-left" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="600"><image href="./skins/xianxian-living/layers/whiteL.webp" width="600" height="600"/></mask>
@@ -55,6 +57,27 @@
       <p>你打开了 <strong id="app-assist-name"></strong>。要我一起看吗？</p>
       <div><button id="app-assist-dismiss" type="button">暂不</button><button id="app-assist-start" class="primary" type="button">打开通话控制</button></div>
     </section>
+    <section id="desk" class="floating desk-delivery" aria-label="桌面猫带来的东西" data-presentation="none" hidden>
+      <div id="desk-bubble" class="desk-bubble" hidden>
+        <div class="reply-head desk-head">
+          <span class="desk-who"><span id="desk-avatar" class="desk-avatar" hidden><img id="desk-avatar-image" alt=""><span id="desk-avatar-eye" class="desk-avatar-eye" title="守望猫" hidden><svg viewBox="0 0 24 24" fill="none" stroke="#3F7D4E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6S2 12 2 12Z"/><circle cx="12" cy="12" r="2.6" fill="#3F7D4E" stroke="none"/></svg></span></span><b id="desk-name"></b></span>
+          <button id="desk-retain" class="reply-ring" type="button" aria-label="留住" title="留住">
+            <svg viewBox="0 0 16 16" aria-hidden="true"><circle class="reply-ring-track" cx="8" cy="8" r="6.5"/><circle class="reply-ring-progress" cx="8" cy="8" r="6.5"/></svg>
+          </button>
+          <button id="desk-close" class="reply-close" type="button" aria-label="忽略" title="忽略" hidden>
+            <svg viewBox="0 0 16 16" aria-hidden="true"><path d="m4 4 8 8m0-8-8 8"/></svg>
+          </button>
+        </div>
+        <p id="desk-text" class="desk-text" hidden></p>
+        <span id="desk-thumb" class="desk-thumb" hidden><img id="desk-thumb-image" alt=""></span>
+        <p id="desk-title" class="desk-title" hidden></p>
+        <div id="desk-list" class="desk-list" hidden></div>
+        <p id="desk-more" class="desk-more" hidden></p>
+        <div class="desk-actions"><small id="desk-note" class="desk-note" role="status" hidden></small><button id="desk-dismiss" class="desk-btn ghost" type="button">忽略</button><button id="desk-open" class="desk-btn primary" type="button">打开</button></div>
+      </div>
+      <p id="desk-tag" class="desk-tag" role="status" hidden>已保存到对话</p>
+    </section>
+    <template id="desk-row-template"><div class="desk-row"><span class="desk-row-thumb"><svg class="icon" aria-hidden="true"><use href="#i-desk-doc"/></svg></span><span class="desk-row-text"><b></b><small></small></span><small class="desk-note" hidden></small><button class="desk-btn" type="button"></button></div></template>
     <section id="call-bubble" class="floating call-recent" aria-label="通话中的最新话语" hidden>
       <p id="call-bubble-first" hidden></p><p id="call-bubble-second" hidden></p>
     </section>

package/renderer/pet-controls.mjs

@@ -4,11 +4,12 @@ export function bindPetControls(client, {
 }) {
   const $ = id => document.getElementById(id);
   const body = $('pet');
-  const panelIds = ['actions', 'menu', 'chat', 'bubble', 'app-assist', 'decisions', 'transcript', 'settings'];
+  const panelIds = ['actions', 'menu', 'chat', 'bubble', 'app-assist', 'desk', 'decisions', 'transcript', 'settings'];
   const callBubble = $('call-bubble');
   const managedIds = [...panelIds, 'call-bubble'];
   const desiredSizes = new WeakMap();
-  let panel = 'none', ambientPanel = 'none', layoutRevision = 0, layoutScheduled = false, drag, suppressClick = false;
+  // panel is the latest request; appliedPanel is the last one the Host actually placed.
+  let panel = 'none', appliedPanel = 'none', ambientPanel = 'none', layoutRevision = 0, layoutScheduled = false, drag, suppressClick = false;
   const measure = node => {
     if (!node) return { width: 120, height: 130 };
     // Host placement is an applied cap, not the panel's desired geometry.
@@ -66,7 +67,11 @@ export function bindPetControls(client, {
           callBubble.style.maxHeight = `${placed.bubble.height}px`;
         }
       }
-      if (previousPanel !== next) {
+      // A content remeasure can supersede a panel's first layout; announce entry against
+      // what was last applied, not against the superseded request.
+      const entered = appliedPanel !== next;
+      appliedPanel = next;
+      if (entered) {
         if (next === 'chat') {
           const mode = $('chat').dataset.replyMode;
           const target = mode === 'reply'
@@ -168,7 +173,7 @@ export function bindPetControls(client, {
     get panel() { return panel; }, show, remeasure,
     setAmbient(value) {
       const next = value === true ? 'bubble' : value === false ? 'none' : value;
-      const ambientPanels = ['none', 'bubble', 'actions', 'app-assist'];
+      const ambientPanels = ['none', 'bubble', 'actions', 'app-assist', 'desk'];
       if (!ambientPanels.includes(next)) return Promise.resolve();
       if (ambientPanel === next) return Promise.resolve();
       ambientPanel = next;

package/renderer/reply-letter-controller.mjs

@@ -1,6 +1,7 @@
 import { newestHistoryAnchor, projectReplyBody, selectReplyPresentation } from './reply-letter-state.mjs';
 
-const replyVisibleDuration = text => Math.min(30_000, 6_000 + Math.ceil([...text].length / 8) * 1_000);
+/** Visible time for transient text: 6s plus 1s per 8 characters, capped at 30s. */
+export const replyVisibleDuration = text => Math.min(30_000, 6_000 + Math.ceil([...text].length / 8) * 1_000);
 
 /**
  * Transient presentation state for a Host-owned conversation.

package/renderer/style.css

@@ -1,4 +1,5 @@
 @import url("./theme.css");
+@import url("./desk-delivery.css");
 :root {
   --pet-scale: 1;
   --desktop-paper: #fffbf6;
@@ -255,7 +256,7 @@ button:disabled { opacity: .45; cursor: default; }
 .reply-card { position: relative; max-height: 500px; overflow-y: auto; padding: 12px 14px 10px; }
 .reply-head { display: flex; align-items: flex-start; gap: 8px; }
 .reply-input-text { min-width: 0; flex: 1; color: var(--desktop-muted); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
-#chat .reply-ring, #chat .reply-close, #chat .reply-history-close { width: 24px; height: 24px; flex: none; display: grid; place-items: center; padding: 0; color: var(--desktop-muted); }
+#chat .reply-ring, #chat .reply-close, #chat .reply-history-close, #desk .reply-ring, #desk .reply-close { width: 24px; height: 24px; flex: none; display: grid; place-items: center; padding: 0; color: var(--desktop-muted); }
 .reply-ring svg { width: 18px; height: 18px; transform: rotate(-90deg); }
 .reply-ring circle { fill: none; stroke-width: 1; }
 .reply-ring-track { stroke: var(--desktop-line); }

package/renderer/surface.mjs

@@ -25,6 +25,8 @@ import { CallControlsPresentation } from './call-controls-presentation.mjs';
 import { CallDuration } from './call-duration.mjs';
 import { AppAssistController } from './app-assist-controller.mjs';
 import { bindAppAssistCountdown } from './app-assist-countdown.mjs';
+import { DeskDeliveryController } from './desk-delivery-controller.mjs';
+import { DeskDeliveryView } from './desk-delivery-view.mjs';
 const $ = id => document.getElementById(id);
 const label = (id, text) => { $(id).querySelector('.label').textContent = text; };
 const status = text => {
@@ -55,11 +57,12 @@ const nativeTravel = new NativeWindowTravel({
   changed: value => motion.syncTravel(value),
 });
 let sharing = false, pendingScreen = false, transcriptLoading = false, previousPhase = 'idle';
-let appAssistOffer = null;
+let appAssistOffer = null, deskPresentation = 'none';
 let didMove = false, settingsView, settingsValues, decisionPanel, workView, callControlsPresentation;
 let previousControlPanel = 'none';
 // F229 stays quiet: a history ID change has no provenance for proactive text.
-const ambientPanel = active => active ? 'actions' : appAssistOffer ? 'app-assist' : 'none';
+// A desk delivery waits behind a call or an app-assist prompt; its countdown runs only while visible.
+const ambientPanel = active => active ? 'actions' : appAssistOffer ? 'app-assist' : deskPresentation !== 'none' ? 'desk' : '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 renderAppAssistCountdown = bindAppAssistCountdown($('app-assist-countdown'));
@@ -91,6 +94,7 @@ if (!window.clowderCompanion) {
     },
     changed: panel => {
       callControlsPresentation?.setPanel(panel);
+      desk.setVisible(panel === 'desk');
       visibleText.retry();
       if (previousControlPanel === 'chat' && panel !== 'chat') conversationSurface.closeHistory();
       if (panel === 'chat' && conversationSurface.controller.mode === 'idle') conversationSurface.openHistory();
@@ -155,6 +159,20 @@ if (!window.clowderCompanion) {
       void controls.show('menu');
     },
   });
+  const desk = new DeskDeliveryController({
+    client,
+    render: value => {
+      deskView.render(value);
+      if (value.presentation === deskPresentation) return;
+      deskPresentation = value.presentation;
+      void controls.setAmbient(ambientPanel(previousPhase !== 'idle'));
+    },
+  });
+  const deskView = new DeskDeliveryView({
+    document, controller: desk,
+    displayName: () => conversation.identity?.displayName ?? '猫猫',
+    reducedMotion: () => window.matchMedia?.('(prefers-reduced-motion: reduce)').matches === true,
+  });
   const screen = new ScreenShare({
     screenRequest: () => client.screenPick(), screenStart: (selectionId, name) => client.screenOpen(selectionId, name),
     screenFrame: (selectionId, frame) => client.screenFrame(selectionId, {
@@ -216,6 +234,7 @@ if (!window.clowderCompanion) {
       callDuration.set(value.connectedAt);
       callControlsPresentation.setActive(active);
       if (value.identity?.appAssist) appAssist.consume(value.identity.appAssist);
+      if (value.identity?.desk) desk.consume(value.identity.desk);
       void controls.setAmbient(ambientPanel(active));
       $('begin').hidden = active; $('begin').disabled = !value.identity;
       $('listen').hidden = active || !canReceiveOnly; $('listen').disabled = !value.identity;
@@ -368,6 +387,6 @@ if (!window.clowderCompanion) {
   void conversation.refresh(); conversationSurface.start(); void decisionPanel.read(); void settingsView.controller.load(); void controls.show('none');
   window.addEventListener('beforeunload', () => {
     clearInterval(statusMonitor); clearInterval(transcriptMonitor); clearInterval(decisionMonitor); clearInterval(workMonitor); conversationSurface.close(); callControlsPresentation.close(); callDuration.close();
-    unsubscribe(); appAssist.close(); visibleText.close(); nativeTravel.close(); motion.close(); void conversation.end();
+    unsubscribe(); appAssist.close(); desk.close(); visibleText.close(); nativeTravel.close(); motion.close(); void conversation.end();
   });
 }