@khorsheed/dsh-room 0.1.1 → 0.2.1

package/lib/typert.remote-client.js

@@ -83,6 +83,8 @@ const _khorsheed_dsh_room_room_addTask_result$schema = () => (_khorsheed_dsh_roo
 })]))
 let _khorsheed_dsh_room_room_cancel_parameter_0$schema$value
 const _khorsheed_dsh_room_room_cancel_parameter_0$schema = () => (_khorsheed_dsh_room_room_cancel_parameter_0$schema$value ??= z.object({
+  'expectedRunId': z.string().readonly().optional(),
+  'expectedStartedAt': z.number().readonly().optional(),
   'sessionId': z.intersection(z.string(), z.unknown()).readonly(),
   'name': z.string().readonly(),
 }))
@@ -157,6 +159,82 @@ const _khorsheed_dsh_room_room_cancel_result$schema = () => (_khorsheed_dsh_room
   'message': z.string().readonly(),
 })]).readonly(),
 })]))
+let _khorsheed_dsh_room_room_cancelChild_parameter_0$schema$value
+const _khorsheed_dsh_room_room_cancelChild_parameter_0$schema = () => (_khorsheed_dsh_room_room_cancelChild_parameter_0$schema$value ??= z.object({
+  'sessionId': z.intersection(z.string(), z.unknown()),
+  'childSessionId': z.intersection(z.string(), z.unknown()),
+}))
+let _khorsheed_dsh_room_room_cancelChild_result$schema$value
+const _khorsheed_dsh_room_room_cancelChild_result$schema = () => (_khorsheed_dsh_room_room_cancelChild_result$schema$value ??= z.union([z.object({
+  'ok': z.literal(true).readonly(),
+  'value': z.object({
+  'cancelled': z.boolean().readonly(),
+}).readonly(),
+}), z.object({
+  'ok': z.literal(false).readonly(),
+  'error': z.union([z.object({
+  'code': z.literal("request-conflict").readonly(),
+}), z.object({
+  'code': z.literal("member-cwd-bound").readonly(),
+}), z.object({
+  'code': z.literal("not-coordinator").readonly(),
+}), z.object({
+  'code': z.literal("delivery-not-uncertain").readonly(),
+}), z.object({
+  'code': z.literal("plan-reconciliation-required").readonly(),
+}), z.object({
+  'code': z.literal("coordinator-busy").readonly(),
+}), z.object({
+  'code': z.literal("coordinator-not-ready").readonly(),
+  'message': z.string().readonly(),
+}), z.object({
+  'code': z.literal("coordinator-conflict").readonly(),
+}), z.object({
+  'code': z.literal("active-coordinator").readonly(),
+}), z.object({
+  'code': z.literal("configuration-owned-by-core").readonly(),
+}), z.object({
+  'code': z.literal("session-not-found").readonly(),
+}), z.object({
+  'code': z.literal("not-a-room").readonly(),
+}), z.object({
+  'code': z.literal("invalid-name").readonly(),
+}), z.object({
+  'code': z.literal("duplicate-name").readonly(),
+}), z.object({
+  'code': z.literal("empty-provider").readonly(),
+}), z.object({
+  'code': z.literal("member-not-found").readonly(),
+}), z.object({
+  'code': z.literal("empty-text").readonly(),
+}), z.object({
+  'code': z.literal("nothing-to-update").readonly(),
+}), z.object({
+  'code': z.literal("local-agent-unavailable").readonly(),
+}), z.object({
+  'code': z.literal("unknown-provider").readonly(),
+  'provider': z.string().readonly(),
+  'available': z.array(z.string()).readonly(),
+}), z.object({
+  'code': z.literal("unknown-targets").readonly(),
+  'names': z.array(z.string()).readonly(),
+}), z.object({
+  'code': z.literal("no-targets").readonly(),
+}), z.object({
+  'code': z.literal("relay-not-found").readonly(),
+}), z.object({
+  'code': z.literal("relay-not-pending").readonly(),
+}), z.object({
+  'code': z.literal("main-member").readonly(),
+}), z.object({
+  'code': z.literal("task-not-found").readonly(),
+}), z.object({
+  'code': z.literal("task-closed").readonly(),
+}), z.object({
+  'code': z.literal("resume-failed").readonly(),
+  'message': z.string().readonly(),
+})]).readonly(),
+})]))
 let _khorsheed_dsh_room_room_closeTask_parameter_0$schema$value
 const _khorsheed_dsh_room_room_closeTask_parameter_0$schema = () => (_khorsheed_dsh_room_room_closeTask_parameter_0$schema$value ??= z.object({
   'sessionId': z.intersection(z.string(), z.unknown()).readonly(),
@@ -394,7 +472,26 @@ let _khorsheed_dsh_room_room_getState_result$schema$value
 const _khorsheed_dsh_room_room_getState_result$schema = () => (_khorsheed_dsh_room_room_getState_result$schema$value ??= z.union([z.object({
   'ok': z.literal(true).readonly(),
   'value': z.object({
+  'executions': z.array(z.object({
+  'id': z.string().readonly(),
+  'memberId': z.string().readonly().optional(),
+  'childSessionId': z.intersection(z.string(), z.unknown()).readonly().optional(),
+  'provider': z.string().readonly().optional(),
+  'model': z.string().readonly().optional(),
+  'effort': z.string().readonly().optional(),
+  'tokens': z.number().readonly().optional(),
+  'runId': z.string().readonly().optional(),
+  'member': z.string().readonly(),
+  'state': z.union([z.literal("running"), z.literal("done"), z.literal("cancelled"), z.literal("failed")]).readonly(),
+  'startedAt': z.number().readonly(),
+  'elapsedMs': z.number().readonly().optional(),
+  'error': z.string().readonly().optional(),
+})).readonly().optional(),
   'plan': z.object({
+  'stages': z.array(z.object({
+  'id': z.string(),
+  'title': z.string(),
+})),
   'version': z.literal(1),
   'id': z.string(),
   'revision': z.number(),
@@ -409,16 +506,12 @@ const _khorsheed_dsh_room_room_getState_result$schema = () => (_khorsheed_dsh_ro
 }),
   'activeMs': z.number(),
   'resumedAt': z.number().optional(),
-  'stages': z.array(z.object({
-  'id': z.string(),
-  'title': z.string(),
-})),
   'tasks': z.array(z.object({
   'id': z.string(),
   'title': z.string(),
   'stageId': z.string(),
   'parentId': z.string().optional(),
-  'kind': z.union([z.literal("group"), z.literal("task")]),
+  'kind': z.union([z.literal("task"), z.literal("group")]),
   'ownerMemberId': z.string().optional(),
   'instruction': z.string(),
   'criteria': z.array(z.string()),
@@ -1271,7 +1364,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_addTask_result$schema,
         schema: _khorsheed_dsh_room_room_addTask_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":946,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":948,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/cancel',
@@ -1298,7 +1391,34 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_cancel_result$schema,
         schema: _khorsheed_dsh_room_room_cancel_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":1051,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":1053,"column":9},
+    },
+    {
+      id: '@khorsheed/dsh-room#room/cancelChild',
+      service: 'room',
+      namespace: 'room',
+      method: 'cancelChild',
+      invocation: { kind: 'direct' },
+      parameters: [
+        {
+          name: 'request',
+          wire: 'request',
+          source: 'json',
+          codec: {
+            mode: 'strict',
+            typeSymbol: '@khorsheed/dsh-room#room/cancelChild:request',
+            create: _khorsheed_dsh_room_room_cancelChild_parameter_0$schema,
+            schema: _khorsheed_dsh_room_room_cancelChild_parameter_0$schema(),
+          },
+        },
+      ],
+      result: {
+        mode: 'strict',
+        typeSymbol: '@khorsheed/dsh-room/types#RoomCancelResult',
+        create: _khorsheed_dsh_room_room_cancelChild_result$schema,
+        schema: _khorsheed_dsh_room_room_cancelChild_result$schema(),
+      },
+      sourceLocation: {"file":"packages/room/src/index.ts","line":1093,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/closeTask',
@@ -1325,7 +1445,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_closeTask_result$schema,
         schema: _khorsheed_dsh_room_room_closeTask_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":974,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":976,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/confirmRelay',
@@ -1352,7 +1472,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_confirmRelay_result$schema,
         schema: _khorsheed_dsh_room_room_confirmRelay_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":903,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":905,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/dismissRelay',
@@ -1379,7 +1499,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_dismissRelay_result$schema,
         schema: _khorsheed_dsh_room_room_dismissRelay_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":926,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":928,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/getState',
@@ -1406,7 +1526,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_getState_result$schema,
         schema: _khorsheed_dsh_room_room_getState_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":347,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":349,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/invite',
@@ -1433,7 +1553,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_invite_result$schema,
         schema: _khorsheed_dsh_room_room_invite_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":448,"column":3},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":450,"column":3},
     },
     {
       id: '@khorsheed/dsh-room#room/isRoom',
@@ -1460,7 +1580,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_isRoom_result$schema,
         schema: _khorsheed_dsh_room_room_isRoom_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":270,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":272,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/listProviders',
@@ -1487,7 +1607,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_listProviders_result$schema,
         schema: _khorsheed_dsh_room_room_listProviders_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":319,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":321,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/planCommand',
@@ -1514,7 +1634,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_planCommand_result$schema,
         schema: _khorsheed_dsh_room_room_planCommand_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":787,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":789,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/postMessage',
@@ -1541,7 +1661,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_postMessage_result$schema,
         schema: _khorsheed_dsh_room_room_postMessage_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":666,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":668,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/prepareMember',
@@ -1568,7 +1688,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_prepareMember_result$schema,
         schema: _khorsheed_dsh_room_room_prepareMember_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":516,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":518,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/reconcileDelivery',
@@ -1595,7 +1715,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_reconcileDelivery_result$schema,
         schema: _khorsheed_dsh_room_room_reconcileDelivery_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":542,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":544,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/removeMember',
@@ -1622,7 +1742,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_removeMember_result$schema,
         schema: _khorsheed_dsh_room_room_removeMember_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":629,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":631,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/setCoordinator',
@@ -1649,7 +1769,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_setCoordinator_result$schema,
         schema: _khorsheed_dsh_room_room_setCoordinator_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":559,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":561,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/setGoal',
@@ -1676,7 +1796,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_setGoal_result$schema,
         schema: _khorsheed_dsh_room_room_setGoal_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":1032,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":1034,"column":9},
     },
     {
       id: '@khorsheed/dsh-room#room/updateMember',
@@ -1703,7 +1823,7 @@ export const TYPERT_REMOTE = {
         create: _khorsheed_dsh_room_room_updateMember_result$schema,
         schema: _khorsheed_dsh_room_room_updateMember_result$schema(),
       },
-      sourceLocation: {"file":"packages/room/src/index.ts","line":471,"column":9},
+      sourceLocation: {"file":"packages/room/src/index.ts","line":473,"column":9},
     },
   ],
 }

package/lib/types/adapter.d.ts

@@ -1,7 +1,7 @@
 /**
  * The room's ONLY coupling point to the local-agent family's delegation
- * facade (`proposals/closed/2026-08-18-local-agent-delegation-api.md`, M1
- * landed as `LocalAgentRegistry.start/resume/cancel`). The TYPES come from a
+ * facade (`.agents/notes/implemented/feature/2026-08-18-local-agent-delegation-facade.md`,
+ * M1 landed as `LocalAgentRegistry.start/resume/cancel`). The TYPES come from a
  * type-only import of the family core (drift-checked at compile time); the
  * RUNTIME stays a probe — `ctx.get('localAgent')` plus method-existence
  * checks — so a composition without the family degrades the CLI-member

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

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import type { RoomState } from '../types.ts';
+import type { RoomComposerProps } from './slots.ts';
+export interface RoomActivityDockProps {
+    sessionId?: string;
+    backgroundSessions?: RoomComposerProps['backgroundSessions'];
+    activeChildren?: RoomComposerProps['activeChildren'];
+    stopChild?: RoomComposerProps['stopChild'];
+    state: RoomState;
+    openSession?: RoomComposerProps['openPlanSession'];
+    stopExecution?: RoomComposerProps['stopExecution'];
+    planCommand?: RoomComposerProps['planCommand'];
+    openPlan?: RoomComposerProps['openPlan'];
+    stopMember?: RoomComposerProps['stopMember'];
+    t: RoomComposerProps['t'];
+}
+/** Composer-owned capsules: panels grow above their triggers, never into the input. */
+export declare function RoomActivityDock({ state, sessionId, backgroundSessions, activeChildren, stopChild, openSession, stopExecution, planCommand, openPlan, stopMember, t }: RoomActivityDockProps): ReactNode;
+//# sourceMappingURL=RoomActivityDock.d.ts.map

package/lib/types/client/RoomActivityDock.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState, useSyncExternalStore } from 'react';
+import { IconAgentPresetOutlineMedium, IconChecklistOutlineMedium, IconStopFillMedium } from './icons.js';
+import { descendantRows, executionRows } from './executions.js';
+import { formatDurationMs } from './format.js';
+import { RoomPlanView } from './RoomPlanView.js';
+import css from './RoomActivityDock.module.css';
+const EMPTY_SESSIONS = { byId: {} };
+const NO_SESSIONS = { subscribe: () => () => { }, getSnapshot: () => EMPTY_SESSIONS };
+/** Composer-owned capsules: panels grow above their triggers, never into the input. */
+export function RoomActivityDock({ state, sessionId, backgroundSessions = NO_SESSIONS, activeChildren, stopChild, openSession, stopExecution, planCommand, openPlan, stopMember, t }) {
+    const [expanded, setExpanded] = useState(null);
+    const [filter, setFilter] = useState('recent');
+    const [detail, setDetail] = useState(false);
+    const [pending, setPending] = useState(null);
+    const [error, setError] = useState(null);
+    const [now, setNow] = useState(Date.now);
+    const [active, setActive] = useState([]);
+    const root = useRef(null);
+    const id = useId();
+    const sessions = useSyncExternalStore(backgroundSessions.subscribe, backgroundSessions.getSnapshot);
+    const descendants = sessionId === undefined ? [] : descendantRows(sessions.byId, sessionId, state, now, active);
+    const rows = [...executionRows(state), ...descendants];
+    const hasChildren = Object.values(sessions.byId).some(child => child.parentId === sessionId && child.origin === 'subagent');
+    useEffect(() => {
+        if (!activeChildren || !hasChildren)
+            return;
+        let disposed = false;
+        let pending = false;
+        const refresh = async () => {
+            if (pending)
+                return;
+            pending = true;
+            try {
+                const value = await activeChildren();
+                if (!disposed && value !== undefined)
+                    setActive(value);
+            }
+            catch { /* Unknown is not evidence that a delegation stopped. */ }
+            finally {
+                pending = false;
+            }
+        };
+        void refresh();
+        const timer = setInterval(() => { void refresh(); }, 2000);
+        return () => { disposed = true; clearInterval(timer); };
+    }, [activeChildren, hasChildren]);
+    const running = rows.filter(row => row.status === 'running');
+    useEffect(() => {
+        if (expanded === null)
+            return;
+        const close = (event) => { if (event.target instanceof Node && !root.current?.contains(event.target))
+            setExpanded(null); };
+        const escape = (event) => { if (event.key === 'Escape') {
+            setExpanded(null);
+            root.current?.querySelector('[aria-expanded="true"]')?.focus();
+        } };
+        document.addEventListener('pointerdown', close);
+        document.addEventListener('keydown', escape);
+        return () => { document.removeEventListener('pointerdown', close); document.removeEventListener('keydown', escape); };
+    }, [expanded]);
+    useEffect(() => {
+        if (expanded !== 'agents' || running.length === 0)
+            return;
+        setNow(Date.now());
+        const timer = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(timer);
+    }, [expanded, running.length]);
+    const stop = async (row) => {
+        if (pending !== null)
+            return;
+        setPending(row.id);
+        setError(null);
+        try {
+            const result = row.sessionTotal && row.childSessionId ? await stopChild?.(row.childSessionId) : row.execution ? await stopExecution?.(row.member, row.execution) : undefined;
+            if (!result)
+                return;
+            if (!result.ok)
+                setError(result.message);
+        }
+        catch {
+            setError(t('composer.error.generic'));
+        }
+        finally {
+            setPending(null);
+        }
+    };
+    const leaf = state.plan?.tasks.filter(task => task.kind === 'task' && task.status !== 'cancelled') ?? [];
+    const accepted = leaf.filter(task => task.status === 'accepted').length;
+    const visible = filter === 'running' ? running : filter === 'attention'
+        ? rows.filter(row => ['failed', 'uncertain', 'submitted'].includes(row.status)) : filter === 'recent' ? rows.slice(0, 6) : rows;
+    if (rows.length === 0 && state.plan === undefined)
+        return null;
+    return _jsxs("div", { ref: root, className: css.root, "data-testid": "room-activity-dock", children: [expanded === 'agents' && _jsxs("section", { className: css.panel, id: `${id}-agents`, "aria-label": t('activity.agents'), children: [_jsxs("div", { className: css.heading, children: [_jsx("strong", { children: t('activity.agents') }), _jsx("div", { className: css.filters, children: ['recent', 'running', 'attention', 'all'].map(value => _jsx("button", { type: "button", "aria-pressed": filter === value, onClick: () => setFilter(value), children: t(`activity.filter.${value}`) }, value)) })] }), error && _jsx("p", { role: "alert", children: error }), _jsx("div", { className: css.grid, children: visible.map(row => _jsxs("article", { className: css.card, children: [_jsxs("button", { type: "button", className: css.cardMain, disabled: !row.childSessionId || !openSession, onClick: () => row.childSessionId && openSession?.(row.childSessionId), "aria-label": `${t('activity.session')}: ${row.title}`, children: [_jsxs("span", { className: css.meta, children: [_jsx("span", { children: row.member }), _jsx("span", { "data-status": row.status, children: t(`activity.status.${row.status}`) })] }), _jsx("span", { className: css.title, title: row.title, children: row.title }), _jsx("span", { className: css.secondary, children: [row.provider, row.model, row.effort].filter(Boolean).join(' · ') })] }), row.error && _jsx("p", { className: css.error, children: row.error }), _jsxs("div", { className: css.footer, children: [_jsxs("span", { children: [row.sessionTotal ? `${t('activity.sessionTotal')} · ` : '', row.status === 'queued' ? t('activity.notStarted') : row.status === 'running' && row.startedAt !== undefined ? formatDurationMs(Math.max(0, now - row.startedAt)) : row.elapsedMs === undefined ? '—' : formatDurationMs(row.elapsedMs), row.tokens === undefined ? '' : ` · ${Intl.NumberFormat(undefined, { notation: 'compact', maximumFractionDigits: 1 }).format(row.tokens)} tok`] }), row.status === 'running' && ((row.execution && stopExecution) || (row.sessionTotal && stopChild)) ? _jsxs("button", { type: "button", disabled: pending !== null, onClick: () => { void stop(row); }, "aria-label": `${t('activity.stop')}: ${row.title}`, children: [_jsx(IconStopFillMedium, { size: 12 }), t('activity.stop')] })
+                                            : row.childSessionId && openSession && _jsx("button", { type: "button", onClick: () => openSession(row.childSessionId), children: t('activity.session') })] })] }, row.id)) }), visible.length === 0 && _jsx("p", { className: css.empty, children: t('activity.empty') })] }), expanded === 'plan' && state.plan && _jsxs("section", { className: css.panel, id: `${id}-plan`, "aria-label": t('activity.plan'), children: [_jsxs("div", { className: css.heading, children: [_jsx("strong", { children: state.plan.objective }), _jsxs("span", { className: css.secondary, children: [t(`plan.status.${state.plan.status}`), " \u00B7 ", t('plan.acceptedCount', { done: accepted, total: leaf.length })] })] }), state.plan.reason && _jsx("p", { className: css.error, children: state.plan.reason }), _jsx("div", { className: css.planList, children: leaf.map(task => {
+                            const member = state.members.find(member => member.id === task.ownerMemberId);
+                            return _jsxs("button", { type: "button", className: css.planRow, onClick: () => { if (openPlan)
+                                    openPlan();
+                                else
+                                    setDetail(true); }, children: [_jsx("span", { className: css.taskDot, "data-status": task.status, "aria-hidden": true }), _jsx("span", { children: task.title }), _jsxs("span", { className: css.secondary, children: [member?.name, " \u00B7 ", t(`plan.status.${task.status}`)] })] }, task.id);
+                        }) }), leaf.length === 0 && _jsx("p", { className: css.empty, children: t('activity.planning') }), _jsxs("div", { className: css.footer, children: [_jsx("span", {}), _jsx("button", { type: "button", onClick: () => { if (openPlan)
+                                    openPlan();
+                                else
+                                    setDetail(value => !value); }, children: t('activity.planDetails') })] }), detail && !openPlan && planCommand && _jsx(RoomPlanView, { expanded: true, plan: state.plan, members: state.members, command: planCommand, openSession: openSession, stopMember: stopMember, t: t })] }), _jsxs("div", { className: css.capsules, children: [rows.length > 0 && _jsxs("button", { type: "button", className: css.capsule, "aria-expanded": expanded === 'agents', "aria-controls": `${id}-agents`, title: running.length > 0 ? t('activity.runningHint', { count: new Set(running.map(row => row.member)).size }) : t('activity.agents'), onClick: () => setExpanded(value => value === 'agents' ? null : 'agents'), children: [_jsx("span", { className: css.icon, children: running.length > 0 ? _jsx("span", { className: css.runningDot, "data-testid": "room-running-dot", "aria-hidden": true }) : _jsx(IconAgentPresetOutlineMedium, { size: 16 }) }), t('activity.agents')] }), state.plan && _jsxs("button", { type: "button", className: css.capsule, "aria-expanded": expanded === 'plan', "aria-controls": `${id}-plan`, onClick: () => setExpanded(value => value === 'plan' ? null : 'plan'), children: [_jsx(IconChecklistOutlineMedium, { size: 16 }), t('activity.plan'), " ", _jsxs("span", { className: css.secondary, children: [accepted, "/", leaf.length] })] })] })] });
+}

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

@@ -17,5 +17,5 @@ import type { RoomComposerMatch, RoomComposerProps } from './slots.ts';
  */
 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, addTask, closeTask, setGoal, planCommand, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, listNames, browseDirectory, modelSurface, renderHarnessModelPicker, roomChrome, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, useSession, useProjection, t, }: RoomComposerProps): ReactNode;
+export declare function RoomComposer({ sessionId, roomStore, submit, stop, addTask, closeTask, setGoal, planCommand, openPlanSession, openPlan, stopExecution, backgroundSessions, activeChildren, stopChild, reconcileDelivery, roomCwd, invite, listProviders, listNames, browseDirectory, modelSurface, renderHarnessModelPicker, roomChrome, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, useSession, useProjection, t, }: RoomComposerProps): ReactNode;
 //# sourceMappingURL=RoomComposer.d.ts.map

package/lib/types/client/RoomComposer.js

@@ -41,7 +41,7 @@ import { memberColor } from './member-color.js';
 import { RoomStatsLine } from './RoomStatsLine.js';
 import { RoomDockCapsules } from './RoomDockCapsules.js';
 import { RoomTodoStrip } from './RoomTodoStrip.js';
-import { RoomPlanView } from './RoomPlanView.js';
+import { RoomActivityDock } from './RoomActivityDock.js';
 import { RoomQueueStrip } from './RoomQueueStrip.js';
 import { RoomRecoveryView } from './RoomRecoveryView.js';
 import { RoomModelPicker } from './RoomModelPicker.js';
@@ -91,7 +91,7 @@ export function selectRoomComposer(owner, isRoomCached) {
     return sessionId !== undefined && isRoomCached(sessionId) ? { room: true } : null;
 }
 /** The room composer takeover component. */
-export function RoomComposer({ sessionId, roomStore, submit, stop, addTask, closeTask, setGoal, planCommand, openPlanSession, reconcileDelivery, roomCwd, invite, listProviders, listNames, browseDirectory, modelSurface, renderHarnessModelPicker, roomChrome, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, useSession, useProjection, t, }) {
+export function RoomComposer({ sessionId, roomStore, submit, stop, addTask, closeTask, setGoal, planCommand, openPlanSession, openPlan, stopExecution, backgroundSessions, activeChildren, stopChild, reconcileDelivery, roomCwd, invite, listProviders, listNames, browseDirectory, modelSurface, renderHarnessModelPicker, roomChrome, modelDirectory, renderMemberConfiguration, renderMemberInbox, stopMember, useSession, useProjection, t, }) {
     const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
     const [draft, setDraft] = useState('');
     const [busy, setBusy] = useState(false);
@@ -201,7 +201,7 @@ export function RoomComposer({ sessionId, roomStore, submit, stop, addTask, clos
             void send();
         }
     };
-    return (_jsxs("div", { className: css.root, children: [_jsxs("div", { className: css.dock, children: [!external && useProjection !== undefined && _jsx(RoomTodoStrip, { useProjection: useProjection, t: t }), _jsx(RoomDockCapsules, { sessionId: sessionId, roomStore: roomStore, addTask: addTask, closeTask: closeTask, setGoal: setGoal, formalPlans: planCommand !== undefined, roomCwd: roomCwd, invite: invite, listProviders: listProviders, listNames: listNames, browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, roomChrome: roomChrome, t: t }), state !== undefined && planCommand !== undefined && _jsx(RoomPlanView, { plan: state.plan, members: state.members, command: planCommand, openSession: openPlanSession, stopMember: stopMember, t: t }), state !== undefined && reconcileDelivery !== undefined && _jsx(RoomRecoveryView, { deliveries: state.deliveries ?? [], members: state.members, reconcile: reconcileDelivery, openSession: openPlanSession, t: t }), _jsx(RoomQueueStrip, { items: [...external ? [] : queued, ...(state?.deliveries ?? []).filter(row => row.memberId === coordinator?.id && (row.status === 'queued' || row.status === 'uncertain')).map(row => ({ id: row.id, preview: row.status === 'uncertain' ? `${row.error ?? 'Outcome unknown'}: ${row.text}` : row.text }))], 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, children: [t('coordinator.label'), " \u00B7 ", coordinator?.name ?? 'dsh', external ? ` · ${coordinator.provider}` : ' · DSH'] }), mention !== null && candidates.length > 0 && (_jsx("ul", { className: css.menu, role: "listbox", "aria-label": "members", children: candidates.map((member, index) => (_jsx("li", { children: _jsxs("button", { type: "button", role: "option", "aria-selected": index === mention.index, className: index === mention.index ? css.itemActive : css.item, 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 || (state.plan === undefined && (state.executions?.length ?? 0) === 0)) && _jsx(RoomDockCapsules, { sessionId: sessionId, roomStore: roomStore, addTask: addTask, closeTask: closeTask, setGoal: setGoal, formalPlans: planCommand !== undefined, roomCwd: roomCwd, invite: invite, listProviders: listProviders, listNames: listNames, browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, roomChrome: roomChrome, t: t }), state !== undefined && reconcileDelivery !== undefined && _jsx(RoomRecoveryView, { deliveries: state.deliveries ?? [], members: state.members, reconcile: reconcileDelivery, openSession: openPlanSession, t: t }), _jsx(RoomQueueStrip, { items: [...external ? [] : queued, ...(state?.deliveries ?? []).filter(row => row.memberId === coordinator?.id && (row.status === 'queued' || row.status === 'uncertain')).map(row => ({ id: row.id, preview: row.status === 'uncertain' ? `${row.error ?? 'Outcome unknown'}: ${row.text}` : row.text }))], t: t }), state !== undefined && _jsx(RoomActivityDock, { sessionId: sessionId, state: state, backgroundSessions: backgroundSessions, activeChildren: activeChildren, stopChild: stopChild, openSession: openPlanSession, stopExecution: stopExecution, planCommand: planCommand, openPlan: openPlan, stopMember: stopMember, t: t }, sessionId)] }), 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, children: [t('coordinator.label'), " \u00B7 ", coordinator?.name ?? 'dsh', external ? ` · ${coordinator.provider}` : ' · DSH'] }), mention !== null && candidates.length > 0 && (_jsx("ul", { className: css.menu, role: "listbox", "aria-label": "members", children: candidates.map((member, index) => (_jsx("li", { children: _jsxs("button", { type: "button", role: "option", "aria-selected": index === mention.index, className: index === mention.index ? css.itemActive : css.item, onMouseDown: (event) => {
                                     event.preventDefault();
                                     applyMention(member.name);
                                 }, children: [_jsx("span", { className: css.dot, style: { background: memberColor(member.name) }, "aria-hidden": true }), _jsx("span", { children: member.name }), _jsx("span", { className: css.hint, children: member.kind === 'main-agent' ? t('member.kind.main') : member.provider ?? '' })] }) }, member.name))) })), _jsx("textarea", { ref: areaRef, className: css.input, rows: 2, value: draft, placeholder: t('composer.placeholder'), onChange: onChange, onKeyDown: onKeyDown }), _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)

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

@@ -0,0 +1,15 @@
+import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { RoomComposerInjected } from './slots.ts';
+export declare const ROOM_PLAN_KIND = "room-plan";
+export declare const ROOM_PLAN_TAB_ID = "@khorsheed/dsh-room/plan";
+declare module '@deepseek-ai/dsh-client-ui-sidebar-right/client' {
+    interface SidebarRightTabParamsMap {
+        'room-plan': Record<string, never>;
+    }
+}
+type Injected = Pick<RoomComposerInjected, 'roomStore' | 'planCommand' | 'openPlanSession' | 'stopMember'>;
+type Props = PropsRuntime<'sidebar.right.pane.tab'> & InjectFace<Injected> & PropsLocale<'room'>;
+/** Uses the host's session-scoped sidebar, with the same review commands as the dock. */
+export declare function RoomPlanTab({ sessionId, roomStore, planCommand, openPlanSession, stopMember, t }: Props): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=RoomPlanTab.d.ts.map

package/lib/types/client/RoomPlanTab.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useSyncExternalStore } from 'react';
+import { RoomPlanView } from './RoomPlanView.js';
+export const ROOM_PLAN_KIND = 'room-plan';
+export const ROOM_PLAN_TAB_ID = '@khorsheed/dsh-room/plan';
+/** Uses the host's session-scoped sidebar, with the same review commands as the dock. */
+export function RoomPlanTab({ sessionId, roomStore, planCommand, openPlanSession, stopMember, t }) {
+    const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
+    useEffect(() => { void roomStore.ensure(sessionId); }, [roomStore, sessionId]);
+    if (!state || !planCommand)
+        return null;
+    return _jsx(RoomPlanView, { expanded: true, plan: state.plan, members: state.members, command: planCommand, openSession: openPlanSession, stopMember: stopMember, t: t }, sessionId);
+}

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

@@ -4,14 +4,15 @@ import type { RoomMember } from '../types.ts';
 import type { RoomComposerProps, RoomMutationOutcome } from './slots.ts';
 type PlanView = Omit<RoomPlan, 'requests'>;
 export interface RoomPlanViewProps {
+    expanded?: boolean;
     plan?: PlanView | undefined;
     members: readonly RoomMember[];
     command: (json: string) => Promise<RoomMutationOutcome>;
     openSession?: ((id: string) => void) | undefined;
-    stopMember?: ((name: string) => void) | undefined;
+    stopMember?: ((name: string, expectedRunId?: string) => void) | undefined;
     t: RoomComposerProps['t'];
 }
 /** Goal review is optional room chrome; ordinary chat never opens this form. */
-export declare function RoomPlanView({ plan, members, command, openSession, stopMember, t }: RoomPlanViewProps): ReactNode;
+export declare function RoomPlanView({ plan, members, command, openSession, stopMember, expanded, t }: RoomPlanViewProps): ReactNode;
 export {};
 //# sourceMappingURL=RoomPlanView.d.ts.map

package/lib/types/client/RoomPlanView.js

@@ -3,10 +3,9 @@ import { useEffect, useRef, useState } from 'react';
 import { RoomRequestIds } from './request-ids.js';
 import css from './RoomPlanView.module.css';
 /** Goal review is optional room chrome; ordinary chat never opens this form. */
-export function RoomPlanView({ plan, members, command, openSession, stopMember, t }) {
+export function RoomPlanView({ plan, members, command, openSession, stopMember, expanded = false, t }) {
     const [creating, setCreating] = useState(false);
     const [objective, setObjective] = useState('');
-    const [execute, setExecute] = useState(false);
     const [busy, setBusy] = useState(false);
     const [error, setError] = useState(null);
     const [reason, setReason] = useState('');
@@ -76,13 +75,13 @@ export function RoomPlanView({ plan, members, command, openSession, stopMember,
         const attempt = task.attempts.at(-1);
         const uncertain = attempt?.status === 'uncertain';
         const reviewable = attempt?.status === 'submitted' && attempt.settledAt !== undefined;
-        return _jsxs("details", { id: `room-plan-task-${task.id}`, className: task.parentId === undefined ? css.task : css.childTask, children: [_jsxs("summary", { children: [task.title, " \u00B7 ", task.kind === 'group' ? t('plan.group') : status(task.status), owner && ` · ${owner.name}`] }), _jsx("p", { className: css.text, children: task.instruction }), task.parentId && _jsxs("p", { children: [t('plan.parent'), ": ", plan?.tasks.find(parent => parent.id === task.parentId)?.title ?? task.parentId] }), task.criteria.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.criteria') }), list(task.criteria)] }), task.inputRefs.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.inputs') }), list(task.inputRefs)] }), task.artifactPaths.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.expectedArtifacts') }), list(task.artifactPaths)] }), task.dependsOn.length > 0 && _jsxs("div", { children: [t('plan.dependencies'), ": ", task.dependsOn.map(id => _jsx("a", { className: css.dependency, href: `#room-plan-task-${id}`, children: plan?.tasks.find(task => task.id === id)?.title ?? id }, id))] }), _jsxs("div", { className: css.actions, children: [owner?.childSessionId && openSession && _jsx("button", { type: "button", onClick: () => openSession(owner.childSessionId), children: t('plan.session') }), owner && stopMember && attempt?.startedAt !== undefined && attempt.settledAt === undefined && ['running', 'submitted'].includes(attempt.status) && _jsx("button", { type: "button", onClick: () => stopMember(owner.name), children: t('composer.stop') }), (uncertain || (!closed && (reviewable || task.status === 'failed'))) && _jsx("button", { type: "button", onClick: () => { setReviewTask(task.id); setGoalControls(false); setReason(''); setReferences(''); setArtifacts(''); }, children: t(uncertain ? 'plan.reconcile' : reviewable ? 'plan.review' : 'plan.retry') })] }), reviewTask === task.id && attempt && _jsxs("div", { className: css.review, children: [evidenceFields, _jsxs("div", { className: css.actions, children: [reviewable && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'review', taskId: task.id, attemptId: attempt.id, decision: 'accepted', reason, references: lines(references) }); }, children: t('plan.accept') }), _jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'review', taskId: task.id, attemptId: attempt.id, decision: 'rework', reason, references: lines(references) }); }, children: t('plan.rework') })] }), uncertain && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'reconcile', taskId: task.id, attemptId: attempt.id, outcome: 'submitted', evidence }); }, children: t('plan.reconcileSubmitted') }), _jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'reconcile', taskId: task.id, attemptId: attempt.id, outcome: 'failed', evidence }); }, children: t('plan.reconcileFailed') })] }), !uncertain && !reviewable && task.status === 'failed' && _jsx("button", { type: "button", disabled: busy || reason.trim() === '', onClick: () => { void run({ action: 'retry', taskId: task.id, reason }); }, children: t('plan.retry') })] })] }), task.attempts.map(attemptView)] }, task.id);
+        return _jsxs("details", { id: `room-plan-task-${task.id}`, className: task.parentId === undefined ? css.task : css.childTask, children: [_jsxs("summary", { children: [task.title, " \u00B7 ", task.kind === 'group' ? t('plan.group') : status(task.status), owner && ` · ${owner.name}`] }), _jsx("p", { className: css.text, children: task.instruction }), task.parentId && _jsxs("p", { children: [t('plan.parent'), ": ", plan?.tasks.find(parent => parent.id === task.parentId)?.title ?? task.parentId] }), task.criteria.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.criteria') }), list(task.criteria)] }), task.inputRefs.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.inputs') }), list(task.inputRefs)] }), task.artifactPaths.length > 0 && _jsxs(_Fragment, { children: [_jsx("strong", { children: t('plan.expectedArtifacts') }), list(task.artifactPaths)] }), task.dependsOn.length > 0 && _jsxs("div", { children: [t('plan.dependencies'), ": ", task.dependsOn.map(id => _jsx("a", { className: css.dependency, href: `#room-plan-task-${id}`, children: plan?.tasks.find(task => task.id === id)?.title ?? id }, id))] }), _jsxs("div", { className: css.actions, children: [owner?.childSessionId && openSession && _jsx("button", { type: "button", onClick: () => openSession(owner.childSessionId), children: t('plan.session') }), owner && stopMember && attempt?.startedAt !== undefined && attempt.settledAt === undefined && ['running', 'submitted'].includes(attempt.status) && _jsx("button", { type: "button", onClick: () => stopMember(owner.name, attempt.deliveryId), children: t('composer.stop') }), (uncertain || (!closed && (reviewable || task.status === 'failed'))) && _jsx("button", { type: "button", onClick: () => { setReviewTask(task.id); setGoalControls(false); setReason(''); setReferences(''); setArtifacts(''); }, children: t(uncertain ? 'plan.reconcile' : reviewable ? 'plan.review' : 'plan.retry') })] }), reviewTask === task.id && attempt && _jsxs("div", { className: css.review, children: [evidenceFields, _jsxs("div", { className: css.actions, children: [reviewable && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'review', taskId: task.id, attemptId: attempt.id, decision: 'accepted', reason, references: lines(references) }); }, children: t('plan.accept') }), _jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'review', taskId: task.id, attemptId: attempt.id, decision: 'rework', reason, references: lines(references) }); }, children: t('plan.rework') })] }), uncertain && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'reconcile', taskId: task.id, attemptId: attempt.id, outcome: 'submitted', evidence }); }, children: t('plan.reconcileSubmitted') }), _jsx("button", { type: "button", disabled: busy || !hasEvidence, onClick: () => { void run({ action: 'reconcile', taskId: task.id, attemptId: attempt.id, outcome: 'failed', evidence }); }, children: t('plan.reconcileFailed') })] }), !uncertain && !reviewable && task.status === 'failed' && _jsx("button", { type: "button", disabled: busy || reason.trim() === '', onClick: () => { void run({ action: 'retry', taskId: task.id, reason }); }, children: t('plan.retry') })] })] }), task.attempts.map(attemptView)] }, task.id);
     };
     const leaf = plan?.tasks.filter(task => task.kind === 'task' && task.status !== 'cancelled') ?? [];
     const accepted = leaf.filter(task => task.status === 'accepted').length;
     const closed = plan !== undefined && ['completed', 'cancelled'].includes(plan.status);
-    const createForm = _jsxs("div", { className: css.fields, children: [_jsxs("label", { children: [t('plan.objective'), _jsx("textarea", { value: objective, onChange: event => setObjective(event.target.value) })] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: execute, onChange: event => setExecute(event.target.checked) }), t('plan.execute')] }), budgetFields, _jsx("button", { type: "button", disabled: busy || objective.trim() === '', onClick: () => { void run({ action: 'create', objective: objective.trim(), mode: execute ? 'execute' : 'draft', budget }); }, children: t(execute ? 'plan.start' : 'plan.saveDraft') })] });
-    return _jsxs("details", { className: css.root, "data-testid": "room-plan", children: [_jsx("summary", { children: plan === undefined ? t('plan.create') : `${plan.objective} · ${status(plan.status)} · ${t('plan.acceptedCount', { done: accepted, total: leaf.length })}` }), error && _jsx("p", { role: "alert", children: error }), plan === undefined ? createForm : _jsxs(_Fragment, { children: [_jsxs("p", { children: [t('plan.revision'), ": ", plan.revision, " \u00B7 ", t('plan.attempts'), ": ", plan.tasks.reduce((count, task) => count + task.attempts.length, 0), "/", plan.budget.maxAttempts, " \u00B7 ", t('plan.parallel'), ": ", plan.budget.maxParallel] }), plan.reason && _jsx("p", { role: "status", children: plan.reason }), !closed && _jsx("div", { className: css.actions, children: plan.status === 'running' ? _jsx("button", { type: "button", disabled: busy, onClick: () => { void run({ action: 'pause', goalId: plan.id, reason: t('plan.humanPause') }); }, children: t('plan.pause') })
+    const createForm = _jsxs("div", { className: css.fields, children: [_jsxs("label", { children: [t('plan.objective'), _jsx("textarea", { value: objective, onChange: event => setObjective(event.target.value) })] }), _jsxs("details", { children: [_jsx("summary", { children: t('activity.limits') }), budgetFields] }), _jsxs("div", { className: css.actions, children: [_jsx("button", { type: "button", disabled: busy || objective.trim() === '', onClick: () => { void run({ action: 'create', objective: objective.trim(), mode: 'execute', budget }); }, children: t('plan.start') }), _jsx("button", { type: "button", disabled: busy || objective.trim() === '', onClick: () => { void run({ action: 'create', objective: objective.trim(), mode: 'draft', budget }); }, children: t('plan.saveDraft') })] })] });
+    return _jsxs("details", { className: expanded ? `${css.root} ${css.expanded}` : css.root, "data-testid": "room-plan", open: expanded || undefined, children: [_jsx("summary", { children: plan === undefined ? t('plan.create') : `${plan.objective} · ${status(plan.status)} · ${t('plan.acceptedCount', { done: accepted, total: leaf.length })}` }), error && _jsx("p", { role: "alert", children: error }), plan === undefined ? createForm : _jsxs(_Fragment, { children: [plan.reason && _jsx("p", { role: "status", children: plan.reason }), !closed && _jsx("div", { className: css.actions, children: plan.status === 'running' ? _jsx("button", { type: "button", disabled: busy, onClick: () => { void run({ action: 'pause', goalId: plan.id, reason: t('plan.humanPause') }); }, children: t('plan.pause') })
                             : _jsx("button", { type: "button", disabled: busy, onClick: () => { void run({ action: 'resume' }); }, children: t('plan.resume') }) }), plan.stages.map(stage => _jsxs("details", { className: css.stage, open: true, children: [_jsx("summary", { children: stage.title }), plan.tasks.filter(task => task.stageId === stage.id).map(taskView)] }, stage.id)), plan.completion && _jsxs(_Fragment, { children: [_jsx("p", { children: plan.completion.summary }), list(plan.completion.references), list(plan.completion.artifacts)] }), !closed && _jsxs("details", { className: css.review, open: goalControls, onToggle: event => { const open = event.currentTarget.open; setGoalControls(open); if (open)
-                            setReviewTask(null); }, children: [_jsx("summary", { children: t('plan.goalControls') }), goalControls && _jsxs(_Fragment, { children: [budgetFields, _jsx("button", { type: "button", disabled: busy, onClick: () => { void run({ action: 'budget', budget }); }, children: t('plan.updateBudget') }), evidenceFields, _jsxs("div", { className: css.actions, children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence || leaf.length === 0 || accepted !== leaf.length, onClick: () => { void run({ action: 'complete', evidence }); }, children: t('plan.complete') }), _jsx("button", { type: "button", disabled: busy || reason.trim() === '', onClick: () => { void run({ action: 'cancel', reason }); }, children: t('plan.cancel') })] })] })] }), closed && _jsx("button", { type: "button", onClick: () => setCreating(value => !value), children: t('plan.create') }), closed && creating && createForm] })] });
+                            setReviewTask(null); }, children: [_jsx("summary", { children: t('plan.goalControls') }), goalControls && _jsxs(_Fragment, { children: [_jsxs("details", { children: [_jsx("summary", { children: t('activity.limits') }), budgetFields, _jsx("button", { type: "button", disabled: busy, onClick: () => { void run({ action: 'budget', budget }); }, children: t('plan.updateBudget') })] }), evidenceFields, _jsxs("div", { className: css.actions, children: [_jsx("button", { type: "button", disabled: busy || !hasEvidence || leaf.length === 0 || accepted !== leaf.length, onClick: () => { void run({ action: 'complete', evidence }); }, children: t('plan.complete') }), _jsx("button", { type: "button", disabled: busy || reason.trim() === '', onClick: () => { void run({ action: 'cancel', reason }); }, children: t('plan.cancel') })] })] })] }), closed && _jsx("button", { type: "button", onClick: () => setCreating(value => !value), children: t('plan.create') }), closed && creating && createForm] })] });
 }