@khorsheed/dsh-room 0.2.4 → 0.2.5

package/lib/types/client/InviteDialog.js

@@ -172,8 +172,8 @@ export function InviteDialog({ mode, member, providers, presets, sessionPreset,
     // Edit mode: instructions may clear (empty = no preset injected); the name
     // is the only hard requirement.
     const canSubmit = mode === 'edit'
-        ? validName(name)
-        : (native || localAgentAvailable) && chosen !== '' && validName(name);
+        ? validName(name) && !(name !== member?.name && existingNames.includes(name))
+        : (native || localAgentAvailable) && chosen !== '' && validName(name) && !existingNames.includes(name);
     // The model row: the same control the provider settings cards use. An unset
     // field DISPLAYS the provider's current default dimmed (inherited, never
     // pinned); the chevron menu leads with the 默认 item (picking it clears the
@@ -211,6 +211,11 @@ export function InviteDialog({ mode, member, providers, presets, sessionPreset,
         ...instructions.trim() === '' ? {} : { instructions: instructions.trim() },
         ...role.trim() === '' ? {} : { role: role.trim() },
     };
+    // A typed name that cannot be saved: invalid (whitespace, @) or another member's.
+    const nameProblem = name === '' ? undefined
+        : !validName(name) ? 'invite.error.invalid'
+            : name !== member?.name && existingNames.includes(name) ? 'invite.error.duplicate'
+                : undefined;
     const rollDice = () => {
         const rolled = rollName(existingNames, name);
         if (rolled !== undefined)
@@ -275,6 +280,8 @@ export function InviteDialog({ mode, member, providers, presets, sessionPreset,
                                             })() })] })), mode === 'edit' && _jsxs("div", { className: css.editHead, children: [_jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t }), _jsxs("dl", { className: css.locked, children: [_jsxs("div", { children: [_jsx("dt", { children: t('invite.provider') }), _jsx("dd", { children: member?.kind === 'main-agent' || member?.kind === 'native' ? 'DSH' : member?.provider ?? '—' })] }), _jsxs("div", { children: [_jsx("dt", { children: t('invite.cliPreset') }), _jsx("dd", { children: member?.preset === undefined
                                                                 ? t('invite.cliPresetNone')
                                                                 : presets?.find(entry => entry.id === member.preset)?.name ?? member.preset })] }), _jsx("span", { className: css.lockedNote, children: t('invite.lockedNote') })] })] }), native ? null : mode === 'edit' && memberConfiguration !== undefined
-                                    ? _jsxs("div", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.modelLabel') }), memberConfiguration] })
-                                    : memberConfiguration ?? (mode === 'invite' && chosenHarness !== undefined && (modelSurface === undefined || surface !== undefined) ? renderHarnessModelPicker?.(chosenHarness, { value: model, onChange: setModel, effort: { value: effort, onChange: setEffort }, disabled: busy, fields: { row: css.fieldPair, field: css.field, label: css.label, select: css.select } }) : undefined) ?? modelField, _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.name') }), _jsxs("span", { className: css.nameRow, children: [_jsx("input", { className: css.input, value: name, placeholder: "ada", onChange: event => { setName(event.target.value); } }), _jsx("button", { type: "button", className: css.dice, title: t('invite.randomName'), "aria-label": t('invite.randomName'), onClick: rollDice, children: "\uD83C\uDFB2" })] }), _jsx("span", { className: css.hint, children: t('invite.nameHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.role') }), _jsx("input", { className: css.input, value: role, maxLength: ROOM_ROLE_MAX, placeholder: t('invite.rolePlaceholder'), onChange: event => { setRole(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.roleHint') })] }), mode === 'invite' && (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.firstTask') }), _jsx("textarea", { className: css.textarea, rows: 2, value: firstTask, onChange: event => { setFirstTask(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.firstTaskHint') })] })), _jsxs("details", { className: css.advanced, open: advancedOpen, onToggle: (event) => { setAdvancedOpen(event.currentTarget.open); }, children: [_jsx("summary", { className: css.advancedSummary, children: t('invite.advanced') }), _jsxs("div", { className: css.advancedBody, children: [_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.instructions') }), _jsx("textarea", { className: css.textarea, rows: 3, value: instructions, placeholder: t('invite.instructionsPlaceholder'), onChange: event => { setInstructions(event.target.value); } }), _jsx("span", { className: css.hint, children: mode === 'edit' ? t('invite.instructionsHintEdit') : t('invite.instructionsHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.cwd') }), _jsxs("span", { className: css.cwdRow, children: [_jsx("input", { className: css.input, value: cwd, placeholder: inheritedCwd ?? '', readOnly: true, "aria-label": t('invite.cwd') }), _jsx("button", { type: "button", className: css.browse, disabled: browsing, onClick: () => { void browse(); }, children: t('invite.browse') }), cwd !== '' && (_jsx("button", { type: "button", className: css.browse, "aria-label": t('invite.cwdReset'), onClick: () => { setCwd(''); }, children: "\u2715" }))] }), _jsx("span", { className: css.hint, children: t('invite.cwdHint') })] })] })] })] }), mode === 'invite' && _jsxs("div", { className: css.previewCol, children: [_jsx("span", { className: css.previewLabel, children: t('invite.preview') }), _jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t })] })] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: css.buttons, children: [_jsx("button", { type: "button", className: css.button, onClick: onClose, children: t('invite.cancel') }), _jsx("button", { type: "button", className: css.primary, disabled: !canSubmit || busy, onClick: () => { void submit(); }, children: mode === 'invite' ? t('invite.submit') : t('invite.save') })] })] }) }));
+                                    ? _jsxs("div", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.modelLabel') }), _jsx("div", { className: css.memberConfiguration, children: memberConfiguration })] })
+                                    : memberConfiguration ?? (mode === 'invite' && chosenHarness !== undefined && (modelSurface === undefined || surface !== undefined) ? renderHarnessModelPicker?.(chosenHarness, { value: model, onChange: setModel, effort: { value: effort, onChange: setEffort }, disabled: busy, fields: { row: css.fieldPair, field: css.field, label: css.label, select: css.select } }) : undefined) ?? modelField, _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.name') }), _jsxs("span", { className: css.nameRow, children: [_jsx("input", { className: css.input, value: name, placeholder: "ada", onChange: event => { setName(event.target.value); } }), _jsx("button", { type: "button", className: css.dice, title: t('invite.randomName'), "aria-label": t('invite.randomName'), onClick: rollDice, children: "\uD83C\uDFB2" })] }), nameProblem === undefined
+                                            ? _jsx("span", { className: css.hint, children: t('invite.nameHint') })
+                                            : _jsx("span", { className: `${css.hint} ${css.hintError}`, role: "alert", children: t(nameProblem) })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.role') }), _jsx("input", { className: css.input, value: role, maxLength: ROOM_ROLE_MAX, placeholder: t('invite.rolePlaceholder'), onChange: event => { setRole(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.roleHint') })] }), mode === 'invite' && (_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.firstTask') }), _jsx("textarea", { className: css.textarea, rows: 2, value: firstTask, onChange: event => { setFirstTask(event.target.value); } }), _jsx("span", { className: css.hint, children: t('invite.firstTaskHint') })] })), _jsxs("details", { className: css.advanced, open: advancedOpen, onToggle: (event) => { setAdvancedOpen(event.currentTarget.open); }, children: [_jsx("summary", { className: css.advancedSummary, children: t('invite.advanced') }), _jsxs("div", { className: css.advancedBody, children: [_jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.instructions') }), _jsx("textarea", { className: css.textarea, rows: 3, value: instructions, placeholder: t('invite.instructionsPlaceholder'), onChange: event => { setInstructions(event.target.value); } }), _jsx("span", { className: css.hint, children: mode === 'edit' ? t('invite.instructionsHintEdit') : t('invite.instructionsHint') })] }), _jsxs("label", { className: css.field, children: [_jsx("span", { className: css.label, children: t('invite.cwd') }), _jsxs("span", { className: css.cwdRow, children: [_jsx("input", { className: css.input, value: cwd, placeholder: inheritedCwd ?? '', readOnly: true, "aria-label": t('invite.cwd') }), _jsx("button", { type: "button", className: css.browse, disabled: browsing, onClick: () => { void browse(); }, children: t('invite.browse') }), cwd !== '' && (_jsx("button", { type: "button", className: css.browse, "aria-label": t('invite.cwdReset'), onClick: () => { setCwd(''); }, children: "\u2715" }))] }), _jsx("span", { className: css.hint, children: t('invite.cwdHint') })] })] })] })] }), mode === 'invite' && _jsxs("div", { className: css.previewCol, children: [_jsx("span", { className: css.previewLabel, children: t('invite.preview') }), _jsx(MemberCard, { preview: true, member: previewMember, run: undefined, elapsedMs: undefined, openSession: () => { }, onEdit: () => { }, onRemove: () => { }, t: t })] })] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: css.buttons, children: [_jsx("button", { type: "button", className: css.button, onClick: onClose, children: t('invite.cancel') }), _jsx("button", { type: "button", className: css.primary, disabled: !canSubmit || busy, onClick: () => { void submit(); }, children: mode === 'invite' ? t('invite.submit') : t('invite.save') })] })] }) }));
 }

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

@@ -0,0 +1,20 @@
+/**
+ * The room composer's draft-attachment rail: image thumbnails (click opens
+ * the original in the primitives' lightbox) and file cards with their upload
+ * state (uploading / failed → click to retry), each with a hover ✕ — the
+ * official composer's rail (ui-attachment's ComposerAttachments + FileCard)
+ * redrawn on the same tokens, because that package exposes no client
+ * component a plugin bundle can import. The drafts themselves are the
+ * official conversation service's (RoomAttachmentsFace).
+ */
+import { type ReactNode } from 'react';
+import type { RoomAttachmentsFace, RoomComposerProps, RoomDraftAttachment } from './slots.ts';
+/** The rail over the textarea; renders nothing without drafts. */
+export declare function RoomAttachments({ attachments, face, onRemove, onRetry, t }: {
+    readonly attachments: readonly RoomDraftAttachment[];
+    readonly face: RoomAttachmentsFace;
+    readonly onRemove: (id: string) => void;
+    readonly onRetry: (id: string) => void;
+    readonly t: RoomComposerProps['t'];
+}): ReactNode;
+//# sourceMappingURL=RoomAttachments.d.ts.map

package/lib/types/client/RoomAttachments.js

@@ -0,0 +1,36 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The room composer's draft-attachment rail: image thumbnails (click opens
+ * the original in the primitives' lightbox) and file cards with their upload
+ * state (uploading / failed → click to retry), each with a hover ✕ — the
+ * official composer's rail (ui-attachment's ComposerAttachments + FileCard)
+ * redrawn on the same tokens, because that package exposes no client
+ * component a plugin bundle can import. The drafts themselves are the
+ * official conversation service's (RoomAttachmentsFace).
+ */
+import { useState, useSyncExternalStore } from 'react';
+import { FileTypeIcon, ImageLightbox, fileSizeText } from '@deepseek-ai/dsh-client-ui-primitives';
+import css from './RoomAttachments.module.css';
+/** The rail over the textarea; renders nothing without drafts. */
+export function RoomAttachments({ attachments, face, onRemove, onRetry, t }) {
+    const uploads = useSyncExternalStore(face.uploads.subscribe, face.uploads.getSnapshot);
+    const [preview, setPreview] = useState(undefined);
+    if (attachments.length === 0)
+        return null;
+    return (_jsxs("div", { className: css.rail, children: [attachments.map((attachment) => {
+                const name = attachment.file.name;
+                const remove = (_jsx("button", { type: "button", className: css.remove, "aria-label": t('attach.remove', { name }), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { onRemove(attachment.id); }, children: _jsx("svg", { viewBox: "0 0 12 12", width: "8", height: "8", "aria-hidden": true, children: _jsx("path", { d: "M2 2l8 8M10 2l-8 8", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) }) }));
+                if (attachment.kind === 'image') {
+                    return (_jsxs("div", { className: css.imageItem, children: [_jsx("button", { type: "button", className: css.thumbnail, "aria-label": t('attach.open', { name }), onClick: () => { setPreview(attachment); }, children: _jsx("img", { src: attachment.previewUrl, alt: name }) }), remove] }, attachment.id));
+                }
+                const upload = uploads[attachment.id];
+                const state = upload?.status ?? 'uploading';
+                const meta = state === 'uploading' ? t('attach.uploading')
+                    : state === 'error' ? t('attach.failed')
+                        : typeof fileSizeText === 'function' ? fileSizeText(attachment.file.size) : '';
+                const body = (_jsxs(_Fragment, { children: [_jsx("span", { className: css.name, children: name }), _jsx("span", { className: state === 'error' ? `${css.meta} ${css.metaFailed}` : css.meta, children: meta })] }));
+                return (_jsxs("div", { className: state === 'error' ? `${css.card} ${css.failed}` : css.card, title: name, children: [_jsx("span", { className: css.icon, "aria-hidden": true, children: state === 'uploading' || typeof FileTypeIcon !== 'function' ? _jsx("span", { className: css.spinner, "data-idle": state === 'uploading' ? undefined : '' }) : _jsx(FileTypeIcon, { path: name }) }), state === 'error'
+                            ? _jsx("button", { type: "button", className: `${css.body} ${css.retry}`, "aria-label": t('attach.retry', { name }), onClick: () => { onRetry(attachment.id); }, children: body })
+                            : _jsx("span", { className: css.body, children: body }), remove] }, attachment.id));
+            }), preview !== undefined && typeof ImageLightbox === 'function' && (_jsx(ImageLightbox, { src: preview.previewUrl, alt: preview.file.name, labels: { dialog: t('attach.preview'), close: t('attach.closePreview') }, onClose: () => { setPreview(undefined); } }))] }));
+}

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

@@ -3,19 +3,13 @@ import type { SessionId } from '@deepseek-ai/dsh-session/types';
 import type { ComposerChainProps } from '@deepseek-ai/dsh-client-ui-conversation/client';
 import type { RoomComposerMatch, RoomComposerProps } from './slots.ts';
 /**
- * Pure composer-chain selector: elect exactly the cached-room sessions.
- * Pending interactions (questions/approvals) belong to the official
- * ApprovalPanel — a chain entry at priority 1. Election runs ascending, so
- * this -10 entry would shadow it: decline and let the interaction render
- * (the member-channel rule, local-agent 84a2ed0). A cache miss declines too —
- * the freshly opened room shows the official bar for the first pull's
- * duration (accepted, see room-store.ts).
- * @param owner - the composer chain currency dispatched by ConversationRoot.
- * @param isRoomCached - the room store's cache probe (injected: the selector
- *   must stay a pure function of the owner props plus stable state reads).
- * @returns the room match, or null to pass the election down the chain.
+ * The pending-interaction key a room card publishes under.
+ * @param kind - question or approval.
+ * @param id - the card id.
+ * @returns the key (prefixed, so the composer selector can tell it apart).
  */
+export declare function roomInteractionKey(kind: string, id: string): string;
 export declare function selectRoomComposer(owner: ComposerChainProps, isRoomCached: (sessionId: SessionId) => boolean): RoomComposerMatch | null;
 /** The room composer takeover component. */
-export declare function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, taskTags, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, openReference, listSessions, insertSessionReference, useSession, useProjection, useInput, inputActions, t, }: RoomComposerProps): ReactNode;
+export declare function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, taskTags, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, openReference, listSessions, insertSessionReference, useSession, useProjection, useInput, inputActions, t, attachments: attachmentFace, }: RoomComposerProps): ReactNode;
 //# sourceMappingURL=RoomComposer.d.ts.map

package/lib/types/client/RoomComposer.js

@@ -64,7 +64,8 @@ import { RoomTaskCapsule } from './RoomTaskCapsule.js';
 import { RoomTodoStrip } from './RoomTodoStrip.js';
 import { RoomQueueStrip } from './RoomQueueStrip.js';
 import { RoomModelPicker } from './RoomModelPicker.js';
-import { IconChevronRightOutlineMedium } from './icons.js';
+import { IconChevronRightOutlineMedium, IconPaperclipOutlineMedium } from './icons.js';
+import { RoomAttachments } from './RoomAttachments.js';
 import css from './RoomComposer.module.css';
 const NO_TAGS = () => () => { };
 const EMPTY_LEGACY_QUEUE = [];
@@ -105,15 +106,33 @@ function detectMention(draft, caret) {
  *   must stay a pure function of the owner props plus stable state reads).
  * @returns the room match, or null to pass the election down the chain.
  */
+/** Key prefix of the room's own pending interactions (its question/approval cards). */
+const ROOM_INTERACTION_PREFIX = 'room:';
+/**
+ * The pending-interaction key a room card publishes under.
+ * @param kind - question or approval.
+ * @param id - the card id.
+ * @returns the key (prefixed, so the composer selector can tell it apart).
+ */
+export function roomInteractionKey(kind, id) {
+    return `${ROOM_INTERACTION_PREFIX}${kind}:${id}`;
+}
 export function selectRoomComposer(owner, isRoomCached) {
-    if (owner.pendingInteraction !== undefined)
+    // The room's own waiting cards ride the pending channel only for the
+    // session list (roomInteractionKey): they never hand the composer away.
+    if (owner.pendingInteraction !== undefined && owner.pendingInteraction.key?.startsWith(ROOM_INTERACTION_PREFIX) !== true)
         return null;
     const sessionId = owner.sessionId ?? owner.session?.sessionId;
     return sessionId !== undefined && isRoomCached(sessionId) ? { room: true } : null;
 }
 const NO_CHIPS = [];
+const NO_IDS = [];
+/** The failed-run reason recovery journals for a round a host restart cut off (dispatch.ts). */
+const RESTART_INTERRUPTED = 'Execution outcome is unknown after restart';
+const NO_UPLOADS = {};
+const NO_UPLOAD_STORE = { subscribe: () => () => { }, getSnapshot: () => NO_UPLOADS };
 /** The room composer takeover component. */
-export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, taskTags, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, openReference, listSessions, insertSessionReference, useSession, useProjection, useInput, inputActions, t, }) {
+export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, taskTags, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, openReference, listSessions, insertSessionReference, useSession, useProjection, useInput, inputActions, t, attachments: attachmentFace, }) {
     const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
     const tag = useSyncExternalStore(taskTags?.subscribe ?? NO_TAGS, () => taskTags?.get(sessionId));
     // The draft is the session's official input machine (the module header):
@@ -130,6 +149,16 @@ export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, ta
     // What the textarea shows: the typed text around the chips.
     const value = chipMode ? freeText(draft, chips) : draft;
     const [busy, setBusy] = useState(false);
+    // Draft attachments: ids live on the session's input machine (beside the
+    // draft text, surviving navigation like it); the drafts and their uploads
+    // are the official conversation service's (RoomAttachmentsFace).
+    const attachmentActions = inputActions;
+    const attachable = attachmentFace !== undefined && attachmentActions.addAttachments !== undefined;
+    const attachmentIds = useInput(input => input.attachmentIds) ?? NO_IDS;
+    const drafts = attachable && attachmentIds.length > 0 ? attachmentFace.resolve(attachmentIds) : [];
+    const uploads = useSyncExternalStore(attachmentFace?.uploads.subscribe ?? NO_UPLOAD_STORE.subscribe, attachmentFace?.uploads.getSnapshot ?? NO_UPLOAD_STORE.getSnapshot);
+    const uploadsPending = drafts.some(draft => draft.kind === 'file' && uploads[draft.id]?.status !== 'ready');
+    const fileInputRef = useRef(null);
     const [error, setError] = useState(null);
     const [mention, setMention] = useState(null);
     /** Menu-picked addressees: a pick is explicit addressing wherever the
@@ -302,24 +331,89 @@ export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, ta
         const restored = mention.start + name.length + 2;
         requestAnimationFrame(() => areaRef.current?.setSelectionRange(restored, restored));
     };
+    /** Add picked, pasted, or dropped files as drafts on this session. */
+    const addFiles = (files) => {
+        if (!attachable || files.length === 0)
+            return;
+        try {
+            const created = attachmentFace.create(sessionId, files);
+            if (attachmentActions.addAttachments?.(created.map(entry => entry.id)) !== true) {
+                for (const entry of created)
+                    attachmentFace.release(entry.id);
+                setError(t('composer.error.generic'));
+                return;
+            }
+            setError(null);
+        }
+        catch (caught) {
+            setError(caught instanceof Error && caught.name === 'UnsupportedImageMediaTypeError' ? t('attach.unsupported') : caught instanceof Error ? caught.message : String(caught));
+        }
+    };
+    const removeAttachment = (id) => {
+        // The machine's removal answers nothing on current kits: drop the id, then the draft.
+        attachmentActions.removeAttachment?.(id);
+        attachmentFace?.release(id);
+    };
+    const onPaste = (event) => {
+        const files = [...event.clipboardData.files];
+        if (!attachable || files.length === 0)
+            return;
+        event.preventDefault();
+        addFiles(files);
+    };
+    // Drag-and-drop is the official composer's: the hidden official bar keeps
+    // its document-level drop listener and overlay, and adds dropped files to
+    // this same input machine (the drafts render in the rail above). Taking a
+    // drop here added it twice; stopping it left that overlay stuck over the
+    // page (it saw the drag enter but never the drop).
+    // The oldest question a member's round is waiting on (shown inline in its card).
+    const waitingAsk = state?.askLog?.find(ask => ask.state === 'pending' && ask.runId !== undefined);
+    // Members whose latest round a host restart cut off (outcome unknown).
+    const interrupted = (state?.runs ?? [])
+        .filter(run => run.state === 'failed' && run.error?.startsWith(RESTART_INTERRUPTED) === true)
+        .map(run => run.member)
+        .filter(name => state?.members.some(member => member.name === name) === true);
+    const continueAll = async () => {
+        if (busy || interrupted.length === 0)
+            return;
+        setBusy(true);
+        setError(null);
+        try {
+            const outcome = await submit(sessionId, t('composer.continueText'), interrupted);
+            if (!outcome.ok)
+                setError(outcome.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
     const send = async () => {
         const text = draft.trim();
-        if (text === '' || busy)
+        const ids = attachable ? attachmentIds : NO_IDS;
+        if ((text === '' && ids.length === 0) || busy || uploadsPending)
             return;
         setBusy(true);
         setError(null);
         try {
             // Two-argument form while nothing was menu-picked: the injected face's
             // third parameter is the pick channel only.
-            const outcome = tag !== undefined
-                ? await submit(sessionId, text, picked, tag.task)
-                : picked.length > 0
-                    ? await submit(sessionId, text, picked)
-                    : await submit(sessionId, text);
+            const wire = ids.length === 0 ? undefined : await attachmentFace.serialize(ids);
+            const outcome = wire !== undefined
+                ? await submit(sessionId, text, picked, tag?.task, wire)
+                : tag !== undefined
+                    ? await submit(sessionId, text, picked, tag.task)
+                    : picked.length > 0
+                        ? await submit(sessionId, text, picked)
+                        : await submit(sessionId, text);
             if (!outcome.ok) {
                 setError(outcome.message);
                 return;
             }
+            if (ids.length > 0) {
+                attachmentActions.pruneAttachments?.([]);
+                for (const id of ids)
+                    attachmentFace.release(id);
+            }
             inputActions.setDraft('');
             // Persist the cleared draft when the host's kit exposes the flush (the
             // send bypasses the machine's own submit, which would do it).
@@ -380,7 +474,17 @@ export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, ta
             void send();
         }
     };
-    return (_jsxs("div", { className: css.root, children: [_jsxs("div", { className: css.dock, children: [!external && useProjection !== undefined && _jsx(RoomTodoStrip, { useProjection: useProjection, t: t }), state !== undefined && _jsx(RoomTaskCapsule, { state: state, openTasks: openTasks, reconcileDelivery: reconcileDelivery, openPlanSession: openPlanSession, roomCwd: roomCwd, invite: invite, listProviders: () => listProviders(sessionId), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, t: t }), _jsx(RoomQueueStrip, { items: [...external ? [] : queued, ...coordinatorQueue], t: t })] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), external && coordinator.childSessionId !== undefined && renderMemberInbox?.(coordinator.childSessionId), _jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.coordinator, style: { '--member-color': memberColor(coordinator?.name ?? 'dsh') }, children: [_jsx("span", { className: css.coordinatorDot, "aria-hidden": true }), _jsx("span", { className: css.coordinatorName, children: coordinator?.name ?? 'dsh' }), _jsxs("span", { children: ["\u00B7 ", t('coordinator.label'), " \u00B7 ", external ? coordinator.provider : 'DSH'] })] }), mention !== null && candidates.length > 0 && (_jsxs("ul", { className: css.menu, role: "listbox", "aria-label": t('composer.at.label'), children: [candidates.map((row, index) => (_jsxs("li", { children: [index === 0 && memberRows.length > 0 && others.length > 0 && _jsx("div", { className: css.menuGroup, children: t('composer.at.members') }), index === memberRows.length && (_jsx("div", { className: css.menuGroup, children: t(mention.query === '' ? 'composer.at.recent' : 'composer.at.sessions') })), _jsx("button", { type: "button", role: "option", "aria-selected": index === mention.index, className: index === mention.index ? css.itemActive : css.item, "data-kid": row.kind === 'roomMember' && row.nested === true ? '' : undefined, onMouseDown: (event) => {
+    return (_jsxs("div", { className: css.root, children: [_jsxs("div", { className: css.dock, children: [!external && useProjection !== undefined && _jsx(RoomTodoStrip, { useProjection: useProjection, t: t }), state !== undefined && _jsx(RoomTaskCapsule, { state: state, openTasks: openTasks, reconcileDelivery: reconcileDelivery, openPlanSession: openPlanSession, roomCwd: roomCwd, invite: invite, listProviders: () => listProviders(sessionId), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, 
+                        // A member waiting on a question inside its round: the block may be
+                        // scrolled far up a long reply — its capsule brings it back.
+                        waiting: waitingAsk === undefined ? undefined : {
+                            member: waitingAsk.member,
+                            jump: () => {
+                                const target = document.querySelector(`[data-ask-id="${CSS.escape(waitingAsk.id)}"]`);
+                                target?.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                                target?.querySelector('input, button')?.focus({ preventScroll: true });
+                            },
+                        }, t: t }), _jsx(RoomQueueStrip, { items: [...external ? [] : queued, ...coordinatorQueue], t: t }), interrupted.length > 0 && (_jsxs("div", { className: css.resumeStrip, role: "status", children: [_jsx("span", { className: css.resumeText, children: t('composer.interrupted', { count: interrupted.length, names: interrupted.join('、') }) }), _jsx("button", { type: "button", className: css.resumeAction, disabled: busy, onClick: () => { void continueAll(); }, children: t('composer.continueAll') })] }))] }), error !== null && _jsx("div", { className: css.error, role: "alert", children: error }), external && coordinator.childSessionId !== undefined && renderMemberInbox?.(coordinator.childSessionId), _jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.coordinator, style: { '--member-color': memberColor(coordinator?.name ?? 'dsh') }, children: [_jsx("span", { className: css.coordinatorDot, "aria-hidden": true }), _jsx("span", { className: css.coordinatorName, children: coordinator?.name ?? 'dsh' }), _jsxs("span", { children: ["\u00B7 ", t('coordinator.label'), " \u00B7 ", external ? coordinator.provider : 'DSH'] })] }), mention !== null && candidates.length > 0 && (_jsxs("ul", { className: css.menu, role: "listbox", "aria-label": t('composer.at.label'), children: [candidates.map((row, index) => (_jsxs("li", { children: [index === 0 && memberRows.length > 0 && others.length > 0 && _jsx("div", { className: css.menuGroup, children: t('composer.at.members') }), index === memberRows.length && (_jsx("div", { className: css.menuGroup, children: t(mention.query === '' ? 'composer.at.recent' : 'composer.at.sessions') })), _jsx("button", { type: "button", role: "option", "aria-selected": index === mention.index, className: index === mention.index ? css.itemActive : css.item, "data-kid": row.kind === 'roomMember' && row.nested === true ? '' : undefined, onMouseDown: (event) => {
                                             event.preventDefault();
                                             pick(row);
                                         }, children: row.kind === 'roomMember'
@@ -395,8 +499,8 @@ export function RoomComposer({ sessionId, roomStore, submit, stop, openTasks, ta
                                                                 ? t('team.external.linked')
                                                                 : row.candidate.room === true
                                                                     ? t('composer.at.room')
-                                                                    : row.candidate.createdAt === undefined ? t('composer.at.session') : t('composer.at.sessionAt', { time: shortTime(row.candidate.createdAt, Date.now()) }) })] }) })] }, row.kind === 'member' ? `m:${row.member.name}` : row.kind === 'session' ? `s:${row.candidate.sessionId}` : `r:${row.candidate.sessionId}:${row.member.name}`))), mention.query === '' && others.length > 0 && _jsx("li", { className: css.menuMore, children: t('composer.at.more') })] })), tag !== undefined && (_jsx("div", { className: css.tagRow, children: _jsxs("span", { className: css.tag, "data-new": tag.task === 'new' ? '' : undefined, children: [tag.label, _jsx("button", { type: "button", className: css.tagRemove, "aria-label": t('job.tagRemove'), title: t('job.tagRemove'), onClick: () => { taskTags?.set(sessionId, undefined); }, children: "\u2715" })] }) })), chips.length > 0 && (_jsx("div", { className: css.chipRow, children: chips.map((chip, k) => (_jsxs("span", { className: css.chip, children: [_jsxs("button", { type: "button", className: css.chipLabel, title: chip.label, onClick: () => { openReference?.(chip.source, chip.ref); }, children: [_jsx("span", { "aria-hidden": true, className: css.chipAt, children: "@" }), _jsx("span", { className: css.chipText, children: chip.label })] }), _jsx("button", { type: "button", className: css.tagRemove, "aria-label": t('composer.chipRemove', { label: chip.label }), title: t('composer.chipRemove', { label: chip.label }), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { removeChip(k); }, children: "\u2715" })] }, chip.occurrenceId))) })), _jsx("textarea", { ref: areaRef, className: css.input, rows: 2, value: value, placeholder: tag === undefined ? t('composer.placeholder', { name: coordinator?.name ?? 'dsh' }) : tag.task === 'new' ? t('job.tagPlaceholderNew') : t('job.tagPlaceholder', { label: tag.label }), onChange: onChange, onKeyDown: onKeyDown, onCompositionStart: () => { composing.current = true; }, onCompositionEnd: () => { composing.current = false; justComposed.current = true; }, onKeyUp: () => { justComposed.current = false; }, onBlur: () => { composing.current = false; justComposed.current = false; } }), _jsxs("div", { className: css.row, children: [external && coordinator.childSessionId !== undefined && renderMemberConfiguration?.(coordinator.childSessionId), !external && modelDirectory !== undefined && (_jsx(RoomModelPicker, { directory: modelDirectory, onError: setError, t: t })), running && (_jsx("button", { type: "button", className: css.primary, "aria-label": t('composer.stop'), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { if (external)
+                                                                    : row.candidate.createdAt === undefined ? t('composer.at.session') : t('composer.at.sessionAt', { time: shortTime(row.candidate.createdAt, Date.now()) }) })] }) })] }, row.kind === 'member' ? `m:${row.member.name}` : row.kind === 'session' ? `s:${row.candidate.sessionId}` : `r:${row.candidate.sessionId}:${row.member.name}`))), mention.query === '' && others.length > 0 && _jsx("li", { className: css.menuMore, children: t('composer.at.more') })] })), tag !== undefined && (_jsx("div", { className: css.tagRow, children: _jsxs("span", { className: css.tag, "data-new": tag.task === 'new' ? '' : undefined, children: [tag.label, _jsx("button", { type: "button", className: css.tagRemove, "aria-label": t('job.tagRemove'), title: t('job.tagRemove'), onClick: () => { taskTags?.set(sessionId, undefined); }, children: "\u2715" })] }) })), chips.length > 0 && (_jsx("div", { className: css.chipRow, children: chips.map((chip, k) => (_jsxs("span", { className: css.chip, children: [_jsxs("button", { type: "button", className: css.chipLabel, title: chip.label, onClick: () => { openReference?.(chip.source, chip.ref); }, children: [_jsx("span", { "aria-hidden": true, className: css.chipAt, children: "@" }), _jsx("span", { className: css.chipText, children: chip.label })] }), _jsx("button", { type: "button", className: css.tagRemove, "aria-label": t('composer.chipRemove', { label: chip.label }), title: t('composer.chipRemove', { label: chip.label }), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { removeChip(k); }, children: "\u2715" })] }, chip.occurrenceId))) })), attachable && (_jsx(RoomAttachments, { attachments: drafts, face: attachmentFace, onRemove: removeAttachment, onRetry: (id) => { attachmentFace.retry(sessionId, id); }, t: t })), _jsx("textarea", { ref: areaRef, className: css.input, rows: 2, value: value, placeholder: tag === undefined ? t('composer.placeholder', { name: coordinator?.name ?? 'dsh' }) : tag.task === 'new' ? t('job.tagPlaceholderNew') : t('job.tagPlaceholder', { label: tag.label }), onChange: onChange, onKeyDown: onKeyDown, onPaste: onPaste, onCompositionStart: () => { composing.current = true; }, onCompositionEnd: () => { composing.current = false; justComposed.current = true; }, onKeyUp: () => { justComposed.current = false; }, onBlur: () => { composing.current = false; justComposed.current = false; } }), _jsxs("div", { className: css.row, children: [attachable && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: css.attach, "aria-label": t('attach.add'), title: t('attach.add'), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { fileInputRef.current?.click(); }, children: _jsx(IconPaperclipOutlineMedium, { size: 16 }) }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, hidden: true, onChange: (event) => { addFiles([...event.target.files ?? []]); event.target.value = ''; } })] })), external && coordinator.childSessionId !== undefined && renderMemberConfiguration?.(coordinator.childSessionId), !external && modelDirectory !== undefined && (_jsx(RoomModelPicker, { directory: modelDirectory, onError: setError, t: t })), running && (_jsx("button", { type: "button", className: css.primary, "aria-label": t('composer.stop'), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { if (external)
                                     stopMember?.(coordinator.name);
                                 else
-                                    stop(); }, children: _jsx("svg", { viewBox: "0 0 16 16", width: "16", height: "16", "aria-hidden": true, children: _jsx("rect", { x: "3", y: "3", width: "10", height: "10", rx: "3", fill: "currentColor" }) }) })), _jsx("button", { type: "button", className: css.primary, "aria-label": t('composer.send'), disabled: busy || draft.trim() === '', onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { void send(); }, children: _jsx("svg", { viewBox: "0 0 16 16", width: "16", height: "16", "aria-hidden": true, children: _jsx("path", { d: "M8.3125 0.980183C8.66767 1.0531 8.97902 1.20418 9.2627 1.43233C9.48724 1.61297 9.73029 1.85793 9.97949 2.10714L14.707 6.83468L13.293 8.24874L9 3.95577V15.0417H7V3.95577L2.70703 8.24874L1.29297 6.83468L6.02051 2.10714C6.26971 1.85793 6.51277 1.61297 6.7373 1.43233C6.97662 1.23986 7.28445 1.04402 7.6875 0.980183C7.8973 0.947006 8.1031 0.95516 8.3125 0.980183Z", fill: "currentColor" }) }) })] })] }), !external && useProjection !== undefined && _jsx(RoomStatsLine, { useProjection: useProjection, state: state, t: t })] }));
+                                    stop(); }, children: _jsx("svg", { viewBox: "0 0 16 16", width: "16", height: "16", "aria-hidden": true, children: _jsx("rect", { x: "3", y: "3", width: "10", height: "10", rx: "3", fill: "currentColor" }) }) })), _jsx("button", { type: "button", className: css.primary, "aria-label": t('composer.send'), disabled: busy || uploadsPending || (draft.trim() === '' && (!attachable || attachmentIds.length === 0)), onMouseDown: (event) => { event.preventDefault(); }, onClick: () => { void send(); }, children: _jsx("svg", { viewBox: "0 0 16 16", width: "16", height: "16", "aria-hidden": true, children: _jsx("path", { d: "M8.3125 0.980183C8.66767 1.0531 8.97902 1.20418 9.2627 1.43233C9.48724 1.61297 9.73029 1.85793 9.97949 2.10714L14.707 6.83468L13.293 8.24874L9 3.95577V15.0417H7V3.95577L2.70703 8.24874L1.29297 6.83468L6.02051 2.10714C6.26971 1.85793 6.51277 1.61297 6.7373 1.43233C6.97662 1.23986 7.28445 1.04402 7.6875 0.980183C7.8973 0.947006 8.1031 0.95516 8.3125 0.980183Z", fill: "currentColor" }) }) })] })] }), useProjection !== undefined && _jsx(RoomStatsLine, { useProjection: useProjection, state: state, membersOnly: external, t: t })] }));
 }

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

@@ -4,10 +4,18 @@
  * picking — one option (or several on a multi-pick question) plus an optional
  * 其他 free-text line — instead of a numbered list in the member's reply that
  * the human answers by typing. Submitting resolves the member's waiting call;
- * the card then folds to the given answers (or 已过期 when the call ended).
+ * the card then folds to the given answers. When the call ended unanswered
+ * (a timeout, or a restart took the member's process) the card stays
+ * answerable — the answers then reach the member as a new message (已补答);
+ * only a consent gate (room_help's 允许/不允许) folds to 已过期 for good.
  */
 import { type ReactNode } from 'react';
 import type { RoomQuestionViewProps } from './slots.ts';
 /** The question card. */
-export declare function RoomQuestionView({ node, answerQuestion, t }: RoomQuestionViewProps): ReactNode;
+export declare function RoomQuestionView({ node, answerQuestion, inline, t }: RoomQuestionViewProps & {
+    /** Inside the asker's round (its run card or reply) instead of a chat row of its own; `mid` = the split point was not found. */
+    readonly inline?: {
+        readonly mid?: boolean;
+    } | undefined;
+}): ReactNode;
 //# sourceMappingURL=RoomQuestionView.d.ts.map

package/lib/types/client/RoomQuestionView.js

@@ -5,18 +5,24 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * picking — one option (or several on a multi-pick question) plus an optional
  * 其他 free-text line — instead of a numbered list in the member's reply that
  * the human answers by typing. Submitting resolves the member's waiting call;
- * the card then folds to the given answers (or 已过期 when the call ended).
+ * the card then folds to the given answers. When the call ended unanswered
+ * (a timeout, or a restart took the member's process) the card stays
+ * answerable — the answers then reach the member as a new message (已补答);
+ * only a consent gate (room_help's 允许/不允许) folds to 已过期 for good.
  */
 import { useState } from 'react';
 import { memberColor } from './member-color.js';
 import css from './RoomQuestionView.module.css';
 /** The question card. */
-export function RoomQuestionView({ node, answerQuestion, t }) {
+export function RoomQuestionView({ node, answerQuestion, inline, t }) {
     const data = node.data;
     const [drafts, setDrafts] = useState({});
     const [busy, setBusy] = useState(false);
     const [error, setError] = useState(undefined);
     const pending = data.state === 'pending';
+    // An expired question still takes an answer; an expired consent gate does not.
+    const lateOpen = data.state === 'cancelled' && data.consent !== true;
+    const open = pending || lateOpen;
     const draftOf = (id) => drafts[id] ?? { selected: [], custom: '' };
     const setDraft = (id, next) => { setDrafts(current => ({ ...current, [id]: next })); };
     const answered = (id) => draftOf(id).selected.length > 0 || draftOf(id).custom.trim() !== '';
@@ -47,15 +53,22 @@ export function RoomQuestionView({ node, answerQuestion, t }) {
         const answer = data.answers?.find(entry => entry.id === id);
         return [...answer?.selected ?? [], ...answer?.custom === undefined ? [] : [answer.custom]].join('；');
     };
-    return (_jsxs("div", { className: css.card, "data-state": data.state, style: { '--member-color': memberColor(data.member) }, children: [_jsxs("div", { className: css.head, children: [_jsx("span", { className: css.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsx("span", { className: css.title, children: t('question.title', { member: data.member }) }), !pending && _jsx("span", { className: css.status, children: t(data.state === 'answered' ? 'question.answered' : 'question.cancelled') })] }), data.questions.map((question) => {
+    const status = !pending && _jsx("span", { className: css.status, children: t(data.state === 'answered' ? (data.late === true ? 'question.answeredLate' : 'question.answered') : lateOpen ? 'question.lateOpen' : 'question.cancelled') });
+    const body = (_jsxs(_Fragment, { children: [data.questions.map((question) => {
                 const multi = question.multiSelect === true;
                 const draft = draftOf(question.id);
-                return (_jsxs("fieldset", { className: css.question, disabled: !pending || busy, children: [_jsxs("legend", { className: css.prompt, children: [question.header !== undefined && _jsx("span", { className: css.chip, children: question.header }), _jsx("span", { children: question.question }), pending && multi && _jsx("span", { className: css.hint, children: t('question.multi') })] }), pending ? (_jsxs(_Fragment, { children: [(question.options ?? []).map(option => (_jsxs("label", { className: css.option, "data-picked": draft.selected.includes(option.label), children: [_jsx("input", { type: multi ? 'checkbox' : 'radio', name: `${data.questionId}-${question.id}`, checked: draft.selected.includes(option.label), onChange: () => { pick(question.id, option.label, multi); }, onClick: (event) => {
+                return (_jsxs("fieldset", { className: css.question, disabled: !open || busy, children: [_jsxs("legend", { className: css.prompt, children: [question.header !== undefined && _jsx("span", { className: css.chip, children: question.header }), _jsx("span", { children: question.question }), open && multi && _jsx("span", { className: css.hint, children: t('question.multi') })] }), open ? (_jsxs(_Fragment, { children: [(question.options ?? []).map(option => (_jsxs("label", { className: css.option, "data-picked": draft.selected.includes(option.label), children: [_jsx("input", { type: multi ? 'checkbox' : 'radio', name: `${data.questionId}-${question.id}`, checked: draft.selected.includes(option.label), onChange: () => { pick(question.id, option.label, multi); }, onClick: (event) => {
                                                 // A picked radio unpicks on a second click (the draft allows none).
                                                 if (!multi && draft.selected.includes(option.label)) {
                                                     event.preventDefault();
                                                     pick(question.id, option.label, multi);
                                                 }
                                             } }), _jsxs("span", { className: css.optionText, children: [_jsx("span", { className: css.optionLabel, children: option.label }), option.description !== undefined && _jsx("span", { className: css.optionDescription, children: option.description })] })] }, option.label))), _jsx("input", { className: css.other, value: draft.custom, "aria-label": t('question.other'), placeholder: (question.options ?? []).length > 0 ? `${t('question.other')}：${t('question.otherPlaceholder')}` : t('question.otherPlaceholder'), onChange: (event) => { setDraft(question.id, { ...draft, custom: event.target.value }); } })] })) : data.state === 'answered' && (_jsx("div", { className: css.answer, children: t('question.answer', { answer: answerText(question.id) }) }))] }, question.id));
-            }), pending && (_jsxs("div", { className: css.actions, children: [error !== undefined && _jsx("span", { className: css.error, children: error }), _jsx("button", { type: "button", className: css.submit, disabled: !complete || busy, onClick: () => { void submit(); }, children: t('question.submit') })] }))] }));
+            }), open && (_jsxs("div", { className: css.actions, children: [error !== undefined && _jsx("span", { className: css.error, children: error }), _jsx("button", { type: "button", className: css.submit, disabled: !complete || busy, onClick: () => { void submit(); }, children: t('question.submit') })] }))] }));
+    // Inside the round: no avatar of its own (the round's card has it); the
+    // head says who is waiting, or that it was asked here.
+    if (inline !== undefined) {
+        return (_jsxs("div", { className: css.inline, "data-state": lateOpen ? 'late' : data.state, "data-ask-id": data.questionId, children: [_jsxs("div", { className: css.inlineHead, children: [_jsxs("span", { children: [pending ? t('question.waiting', { member: data.member }) : t('question.asked'), inline.mid === true ? ` · ${t('question.midRound')}` : ''] }), status] }), body] }));
+    }
+    return (_jsxs("div", { className: css.row, "data-state": lateOpen ? 'late' : data.state, "data-ask-id": data.questionId, style: { '--member-color': memberColor(data.member) }, children: [_jsx("span", { className: css.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.head, children: [_jsx("span", { className: css.title, children: t('question.title', { member: data.member }) }), status] }), body] })] }));
 }

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

@@ -13,5 +13,5 @@
 import { type ReactNode } from 'react';
 import type { RoomRunViewProps } from './slots.ts';
 /** The member run row. */
-export declare function RoomRunView({ node, sessionId, roomStore, openSession, cancelMember, renderMemberOutput, t }: RoomRunViewProps): ReactNode;
+export declare function RoomRunView({ node, sessionId, roomStore, openSession, cancelMember, renderMemberOutput, openPath, answerQuestion, t }: RoomRunViewProps): ReactNode;
 //# sourceMappingURL=RoomRunView.d.ts.map

package/lib/types/client/RoomRunView.js

@@ -11,15 +11,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * avatar and light card, the row as the card's header, the live output
  * below — so the reply card that replaces it lands in the same place.
  */
-import { useEffect, useState, useSyncExternalStore } from 'react';
+import { useEffect, useMemo, useState, useSyncExternalStore } from 'react';
 import { StateDot, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { IconStopFillMedium } from './icons.js';
 import { formatDurationMs } from './format.js';
 import { memberColor } from './member-color.js';
+import { pathMentions } from './path-mentions.js';
+import { RoomQuestionView } from './RoomQuestionView.js';
+import { askCardData } from './nodes.js';
 import css from './RoomRunView.module.css';
 import speech from './RoomSpeechView.module.css';
 /** The member run row. */
-export function RoomRunView({ node, sessionId, roomStore, openSession, cancelMember, renderMemberOutput, t }) {
+export function RoomRunView({ node, sessionId, roomStore, openSession, cancelMember, renderMemberOutput, openPath, answerQuestion, t }) {
     const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
     const recovered = state?.runs.find(run => run.member === node.data.member && run.startedAt === node.data.startedAt);
     const data = node.data.state === 'running' && recovered !== undefined ? { ...node.data, ...recovered } : node.data;
@@ -31,7 +34,14 @@ export function RoomRunView({ node, sessionId, roomStore, openSession, cancelMem
         return () => { clearInterval(timer); };
     }, [data.state]);
     // The run events carry no delegation handle; the roster record does.
-    const childSessionId = state?.members.find(entry => entry.name === data.member)?.childSessionId;
+    const rosterEntry = state?.members.find(entry => entry.name === data.member);
+    const childSessionId = rosterEntry?.childSessionId;
+    // Paths the member writes while it works open in the sidebar's file viewer.
+    const memberCwd = rosterEntry?.cwd;
+    // The question this round stopped on: answered right here, at the end of its live output.
+    const runId = recovered?.runId;
+    const waiting = runId === undefined ? [] : (state?.askLog ?? []).filter(ask => ask.runId === runId && ask.state === 'pending');
+    const mentions = useMemo(() => openPath === undefined ? undefined : pathMentions((path) => { openPath(sessionId, path); }, memberCwd), [openPath, sessionId, memberCwd]);
     // The Definition hides done/cancelled; guard the same states here.
     if (data.state === 'done' || data.state === 'cancelled')
         return null;
@@ -47,11 +57,11 @@ export function RoomRunView({ node, sessionId, roomStore, openSession, cancelMem
             jump();
         }
     };
-    const row = (_jsxs("div", { className: css.run, "data-state": failed ? 'failed' : 'running', role: "button", tabIndex: 0, onClick: jump, onKeyDown: onKeyDown, children: [_jsx(StateDot, { state: failed ? 'error' : 'ongoing' }), _jsx("span", { className: css.title, children: failed ? t('run.failed', { member: data.member }) : t('run.working', { member: data.member }) }), _jsxs("span", { className: css.elapsed, "aria-hidden": true, children: ["\u00B7 ", elapsed === undefined ? t('run.durationUnknown') : formatDurationMs(elapsed)] }), failed && data.error !== undefined && (_jsx("span", { className: css.reason, title: data.error, children: data.error })), !failed && (_jsx(Tooltip, { label: t('run.stop'), side: "bottom", children: _jsx("button", { type: "button", className: css.stop, "aria-label": t('run.stop'), onClick: (event) => {
+    const row = (_jsxs("div", { className: css.run, "data-state": failed ? 'failed' : 'running', role: "button", tabIndex: 0, onClick: jump, onKeyDown: onKeyDown, children: [_jsx(StateDot, { state: failed ? 'error' : waiting.length > 0 ? 'warning' : 'ongoing' }), _jsx("span", { className: css.title, children: failed ? t('run.failed', { member: data.member }) : waiting.length > 0 ? t('run.waiting', { member: data.member }) : t('run.working', { member: data.member }) }), _jsxs("span", { className: css.elapsed, "aria-hidden": true, children: ["\u00B7 ", elapsed === undefined ? t('run.durationUnknown') : formatDurationMs(elapsed)] }), failed && data.error !== undefined && (_jsx("span", { className: css.reason, title: data.error, children: data.error })), !failed && (_jsx(Tooltip, { label: t('run.stop'), side: "bottom", children: _jsx("button", { type: "button", className: css.stop, "aria-label": t('run.stop'), onClick: (event) => {
                         event.stopPropagation();
                         void cancelMember(data.member);
                     }, children: _jsx(IconStopFillMedium, {}) }) }))] }));
     if (failed)
         return _jsx("div", { children: row });
-    return (_jsxs("div", { className: speech.speech, style: { '--member-color': memberColor(data.member) }, children: [_jsx("span", { className: speech.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsxs("div", { className: `${speech.card} ${css.liveCard}`, children: [row, childSessionId !== undefined && renderMemberOutput?.(childSessionId, data.startedAt)] })] }));
+    return (_jsxs("div", { className: speech.speech, style: { '--member-color': memberColor(data.member) }, children: [_jsx("span", { className: speech.avatar, "aria-hidden": true, children: data.member.slice(0, 1).toUpperCase() }), _jsxs("div", { className: `${speech.card} ${css.liveCard}`, children: [row, childSessionId !== undefined && (mentions === undefined ? renderMemberOutput?.(childSessionId, data.startedAt) : renderMemberOutput?.(childSessionId, data.startedAt, { fileMentions: mentions })), waiting.map(ask => (_jsx(RoomQuestionView, { ...{ node: { data: askCardData(ask) }, answerQuestion, t }, inline: {} }, ask.id)))] })] }));
 }

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

@@ -17,7 +17,9 @@
  * roster/blackboard semantics) and TPS/TTFT (a CLI run has no token stream).
  */
 import { type ReactNode } from 'react';
+import { type RoomSpeechData } from './nodes.ts';
 import type { RoomSpeechViewProps } from './slots.ts';
+import type { RoomAsk } from '../types.ts';
 /**
  * The human's expand/collapse choices for one room's speeches, by speech seq.
  * A per-viewer convenience in browser storage: unreadable storage (private
@@ -28,5 +30,26 @@ export declare const foldChoices: {
     write(sessionId: string, seq: number, expanded: boolean): void;
 };
 /** The member speech row. */
-export declare function RoomSpeechView({ node, sessionId, roomStore, openSession, openDetail, t }: RoomSpeechViewProps): ReactNode;
+/** One piece of a reply: a stretch of its text, or a question the round asked there. */
+type ReplyPart = {
+    readonly kind: 'text';
+    readonly from: number;
+    readonly text: string;
+} | {
+    readonly kind: 'ask';
+    readonly ask: RoomAsk;
+    readonly mid: boolean;
+};
+/**
+ * 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 declare function replyParts(data: RoomSpeechData, askLog: readonly RoomAsk[] | undefined): ReplyPart[];
+export declare function RoomSpeechView({ node, sessionId, roomStore, openSession, openDetail, openPath, answerQuestion, t }: RoomSpeechViewProps): ReactNode;
+export {};
 //# sourceMappingURL=RoomSpeechView.d.ts.map