@khorsheed/dsh-room 0.1.0 → 0.2.0

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,11 +159,87 @@ 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(),
   'taskId': z.string().readonly(),
-  'status': z.union([z.literal("cancelled"), z.literal("done")]).readonly().optional(),
+  'status': z.union([z.literal("done"), z.literal("cancelled")]).readonly().optional(),
 }))
 let _khorsheed_dsh_room_room_closeTask_result$schema$value
 const _khorsheed_dsh_room_room_closeTask_result$schema = () => (_khorsheed_dsh_room_room_closeTask_result$schema$value ??= z.union([z.object({
@@ -394,12 +472,31 @@ 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(),
   'objective': z.string(),
-  'status': z.union([z.literal("cancelled"), z.literal("running"), z.literal("draft"), z.literal("paused"), z.literal("completed")]),
+  'status': z.union([z.literal("draft"), z.literal("running"), z.literal("cancelled"), z.literal("paused"), z.literal("completed")]),
   'reason': z.string().optional(),
   'budget': z.object({
   'maxParallel': z.number(),
@@ -409,28 +506,24 @@ 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()),
   'inputRefs': z.array(z.string()),
   'artifactPaths': z.array(z.string()),
   'dependsOn': z.array(z.string()),
-  'status': z.union([z.literal("pending"), z.literal("failed"), z.literal("cancelled"), z.literal("running"), z.literal("submitted"), z.literal("accepted")]),
+  'status': z.union([z.literal("running"), z.literal("cancelled"), z.literal("pending"), z.literal("failed"), z.literal("submitted"), z.literal("accepted")]),
   'attempts': z.array(z.object({
   'id': z.string(),
   'deliveryId': z.string(),
   'number': z.number(),
-  'status': z.union([z.literal("failed"), z.literal("rejected"), z.literal("cancelled"), z.literal("queued"), z.literal("running"), z.literal("uncertain"), z.literal("submitted"), z.literal("accepted")]),
+  'status': z.union([z.literal("running"), z.literal("cancelled"), z.literal("failed"), z.literal("rejected"), z.literal("queued"), z.literal("uncertain"), z.literal("submitted"), z.literal("accepted")]),
   'createdAt': z.number(),
   'startedAt': z.number().optional(),
   'settledAt': z.number().optional(),
@@ -464,7 +557,7 @@ const _khorsheed_dsh_room_room_getState_result$schema = () => (_khorsheed_dsh_ro
   'id': z.string().readonly(),
   'dispatchSeq': z.number().readonly(),
   'memberId': z.string().readonly(),
-  'status': z.union([z.literal("failed"), z.literal("cancelled"), z.literal("queued"), z.literal("running"), z.literal("done"), z.literal("uncertain")]).readonly(),
+  'status': z.union([z.literal("running"), z.literal("done"), z.literal("cancelled"), z.literal("failed"), z.literal("queued"), z.literal("uncertain")]).readonly(),
   'origin': z.union([z.literal("human"), z.literal("coordinator"), z.literal("report"), z.literal("relay")]).readonly(),
   'text': z.string().readonly(),
   'error': z.string().readonly().optional(),
@@ -487,7 +580,7 @@ const _khorsheed_dsh_room_room_getState_result$schema = () => (_khorsheed_dsh_ro
   'kind': z.union([z.literal("main-agent"), z.literal("cli")]).readonly(),
   'provider': z.string().readonly().optional(),
   'instructions': z.string().readonly().optional(),
-  'invitedBy': z.union([z.literal("human"), z.literal("agent")]).readonly(),
+  'invitedBy': z.union([z.literal("agent"), z.literal("human")]).readonly(),
   'cwd': z.string().readonly().optional(),
   'model': z.string().readonly().optional(),
   'childSessionId': z.intersection(z.string(), z.unknown()).readonly().optional(),
@@ -505,14 +598,14 @@ const _khorsheed_dsh_room_room_getState_result$schema = () => (_khorsheed_dsh_ro
   'id': z.string().readonly(),
   'member': z.string().readonly(),
   'title': z.string().readonly(),
-  'status': z.union([z.literal("pending"), z.literal("failed"), z.literal("cancelled"), z.literal("done"), z.literal("in_progress")]).readonly(),
+  'status': z.union([z.literal("done"), z.literal("cancelled"), z.literal("pending"), z.literal("failed"), z.literal("in_progress")]).readonly(),
   'blockedBy': z.string().readonly().optional(),
   'updatedAt': z.number().readonly(),
 })).readonly(),
   'runs': z.array(z.object({
   'runId': z.string().readonly().optional(),
   'member': z.string().readonly(),
-  'state': z.union([z.literal("failed"), z.literal("cancelled"), z.literal("running"), z.literal("done")]).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(),
@@ -858,7 +951,7 @@ let _khorsheed_dsh_room_room_reconcileDelivery_parameter_0$schema$value
 const _khorsheed_dsh_room_room_reconcileDelivery_parameter_0$schema = () => (_khorsheed_dsh_room_room_reconcileDelivery_parameter_0$schema$value ??= z.object({
   'sessionId': z.intersection(z.string(), z.unknown()).readonly(),
   'deliveryId': z.string().readonly(),
-  'outcome': z.union([z.literal("cancelled"), z.literal("done")]).readonly(),
+  'outcome': z.union([z.literal("done"), z.literal("cancelled")]).readonly(),
   'evidence': z.string().readonly(),
 }))
 let _khorsheed_dsh_room_room_reconcileDelivery_result$schema$value
@@ -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/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