@khorsheed/dsh-room 0.2.4 → 0.2.5

package/lib/types/client/RoomSpeechView.js

@@ -22,6 +22,9 @@ import { MarkdownText, Tooltip, writeClipboard } from '@deepseek-ai/dsh-client-u
 import { IconCheckOutlineMedium, IconChevronDownOutlineMedium, IconCopyOutlineMedium, IconLinkOutlineMedium } from './icons.js';
 import { IconRequestDetailOutline16 } from './icons-local.js';
 import { memberColor } from './member-color.js';
+import { pathMentions } from './path-mentions.js';
+import { RoomQuestionView } from './RoomQuestionView.js';
+import { askCardData } from './nodes.js';
 import { formatClock, formatDurationMs } from './format.js';
 import { formatTokens } from './RoomStatsLine.js';
 import css from './RoomSpeechView.module.css';
@@ -67,8 +70,36 @@ function markdownLabels(t) {
         footnotes: t('markdown.footnotes'),
     };
 }
-/** The member speech row. */
-export function RoomSpeechView({ node, sessionId, roomStore, openSession, openDetail, t }) {
+/**
+ * Split a reply around the questions its round asked, in the order it said
+ * and asked them (offsets recorded when the reply landed; -1 = the split
+ * point was not found, so the question opens the reply marked mid-round).
+ * A question the log does not know (an older cache) is left out.
+ * @param data - the speech node data.
+ * @param askLog - the room's question log.
+ * @returns the parts, text and questions interleaved.
+ */
+export function replyParts(data, askLog) {
+    const logged = new Map((askLog ?? []).map(ask => [ask.id, ask]));
+    const asks = (data.asks ?? []).filter(entry => logged.has(entry.id)).sort((a, b) => a.at - b.at);
+    if (asks.length === 0)
+        return [{ kind: 'text', from: 0, text: data.text }];
+    const parts = [];
+    let cursor = 0;
+    for (const entry of asks) {
+        const at = Math.max(cursor, Math.min(entry.at, data.text.length));
+        const piece = data.text.slice(cursor, at);
+        if (piece.trim() !== '')
+            parts.push({ kind: 'text', from: cursor, text: piece });
+        parts.push({ kind: 'ask', ask: logged.get(entry.id), mid: entry.at < 0 });
+        cursor = at;
+    }
+    const rest = data.text.slice(cursor);
+    if (rest.trim() !== '')
+        parts.push({ kind: 'text', from: cursor, text: rest });
+    return parts;
+}
+export function RoomSpeechView({ node, sessionId, roomStore, openSession, openDetail, openPath, answerQuestion, t }) {
     const data = node.data;
     const [copied, setCopied] = useState(false);
     // The human's own choice for this speech (remembered), else the default.
@@ -106,6 +137,9 @@ export function RoomSpeechView({ node, sessionId, roomStore, openSession, openDe
         foldChoices.write(sessionId, data.seq, next);
     };
     const labels = useMemo(() => markdownLabels(t), [t]);
+    // Paths the member wrote in inline code open in the sidebar's file viewer.
+    const memberCwd = member?.cwd;
+    const mentions = useMemo(() => openPath === undefined ? undefined : pathMentions((path) => { openPath(sessionId, path); }, memberCwd), [openPath, sessionId, memberCwd]);
     const copy = () => {
         void writeClipboard(data.text).then((ok) => {
             if (!ok)
@@ -115,7 +149,9 @@ export function RoomSpeechView({ node, sessionId, roomStore, openSession, openDe
         });
     };
     const color = memberColor(data.member);
-    return (_jsxs("div", { className: css.speech, "data-time-hover-root": "", "data-actions-reveal": newestSpeech ? 'always' : 'hover', style: { '--member-color': color }, children: [_jsx("span", { className: css.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.stack, children: [_jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.identity, children: [_jsx("span", { className: css.name, children: data.member }), member?.role !== undefined && _jsx("span", { className: css.role, children: member.role }), provider !== undefined && provider !== '' && _jsx("span", { className: css.provider, children: provider }), data.interrupted !== undefined && _jsx("span", { className: css.interrupted, children: t(data.interrupted === 'cancelled' ? 'speech.stopped' : 'speech.failed') })] }), _jsxs("div", { className: clamped ? `${css.body} ${css.clamped}` : css.body, children: [_jsx(MarkdownText, { text: data.text, labels: labels }), clamped && _jsx("div", { className: css.fade, "aria-hidden": true, onClick: () => { toggle(true); } }), collapsible && (_jsx("div", { className: css.foldBar, children: _jsx(Tooltip, { label: expanded ? t('speech.collapse') : t('speech.expand'), side: "bottom", children: _jsx("button", { type: "button", className: css.foldToggle, "aria-label": expanded ? t('speech.collapse') : t('speech.expand'), "aria-expanded": expanded, onClick: () => { toggle(!expanded); }, children: _jsx(IconChevronDownOutlineMedium, {}) }) }) }))] }), data.reportedTo !== undefined && (_jsx("span", { className: css.reported, children: t('speech.reportedTo', { member: data.reportedTo }) }))] }), _jsxs("div", { className: css.actions, children: [_jsx(Tooltip, { label: copied ? t('action.copied') : t('action.copy'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": copied ? t('action.copied') : t('action.copy'), onClick: copy, children: copied ? _jsx(IconCheckOutlineMedium, {}) : _jsx(IconCopyOutlineMedium, {}) }) }), child !== undefined && (_jsx(Tooltip, { label: t('speech.jump'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": t('speech.jump'), onClick: () => { openSession(child); }, children: _jsx(IconLinkOutlineMedium, {}) }) })), child !== undefined && data.messageId !== undefined && openDetail !== undefined && (_jsx(Tooltip, { label: t('speech.detail'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": t('speech.detail'), onClick: () => { openDetail(child, data.messageId); }, children: _jsx(IconRequestDetailOutline16, {}) }) })), tokens !== undefined && tokens > 0
+    return (_jsxs("div", { className: css.speech, "data-time-hover-root": "", "data-actions-reveal": newestSpeech ? 'always' : 'hover', style: { '--member-color': color }, children: [_jsx("span", { className: css.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.stack, children: [_jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.identity, children: [_jsx("span", { className: css.name, children: data.member }), member?.role !== undefined && _jsx("span", { className: css.role, children: member.role }), provider !== undefined && provider !== '' && _jsx("span", { className: css.provider, children: provider }), data.interrupted !== undefined && _jsx("span", { className: css.interrupted, children: t(data.interrupted === 'cancelled' ? 'speech.stopped' : 'speech.failed') })] }), _jsxs("div", { className: clamped ? `${css.body} ${css.clamped}` : css.body, children: [replyParts(data, state?.askLog).map(part => part.kind === 'text'
+                                        ? _jsx(MarkdownText, { text: part.text, labels: labels, fileMentions: mentions }, `t${part.from}`)
+                                        : _jsx(RoomQuestionView, { ...{ node: { data: askCardData(part.ask) }, answerQuestion, t }, inline: { mid: part.mid } }, part.ask.id)), clamped && _jsx("div", { className: css.fade, "aria-hidden": true, onClick: () => { toggle(true); } }), collapsible && (_jsx("div", { className: css.foldBar, children: _jsx(Tooltip, { label: expanded ? t('speech.collapse') : t('speech.expand'), side: "bottom", children: _jsx("button", { type: "button", className: css.foldToggle, "aria-label": expanded ? t('speech.collapse') : t('speech.expand'), "aria-expanded": expanded, onClick: () => { toggle(!expanded); }, children: _jsx(IconChevronDownOutlineMedium, {}) }) }) }))] }), data.reportedTo !== undefined && (_jsx("span", { className: css.reported, children: t('speech.reportedTo', { member: data.reportedTo }) }))] }), _jsxs("div", { className: css.actions, children: [_jsx(Tooltip, { label: copied ? t('action.copied') : t('action.copy'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": copied ? t('action.copied') : t('action.copy'), onClick: copy, children: copied ? _jsx(IconCheckOutlineMedium, {}) : _jsx(IconCopyOutlineMedium, {}) }) }), child !== undefined && (_jsx(Tooltip, { label: t('speech.jump'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": t('speech.jump'), onClick: () => { openSession(child); }, children: _jsx(IconLinkOutlineMedium, {}) }) })), child !== undefined && data.messageId !== undefined && openDetail !== undefined && (_jsx(Tooltip, { label: t('speech.detail'), side: "bottom", children: _jsx("button", { type: "button", className: css.action, "aria-label": t('speech.detail'), onClick: () => { openDetail(child, data.messageId); }, children: _jsx(IconRequestDetailOutline16, {}) }) })), tokens !== undefined && tokens > 0
                                 ? _jsx(UsageChip, { tokens: tokens, execution: execution, provider: member?.kind === 'cli' ? member.provider : undefined, durationMs: data.durationMs, t: t })
                                 : data.durationMs !== undefined && _jsx("span", { className: css.meta, children: formatDurationMs(data.durationMs) }), _jsx("span", { className: css.meta, children: formatClock(data.time) })] })] })] }));
 }

package/lib/types/client/RoomStatsLine.d.ts

@@ -76,7 +76,9 @@ export interface RoomStatsLineProps {
     readonly useProjection: UseProjection;
     /** The room's replayed state: the members chip reads its execution records. */
     readonly state?: RoomState | undefined;
+    /** Members chip only: an external coordinator's room, where the room session's own figures are not the coordinator's. */
+    readonly membersOnly?: boolean | undefined;
     readonly t: RoomComposerProps['t'];
 }
-export declare const RoomStatsLine: import("react").MemoExoticComponent<({ useProjection, state, t }: RoomStatsLineProps) => ReactNode>;
+export declare const RoomStatsLine: import("react").MemoExoticComponent<({ useProjection, state, membersOnly, t }: RoomStatsLineProps) => ReactNode>;
 //# sourceMappingURL=RoomStatsLine.d.ts.map

package/lib/types/client/RoomStatsLine.js

@@ -103,7 +103,7 @@ export function memberUsage(state) {
     const order = state.members.map(member => member.name);
     return [...rows.values()].sort((a, b) => order.indexOf(a.member) - order.indexOf(b.member));
 }
-export const RoomStatsLine = memo(function RoomStatsLine({ useProjection, state, t }) {
+export const RoomStatsLine = memo(function RoomStatsLine({ useProjection, state, membersOnly = false, t }) {
     const members = memberUsage(state);
     const [open, setOpen] = useState(false);
     const membersRef = useRef(null);
@@ -156,6 +156,8 @@ export const RoomStatsLine = memo(function RoomStatsLine({ useProjection, state,
             output: formatTokens(usage.outputTokens),
         }));
     }
+    if (membersOnly)
+        groups.length = 0;
     const line = groups.join(' | ');
     // The row elides with ellipsis when overlong; a delayed hover tooltip
     // carries the full line, enabled only while content is actually clipped

package/lib/types/client/RoomTaskCapsule.d.ts

@@ -12,8 +12,13 @@ import type { RoomState } from '../types.ts';
 import type { RoomComposerProps } from './slots.ts';
 type Props = Pick<RoomComposerProps, 'openTasks' | 'reconcileDelivery' | 'openPlanSession' | 'invite' | 'listProviders' | 'roomCwd' | 'browseDirectory' | 'modelSurface' | 'renderHarnessModelPicker' | 't'> & {
     readonly state: RoomState;
+    /** A member waiting on a question inside its round: its capsule jumps back to the question. */
+    readonly waiting?: {
+        readonly member: string;
+        readonly jump: () => void;
+    } | undefined;
 };
 /** The capsule row. */
-export declare function RoomTaskCapsule({ state, openTasks, reconcileDelivery, openPlanSession, invite, listProviders, roomCwd, browseDirectory, modelSurface, renderHarnessModelPicker, t, }: Props): ReactNode;
+export declare function RoomTaskCapsule({ state, openTasks, reconcileDelivery, openPlanSession, invite, listProviders, roomCwd, browseDirectory, modelSurface, renderHarnessModelPicker, waiting, t, }: Props): ReactNode;
 export {};
 //# sourceMappingURL=RoomTaskCapsule.d.ts.map

package/lib/types/client/RoomTaskCapsule.js

@@ -14,7 +14,7 @@ import { RoomRecoveryView } from './RoomRecoveryView.js';
 import { attentionCount, needsAttention } from './tasks.js';
 import css from './RoomTaskCapsule.module.css';
 /** The capsule row. */
-export function RoomTaskCapsule({ state, openTasks, reconcileDelivery, openPlanSession, invite, listProviders, roomCwd, browseDirectory, modelSurface, renderHarnessModelPicker, t, }) {
+export function RoomTaskCapsule({ state, openTasks, reconcileDelivery, openPlanSession, invite, listProviders, roomCwd, browseDirectory, modelSurface, renderHarnessModelPicker, waiting, t, }) {
     const [inviteOpen, setInviteOpen] = useState(false);
     const [providers, setProviders] = useState(undefined);
     const jobs = state.jobs ?? [];
@@ -33,5 +33,5 @@ export function RoomTaskCapsule({ state, openTasks, reconcileDelivery, openPlanS
     const running = jobs.filter(job => job.status === 'running').length;
     const attention = attentionCount(state);
     const firstAttention = jobs.find(job => needsAttention(state, job));
-    return _jsx("div", { className: css.root, children: _jsxs("div", { className: css.capsules, children: [_jsxs("button", { type: "button", className: css.capsule, "data-testid": "room-task-capsule", ...running > 0 ? { 'data-running': '' } : {}, onClick: () => { openTasks(); }, children: [running > 0 && _jsx("span", { className: css.dot, "aria-hidden": true }), running > 0 ? t('job.capsule.running', { count: running }) : t('job.capsule.idle', { count: jobs.length })] }), attention > 0 && _jsx("button", { type: "button", className: css.capsule, "data-attention": "", onClick: () => { openTasks(firstAttention?.id); }, children: t('job.capsule.attention', { count: attention }) })] }) });
+    return _jsx("div", { className: css.root, children: _jsxs("div", { className: css.capsules, children: [_jsxs("button", { type: "button", className: css.capsule, "data-testid": "room-task-capsule", ...running > 0 ? { 'data-running': '' } : {}, onClick: () => { openTasks(); }, children: [running > 0 && _jsx("span", { className: css.dot, "aria-hidden": true }), running > 0 ? t('job.capsule.running', { count: running }) : t('job.capsule.idle', { count: jobs.length })] }), attention > 0 && _jsx("button", { type: "button", className: css.capsule, "data-attention": "", onClick: () => { openTasks(firstAttention?.id); }, children: t('job.capsule.attention', { count: attention }) }), waiting !== undefined && _jsxs("button", { type: "button", className: css.capsule, "data-attention": "", "data-waiting": "", onClick: waiting.jump, children: [_jsx("span", { className: css.dot, "aria-hidden": true }), t('question.capsule', { member: waiting.member })] })] }) });
 }

package/lib/types/client/TasksView.js

@@ -126,7 +126,7 @@ function JobDetail({ state, job, now, actions, back, t }) {
         }
     };
     const stopping = [...new Set(open.map(row => memberOf(state, row.memberId)?.name ?? row.memberId))];
-    return _jsxs("div", { className: css.detail, "data-task": job.id, children: [_jsxs("button", { type: "button", className: css.back, onClick: back, children: [_jsx(IconChevronLeftOutlineMedium, { size: 18 }), t('job.back')] }), _jsxs("div", { className: css.card, children: [_jsxs("strong", { className: css.cardTitle, children: [label, " \u00B7 ", job.title] }), _jsxs("div", { className: css.rowMeta, children: [_jsx("span", { className: css.tag, "data-status": status, children: t(`job.status.${status}`) }), _jsx("span", { className: css.muted, children: t('job.elapsed', { time: formatDurationMs(jobElapsed(job, now)) }) }), _jsx(Avatars, { state: state, ids: job.members })] }), _jsx("ul", { className: css.messages, children: job.messages.map(entry => _jsxs("li", { children: [_jsx("span", { className: css.muted, children: formatClock(entry.time) }), _jsxs("span", { className: css.messageText, children: [t('job.you'), entry.text] }), entry.by !== undefined && _jsx("span", { className: css.attr, children: entry.by === 'model'
+    return _jsxs("div", { className: css.detail, "data-task": job.id, children: [_jsxs("button", { type: "button", className: css.back, onClick: back, children: [_jsx(IconChevronLeftOutlineMedium, { size: 18 }), t('job.back')] }), _jsxs("div", { className: css.card, children: [_jsxs("strong", { className: css.cardTitle, children: [label, " \u00B7 ", job.title] }), _jsxs("div", { className: css.rowMeta, children: [_jsx("span", { className: css.tag, "data-status": status, children: t(`job.status.${status}`) }), _jsx("span", { className: css.muted, children: t('job.elapsed', { time: formatDurationMs(jobElapsed(job, now)) }) }), _jsx(Avatars, { state: state, ids: job.members })] }), _jsx("ul", { className: css.messages, children: job.messages.map(entry => _jsxs("li", { children: [_jsx("span", { className: css.muted, children: formatClock(entry.time) }), _jsxs("span", { className: css.messageText, children: [entry.from === undefined ? t('job.you') : t('job.from', { name: memberOf(state, entry.from)?.name ?? entry.from }), entry.text] }), entry.by !== undefined && _jsx("span", { className: css.attr, children: entry.by === 'model'
                                         ? t('job.by.model', { probability: (entry.probability ?? 0).toFixed(2) })
                                         : t(`job.by.${entry.by}`) })] }, entry.id)) }), _jsx(Bar, { rows: rows, from: job.startedAt, to: job.endedAt ?? now, now: now })] }), _jsxs("div", { className: css.actions, children: [open.length > 0 && actions.stopJob !== undefined && !confirming
                         && _jsx("button", { type: "button", className: css.danger, onClick: () => { setConfirming(true); }, children: t('job.stop') }), actions.compose !== undefined && _jsx("button", { type: "button", className: css.primary, onClick: () => { actions.compose?.({ task: job.id, label }); }, children: t('job.followUp') }), actions.compose !== undefined && _jsx("span", { className: css.muted, children: t('job.followUpHint', { label }) })] }), confirming && _jsxs("div", { className: css.confirm, role: "alertdialog", "aria-label": t('job.stop'), children: [_jsx("p", { children: t('job.stopConfirm', { members: stopping.join('、') }) }), _jsxs("div", { className: css.actions, children: [_jsx("button", { type: "button", className: css.danger, disabled: busy, onClick: () => { void stop(); }, children: t('job.stopYes') }), _jsx("button", { type: "button", className: css.small, onClick: () => { setConfirming(false); }, children: t('goal.cancel') })] })] }), message !== null && _jsx("p", { role: "alert", className: css.error, children: message }), actions.reconcile !== undefined && _jsx(RoomRecoveryView, { deliveries: rows, members: state.members, reconcile: actions.reconcile, openSession: actions.openSession, t: t }), relays.map(relay => _jsxs("div", { className: css.need, children: [_jsx("p", { children: t('job.relay', { from: relay.from, to: relay.to }) }), _jsx("p", { className: css.messageText, children: relay.content }), _jsxs("div", { className: css.actions, children: [actions.confirmRelay !== undefined && _jsx("button", { type: "button", className: css.small, onClick: () => { void actions.confirmRelay?.(relay.id); }, children: t('job.relayConfirm') }), actions.dismissRelay !== undefined && _jsx("button", { type: "button", className: css.small, onClick: () => { void actions.dismissRelay?.(relay.id); }, children: t('job.relayDismiss') })] })] }, relay.id)), job.goalId !== undefined && job.goalId === state.plan?.id && actions.planCommand !== undefined && _jsxs("section", { className: css.section, children: [_jsx("h4", { children: t('job.goalTag', { objective: state.plan.objective }) }), _jsx(RoomPlanView, { plan: state.plan, members: state.members, command: actions.planCommand, openSession: actions.openSession, stopMember: actions.stopDelivery, t: t })] }), _jsxs("section", { className: css.section, children: [_jsx("h4", { children: t('job.subtasks') }), _jsx(SubtaskTree, { state: state, nodes: subtaskTree(state, job), now: now, actions: actions, t: t })] }), _jsxs("section", { className: css.section, children: [_jsx("h4", { children: t('job.timeline') }), _jsx(Timeline, { state: state, job: job, now: now, t: t })] })] });

package/lib/types/client/TeamView.js

@@ -22,7 +22,7 @@ function nodeElement(root, id) {
 const WIDE = 600;
 function StatusDot({ node, t }) {
     const label = node.status === 'running' ? t('members.status.running') : node.status === 'failed' ? t('members.status.failed') : t('members.status.idle');
-    return _jsxs("span", { className: css.status, "data-status": node.status, children: [_jsx("i", { "aria-hidden": true }), label] });
+    return _jsxs("span", { className: css.status, "data-status": node.status, title: label, children: [_jsx("i", { "aria-hidden": true }), _jsx("span", { children: label })] });
 }
 function Avatar({ node }) {
     return _jsx("span", { className: css.avatar, style: { '--member-color': memberColor(node.member.name) }, "aria-hidden": true, children: node.member.name.slice(0, 1).toUpperCase() });

package/lib/types/client/icons.d.ts

@@ -1,6 +1,6 @@
 /**
  * Generated by scripts/sync-icon-artwork.mts from @deepseek-ai/dsh-client-ui-primitives
- * (v0.2.1-rc.1, harness 1600d8a1e1) — do not edit by hand. The 0.1.5 and rc.1 host lines
+ * (v0.2.1-rc.3, harness 1f81c047fc) — do not edit by hand. The 0.1.5 and rc.1 host lines
  * share no icon export name, so the rc.1 artwork is inlined here: pure SVG,
  * no host runtime identity, identical on every line. Re-run the generator
  * after adding an icon import or bumping the harness checkout.
@@ -23,6 +23,7 @@ export declare const IconChevronRightOutlineMedium: ({ size, className }: IconPr
 export declare const IconChevronUpOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
 export declare const IconCopyOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
 export declare const IconLinkOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconPaperclipOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
 export declare const IconQueueOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
 export declare const IconStopFillMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

package/lib/types/client/icons.js

@@ -8,5 +8,6 @@ export const IconChevronRightOutlineMedium = ({ size = 14, className }) => (_jsx
 export const IconChevronUpOutlineMedium = ({ size = 14, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M12 10L8.70711 6.70711C8.31658 6.31658 7.68342 6.31658 7.29289 6.70711L4 10", stroke: "currentColor" }) }));
 export const IconCopyOutlineMedium = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("rect", { x: "1.52075", y: "4.07373", width: "10.3932", height: "10.3932", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M11.9792 1.53296C13.36 1.53296 14.4792 2.65225 14.4792 4.03296V9.42847C14.4792 10.3756 13.9521 11.1987 13.1755 11.6228V10.3298C13.3652 10.0787 13.4792 9.7674 13.4792 9.42847V4.03296C13.4792 3.20453 12.8077 2.53296 11.9792 2.53296H6.58374C6.27966 2.53301 5.99684 2.6235 5.7605 2.77905H4.42358C4.85652 2.03463 5.66056 1.53304 6.58374 1.53296H11.9792Z", fill: "currentColor" })] }));
 export const IconLinkOutlineMedium = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M6.59961 9.40051C6.82779 9.6334 7.10015 9.81842 7.40074 9.94472C7.70132 10.071 8.02409 10.1361 8.35013 10.1361C8.67618 10.1361 8.99894 10.071 9.29953 9.94472C9.60011 9.81842 9.87247 9.6334 10.1007 9.40051L12.9015 6.59967C13.3658 6.13541 13.6266 5.50572 13.6266 4.84915C13.6266 4.19258 13.3658 3.56289 12.9015 3.09863C12.4372 2.63436 11.8075 2.37354 11.151 2.37354C10.4944 2.37354 9.86472 2.63436 9.40045 3.09863L9.05034 3.44873", stroke: "currentColor" }), _jsx("path", { d: "M9.40051 6.59959C9.17233 6.3667 8.89997 6.18169 8.59939 6.05538C8.2988 5.92907 7.97603 5.86401 7.64999 5.86401C7.32395 5.86401 7.00118 5.92907 6.70059 6.05538C6.40001 6.18169 6.12765 6.3667 5.89946 6.59959L3.09863 9.40043C2.63436 9.8647 2.37354 10.4944 2.37354 11.151C2.37354 11.8075 2.63436 12.4372 3.09863 12.9015C3.56289 13.3657 4.19258 13.6266 4.84915 13.6266C5.50572 13.6266 6.13541 13.3657 6.59967 12.9015L6.94978 12.5514", stroke: "currentColor" })] }));
+export const IconPaperclipOutlineMedium = ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M12.75 4.5V9.5C12.75 10.7598 12.2496 11.968 11.3588 12.8588C10.468 13.7496 9.25978 14.25 8 14.25C6.74022 14.25 5.53204 13.7496 4.64124 12.8588C3.75045 11.968 3.25 10.7598 3.25 9.5V5C3.25 4.13805 3.59241 3.3114 4.2019 2.7019C4.8114 2.09241 5.63805 1.75 6.5 1.75C7.36195 1.75 8.1886 2.09241 8.7981 2.7019C9.40759 3.3114 9.75 4.13805 9.75 5V9.5C9.75 9.96413 9.56563 10.4092 9.23744 10.7374C8.90925 11.0656 8.46413 11.25 8 11.25C7.53587 11.25 7.09075 11.0656 6.76256 10.7374C6.43437 10.4092 6.25 9.96413 6.25 9.5V5.5", stroke: "currentColor" }) }));
 export const IconQueueOutlineMedium = ({ size = 14, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M5 6.75H11", stroke: "currentColor" }), _jsx("path", { d: "M5 9H8", stroke: "currentColor" }), _jsx("path", { d: "M2.37067 11.2497C1.5872 9.89252 1.32042 8.29798 1.61945 6.7597C1.91847 5.22141 2.76317 3.84293 3.99801 2.87809C5.23285 1.91325 6.7747 1.427 8.33964 1.50888C9.90458 1.59076 11.3873 2.23526 12.5147 3.32369C13.6422 4.41232 14.3384 5.8717 14.4751 7.43304C14.6118 8.99438 14.1797 10.5525 13.2585 11.8205C12.3372 13.0885 10.9889 13.9809 9.4617 14.3334C8.18666 14.6277 6.8587 14.529 5.64964 14.0601C5.17095 13.8745 4.76937 13.4929 4.26509 13.3963C3.67389 13.2832 2.95232 13.5595 2.0377 14.3334", stroke: "currentColor" })] }));
 export const IconStopFillMedium = ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M12.5 2.5H3.5C2.94772 2.5 2.5 2.94772 2.5 3.5V12.5C2.5 13.0523 2.94772 13.5 3.5 13.5H12.5C13.0523 13.5 13.5 13.0523 13.5 12.5V3.5C13.5 2.94772 13.0523 2.5 12.5 2.5Z", fill: "currentColor" }) }));

package/lib/types/client/index.js

@@ -1,10 +1,11 @@
 import roomRemote from '@khorsheed/dsh-room/remote';
 import { presetDisplayText } from '@deepseek-ai/dsh-agent-preset-registry/display';
 import { RoomRequestIds } from './request-ids.js';
+import { fileAddressFor } from '@deepseek-ai/dsh-util-workspace-path';
 import { en, zh } from './locales.js';
 import { InviteAgentAction } from './InviteAgentAction.js';
 import { MembersView } from './MembersView.js';
-import { RoomComposer, selectRoomComposer } from './RoomComposer.js';
+import { RoomComposer, roomInteractionKey, selectRoomComposer } from './RoomComposer.js';
 import { ROOM_TASKS_KIND, ROOM_TASKS_TAB_ID, RoomTasksTab } from './TasksTab.js';
 import { RoomTaskTags } from './task-tag.js';
 import { RoomSpeechView } from './RoomSpeechView.js';
@@ -68,13 +69,56 @@ export async function apply(ctx) {
     // RoomStore's cached verdict as the actual-room escape.
     const roomChrome = new RoomPresetVisibility(ctx, sessionId => roomStore.isRoomCached(sessionId) === true);
     const requestIds = new RoomRequestIds();
-    const submit = async (sessionId, text, targets, task) => {
+    /** Answer a member's question card (the row of its own, or inline in its round). */
+    const answerFor = (sessionId) => async (questionId, answers) => {
+        if (remote === undefined)
+            return t('composer.error.generic');
+        const carried = await remote.answerQuestion({ sessionId, id: questionId, answers });
+        void roomStore.refresh(sessionId);
+        if (!carried.ok)
+            return t('composer.error.generic');
+        return carried.value.ok ? undefined : t('question.expired');
+    };
+    /**
+     * Open a path a member named in the sidebar's file viewer — the same file
+     * address the main conversation's file links open (a relative path resolves
+     * against the room session's workspace).
+     */
+    const openPath = ctx.get('sidebarRight') === undefined ? undefined : (sessionId, path) => {
+        const cwd = ctx.sessions.list.getSnapshot().byId[sessionId]?.cwd;
+        try {
+            ctx.get('sidebarRight').openResource(fileAddressFor(sessionId, cwd, path));
+        }
+        catch { /* no viewer claims file addresses: the link stays inert */ }
+    };
+    // The official conversation service's draft attachments (pick, upload,
+    // serialize): the room composer re-uses them so its attachments behave
+    // exactly like the official composer's. A host without them: no attachments.
+    // Read per inject, never once at apply: the conversation service may come up after this plugin.
+    const attachmentsFor = () => {
+        const conversation = ctx.get('conversation');
+        const attachmentsFace = conversation?.createDrafts === undefined || conversation.resolveDraftAttachments === undefined
+            || conversation.releaseDraftAttachment === undefined || conversation.retryFileUpload === undefined
+            || conversation.fileUploads === undefined || conversation.serializeDraftAttachments === undefined
+            ? undefined
+            : {
+                create: (sessionId, files) => conversation.createDrafts.call(conversation, sessionId, files),
+                resolve: ids => conversation.resolveDraftAttachments.call(conversation, ids),
+                release: (id) => { conversation.releaseDraftAttachment.call(conversation, id); },
+                retry: (sessionId, id) => { conversation.retryFileUpload.call(conversation, sessionId, id); },
+                uploads: conversation.fileUploads,
+                serialize: async (ids) => (await conversation.serializeDraftAttachments.call(conversation, ids)).attachments,
+            };
+        return attachmentsFace;
+    };
+    const submit = async (sessionId, text, targets, task, attachments) => {
         if (remote === undefined)
             return { ok: false, message: t('composer.error.generic') };
         const requestId = requestIds.forInput(sessionId, text, targets);
         const carried = await remote.postMessage({
             sessionId, text, requestId, ...targets === undefined || targets.length === 0 ? {} : { targets },
             ...task === undefined ? {} : { task },
+            ...attachments === undefined || attachments.length === 0 ? {} : { attachments },
         });
         if (!carried.ok)
             return { ok: false, message: t('composer.error.generic') };
@@ -82,7 +126,9 @@ export async function apply(ctx) {
         if (!result.ok) {
             return result.error.code === 'unknown-targets'
                 ? { ok: false, message: t('composer.error.unknownTargets', { names: result.error.names.join(' ') }) }
-                : { ok: false, message: t('composer.error.generic') };
+                : result.error.code === 'attachment-invalid'
+                    ? { ok: false, message: t('composer.error.attachment', { reason: result.error.message }) }
+                    : { ok: false, message: t('composer.error.generic') };
         }
         requestIds.complete(sessionId, requestId);
         void roomStore.refresh(sessionId);
@@ -371,6 +417,44 @@ export async function apply(ctx) {
     // 0.1.2 folded the event-Definition registry into `uiConversation.events`
     // (commit be531688f3); the deferred arm never fires in a composition
     // without the service, losing only the room chat rows, never the boot.
+    // The session list's 等你处理: a room's waiting question/approval cards are
+    // published as the host's pending interactions (lowest precedence, so an
+    // official approval in the same session still wins). The host tracks the
+    // cards of every live room; a light poll keeps the list current.
+    ctx.inject(['uiSession'], (sctx) => {
+        if (remote === undefined)
+            return;
+        const uiSession = sctx.uiSession;
+        if (uiSession.registerPendingInteraction === undefined)
+            return;
+        const publish = uiSession.registerPendingInteraction(() => -1);
+        const shown = new Map();
+        const sync = async () => {
+            const carried = await remote.pendingCards({}).catch(() => undefined);
+            if (carried === undefined || !carried.ok)
+                return;
+            const keys = new Set(carried.value.map(card => roomInteractionKey(card.kind, card.id)));
+            for (const [key, remove] of shown) {
+                if (keys.has(key))
+                    continue;
+                remove();
+                shown.delete(key);
+            }
+            for (const card of carried.value) {
+                const key = roomInteractionKey(card.kind, card.id);
+                if (!shown.has(key))
+                    shown.set(key, publish({ key, kind: card.kind, sessionId: card.sessionId }, async () => { }));
+            }
+        };
+        void sync();
+        const timer = setInterval(() => { void sync(); }, 4_000);
+        sctx.effect(() => () => {
+            clearInterval(timer);
+            for (const remove of shown.values())
+                remove();
+            shown.clear();
+        }, 'room: pending cards');
+    });
     ctx.inject(['uiConversation'], (lctx) => {
         lctx.uiConversation.events.register(roomSpeechDefinition);
         lctx.uiConversation.events.register(roomRunDefinition);
@@ -500,6 +584,7 @@ export async function apply(ctx) {
             },
             taskTags,
             submit,
+            ...(() => { const face = attachmentsFor(); return face === undefined ? {} : { attachments: face }; })(),
             renderMemberConfiguration: ctx.get('localAgentUi')?.renderMemberConfiguration,
             renderMemberInbox: ctx.get('localAgentUi')?.renderMemberInbox,
             stopMember: (name, expectedRunId) => { void remote?.cancel({ sessionId, name, ...expectedRunId === undefined ? {} : { expectedRunId } }).then(() => roomStore.refresh(sessionId)); },
@@ -601,9 +686,11 @@ export async function apply(ctx) {
         name: 'conversation.chat.node',
         key: 'room-speech',
         locale: NS,
-        inject: () => ({
+        inject: (sessionId) => ({
             roomStore,
             openSession,
+            answerQuestion: answerFor(sessionId),
+            ...openPath === undefined ? {} : { openPath },
             // Context Lens is another plugin: reach it through the sidebar by its
             // tab kind, only when its namespace is mounted; a refused open is a no-op.
             ...ctx.get('remote.requestInspector') === undefined || ctx.get('sidebarRight') === undefined ? {} : {
@@ -625,6 +712,8 @@ export async function apply(ctx) {
             roomStore,
             openSession,
             cancelMember: member => cancelMember(sessionId, member),
+            answerQuestion: answerFor(sessionId),
+            ...openPath === undefined ? {} : { openPath },
         }),
     }, RoomRunView));
     ctx.slots.inject('conversation.chat.node', () => ctx.slots.register({ name: 'conversation.chat.node', key: 'room-event', locale: NS }, RoomEventView));
@@ -668,17 +757,7 @@ export async function apply(ctx) {
         name: 'conversation.chat.node',
         key: 'room-question',
         locale: NS,
-        inject: (sessionId) => ({
-            answerQuestion: async (questionId, answers) => {
-                if (remote === undefined)
-                    return t('composer.error.generic');
-                const carried = await remote.answerQuestion({ sessionId, id: questionId, answers });
-                void roomStore.refresh(sessionId);
-                if (!carried.ok)
-                    return t('composer.error.generic');
-                return carried.value.ok ? undefined : t('question.expired');
-            },
-        }),
+        inject: (sessionId) => ({ answerQuestion: answerFor(sessionId) }),
     }, RoomQuestionView));
     ctx.slots.inject('conversation.chat.node', () => ctx.slots.register({
         name: 'conversation.chat.node',

package/lib/types/client/locales.d.ts

@@ -94,6 +94,20 @@ export declare const zh: {
     'composer.stop': string;
     'composer.error.unknownTargets': string;
     'composer.error.generic': string;
+    'composer.interrupted': string;
+    'composer.continueAll': string;
+    'composer.continueText': string;
+    'composer.error.attachment': string;
+    'attach.add': string;
+    'attach.remove': string;
+    'attach.uploading': string;
+    'attach.failed': string;
+    'attach.retry': string;
+    'attach.open': string;
+    'attach.preview': string;
+    'attach.closePreview': string;
+    'attach.drop': string;
+    'attach.unsupported': string;
     'composer.model.picker': string;
     'composer.model.select': string;
     'composer.model.loading': string;
@@ -132,6 +146,7 @@ export declare const zh: {
     'usage.output': string;
     'usage.duration': string;
     'run.working': string;
+    'run.waiting': string;
     'run.failed': string;
     'run.stop': string;
     'run.durationUnknown': string;
@@ -349,6 +364,7 @@ export declare const zh: {
     'job.status.stopped': string;
     'job.elapsed': string;
     'job.you': string;
+    'job.from': string;
     'job.by.human': string;
     'job.by.coordinator': string;
     'job.by.model': string;
@@ -434,12 +450,18 @@ export declare const zh: {
     'decision.rule.failure': string;
     'decision.rule.last': string;
     'question.title': string;
+    'question.waiting': string;
+    'question.asked': string;
+    'question.midRound': string;
+    'question.capsule': string;
     'question.other': string;
     'question.otherPlaceholder': string;
     'question.submit': string;
     'question.multi': string;
     'question.answered': string;
     'question.cancelled': string;
+    'question.lateOpen': string;
+    'question.answeredLate': string;
     'question.answer': string;
     'question.expired': string;
     'invite.modelLabel': string;
@@ -548,6 +570,20 @@ export declare const en: {
     'composer.stop': string;
     'composer.error.unknownTargets': string;
     'composer.error.generic': string;
+    'composer.interrupted': string;
+    'composer.continueAll': string;
+    'composer.continueText': string;
+    'composer.error.attachment': string;
+    'attach.add': string;
+    'attach.remove': string;
+    'attach.uploading': string;
+    'attach.failed': string;
+    'attach.retry': string;
+    'attach.open': string;
+    'attach.preview': string;
+    'attach.closePreview': string;
+    'attach.drop': string;
+    'attach.unsupported': string;
     'composer.model.picker': string;
     'composer.model.select': string;
     'composer.model.loading': string;
@@ -586,6 +622,7 @@ export declare const en: {
     'usage.output': string;
     'usage.duration': string;
     'run.working': string;
+    'run.waiting': string;
     'run.failed': string;
     'run.stop': string;
     'run.durationUnknown': string;
@@ -803,6 +840,7 @@ export declare const en: {
     'job.status.stopped': string;
     'job.elapsed': string;
     'job.you': string;
+    'job.from': string;
     'job.by.human': string;
     'job.by.coordinator': string;
     'job.by.model': string;
@@ -888,12 +926,18 @@ export declare const en: {
     'decision.rule.failure': string;
     'decision.rule.last': string;
     'question.title': string;
+    'question.waiting': string;
+    'question.asked': string;
+    'question.midRound': string;
+    'question.capsule': string;
     'question.other': string;
     'question.otherPlaceholder': string;
     'question.submit': string;
     'question.multi': string;
     'question.answered': string;
     'question.cancelled': string;
+    'question.lateOpen': string;
+    'question.answeredLate': string;
     'question.answer': string;
     'question.expired': string;
     'invite.modelLabel': string;

package/lib/types/client/locales.js

@@ -94,6 +94,20 @@ export const zh = {
     'composer.stop': '停止生成',
     'composer.error.unknownTargets': '未知成员：{names}',
     'composer.error.generic': '发送失败，请重试',
+    'composer.interrupted': '{count} 位成员被重启打断：{names}',
+    'composer.continueAll': '全部继续',
+    'composer.continueText': '继续',
+    'composer.error.attachment': '附件没能发送：{reason}',
+    'attach.add': '添加图片或文件',
+    'attach.remove': '移除 {name}',
+    'attach.uploading': '上传中…',
+    'attach.failed': '上传失败，点击重试',
+    'attach.retry': '重新上传 {name}',
+    'attach.open': '查看原图 {name}',
+    'attach.preview': '原图预览',
+    'attach.closePreview': '关闭原图预览',
+    'attach.drop': '松开即可添加到消息',
+    'attach.unsupported': '仅支持 PNG、JPG、WebP、GIF 格式的图片',
     'composer.model.picker': 'DSH 模型',
     'composer.model.select': '选择模型',
     'composer.model.loading': '正在加载模型…',
@@ -132,6 +146,7 @@ export const zh = {
     'usage.output': '输出',
     'usage.duration': '耗时',
     'run.working': '{member} 正在工作…',
+    'run.waiting': '{member} 在等你回答',
     'run.failed': '{member} 运行失败',
     'run.stop': '停止',
     'run.durationUnknown': '耗时未知',
@@ -349,6 +364,7 @@ export const zh = {
     'job.status.stopped': '已停止',
     'job.elapsed': '用时 {time}',
     'job.you': '你：',
+    'job.from': '{name}：',
     'job.by.human': '你指定的',
     'job.by.coordinator': '协调者归入',
     'job.by.model': '决策模型归入 · {probability}',
@@ -434,12 +450,18 @@ export const zh = {
     'decision.rule.failure': '成员没有正常完成',
     'decision.rule.last': '最后一个结果',
     'question.title': '{member} 问你',
+    'question.waiting': '{member} 在等你回答',
+    'question.asked': '问你',
+    'question.midRound': '提问于这一轮中途',
+    'question.capsule': '{member} 等你回答 ↑',
     'question.other': '其他',
     'question.otherPlaceholder': '写下你的回答…',
     'question.submit': '提交回答',
     'question.multi': '可多选',
     'question.answered': '已回答',
     'question.cancelled': '已过期，未作答',
+    'question.lateOpen': '已过期，仍可回答',
+    'question.answeredLate': '已补答',
     'question.answer': '你的回答：{answer}',
     'question.expired': '这组问题已经结束了',
     'invite.modelLabel': '模型',
@@ -540,6 +562,20 @@ export const en = {
     'composer.stop': 'Stop generating',
     'composer.error.unknownTargets': 'Unknown members: {names}',
     'composer.error.generic': 'Could not send; please retry',
+    'composer.interrupted': '{count} member(s) interrupted by a restart: {names}',
+    'composer.continueAll': 'Continue all',
+    'composer.continueText': 'Continue',
+    'composer.error.attachment': 'An attachment could not be sent: {reason}',
+    'attach.add': 'Add images or files',
+    'attach.remove': 'Remove {name}',
+    'attach.uploading': 'Uploading…',
+    'attach.failed': 'Upload failed — click to retry',
+    'attach.retry': 'Upload {name} again',
+    'attach.open': 'View the original of {name}',
+    'attach.preview': 'Original image',
+    'attach.closePreview': 'Close the original image',
+    'attach.drop': 'Drop to add to the message',
+    'attach.unsupported': 'Only PNG, JPG, WebP and GIF images are supported',
     'composer.model.picker': 'Main agent model',
     'composer.model.select': 'Select model',
     'composer.model.loading': 'Loading models…',
@@ -578,6 +614,7 @@ export const en = {
     'usage.output': 'Output',
     'usage.duration': 'Run time',
     'run.working': '{member} is working…',
+    'run.waiting': '{member} is waiting for your answer',
     'run.failed': "{member}'s run failed",
     'run.stop': 'Stop',
     'run.durationUnknown': 'Duration unknown',
@@ -795,6 +832,7 @@ export const en = {
     'job.status.stopped': 'stopped',
     'job.elapsed': 'took {time}',
     'job.you': 'You: ',
+    'job.from': '{name}: ',
     'job.by.human': 'filed by you',
     'job.by.coordinator': 'filed by the coordinator',
     'job.by.model': 'filed by the decision model · {probability}',
@@ -880,12 +918,18 @@ export const en = {
     'decision.rule.failure': 'the member did not finish normally',
     'decision.rule.last': 'the last result',
     'question.title': '{member} asks you',
+    'question.waiting': '{member} is waiting for your answer',
+    'question.asked': 'Asked you',
+    'question.midRound': 'asked mid-round',
+    'question.capsule': '{member} waits for your answer ↑',
     'question.other': 'Other',
     'question.otherPlaceholder': 'Type your answer…',
     'question.submit': 'Submit answers',
     'question.multi': 'Pick any',
     'question.answered': 'Answered',
     'question.cancelled': 'Expired without an answer',
+    'question.lateOpen': 'Expired — you can still answer',
+    'question.answeredLate': 'Answered late',
     'question.answer': 'Your answer: {answer}',
     'question.expired': 'These questions already ended',
     'invite.modelLabel': 'Model',