@khorsheed/dsh-room 0.2.2 → 0.2.4

package/locale/zh.json

@@ -1,6 +1,6 @@
 {
   "meta": {
-    "title": "多Agent协同",
+    "title": "协作间",
     "description": "把会话升级为有协调者和成员的共享协作空间。"
   }
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@khorsheed/dsh-room",
-  "description": "Room conversations with native or external coordinators, background delegation, durable goal plans and evidence review, shared member controls, live output and session navigation; the session-granted room model tools (`room_invite` / `room_task` / `room_message`) ship as the package's `./tool` composition entry",
+  "description": "Room conversations with native or external coordinators, background delegation, durable goal plans and evidence review, shared member controls, live output and session navigation; the session-granted room model tools (`room_invite` / `room_message` / `room_read` / `room_plan`) ship as the package's `./tool` composition entry",
   "keywords": [
     "dsh",
     "dsh-plugin",
     "cordis",
     "multi-agent"
   ],
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "main": "lib/index.js",
   "types": "lib/types/index.d.ts",
@@ -85,7 +85,7 @@
     "@deepseek-ai/dsh-tool-todo": "^0.1.0-rc.6 || ^0.2.0-rc.1 || ^0.2.1-rc.1",
     "@deepseek-ai/dsh-tools": "^0.1.0-rc.6 || ^0.2.0-rc.1 || ^0.2.1-rc.1",
     "@deepseek-ai/dsh-typert-protocol": "^0.1.0-rc.6 || ^0.2.0-rc.1 || ^0.2.1-rc.1",
-    "@khorsheed/dsh-local-agent": "^0.2.0-rc.2",
+    "@khorsheed/dsh-local-agent": "^0.2.1",
     "react": "^18.2.0",
     "@deepseek-ai/dsh-client-ui-sidebar-right": "^0.1.0-rc.6 || ^0.2.0-rc.1 || ^0.2.1-rc.1"
   },

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

@@ -1,19 +0,0 @@
-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

@@ -1,105 +0,0 @@
-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/RoomDockCapsules.d.ts

@@ -1,64 +0,0 @@
-/**
- * The room dock capsules, rendered by the RoomComposer itself above the input
- * card — the seat of the old task-board strip (NOT a `conversation.input.dock`
- * entry: that slot lives inside the official composer fallback, which the
- * room's composer takeover hides). One collapsed row of two capsules plus a
- * quick-add button:
- *
- * ```
- * [◔33% 插件API v2上线]  [☑ 当前进度 1/3 · ●ada 在做]  ＋
- * ```
- *
- * The row is ANCHORED just above the input card: an expanded panel renders
- * above the capsule row (top-to-bottom: panel → capsules → input card) and
- * grows upward only, so folding/unfolding never shifts the row under the
- * user's pointer.
- *
- * The GOAL capsule's only visual focus is the progress ring: an SVG circle
- * (tertiary track + business-primary progress arc) followed by the percent
- * and the truncated goal text; without a goal it renders the 「＋ 设定目标」
- * guide state (no ring). It expands into the goal card: the full text with an
- * inline [编辑], a progress bar with the done/total fraction, and the recent
- * advance records (who finished what, relative time).
- *
- * The TASK capsule leads with the checklist icon (IconChecklistOutlineMedium from
- * the official primitives — never a Unicode glyph), then the open-task count
- * and the members currently running (color dot + name). It expands into the
- * Linear-style task panel: a member filter chip row (color-dot capsules, the
- * selected one takes a tinted fill of the member color — no outline) with the
- * ＋添加 trigger at its right end, small-caps tertiary group headers, and task
- * rows (colored status icon — business-primary half-ring for in_progress,
- * tertiary empty ring for pending, filled check for done, filled error × for
- * failed — + title + member chip + right-aligned tertiary status/relative
- * time + a row-end [完成]; a failed row's action is [关闭], dismissing to
- * cancelled — the run did not finish, so it never closes done).
- * Closing a task plays a restrained completion beat (the check pops, the
- * title's strike draws in, <300ms, reduced-motion safe) — the row remounts on
- * a status change (`key = id:status`) so the CSS animation replays. A blocked
- * row greys with a 「等 ada」 tag until its `blockedBy` member has no open
- * task left (display only: nothing auto-dispatches). The trailing ＋ opens
- * the panel with the add form already expanded (member select + title +
- * optional "等谁"). Panels close on a second capsule click or a click
- * outside; no overlay.
- *
- * Visual layer: the capsules ride the official chip register (28px, r24,
- * interactive hover fill, 13/20/500 label) with a visible outline (the
- * InputBar card's `l2-darkmode-thin` pair, firming to `l3` on hover/expand);
- * the expanded cards are the
- * official Menu surface (`--dsw-specific-menu`, r12, inverted hairline,
- * shadow-lv3); the task capsule sweeps a restrained glare band while tasks
- * run (the ToolRow pattern, reduced-motion safe). Every token reference
- * carries the light-theme literal as fallback; no divider lines anywhere.
- *
- * FRESH-ROOM STATE: a room with neither a goal nor any task (membership does
- * not count — the main agent is always there) has no use for the guide/task
- * pair, which would be pure noise. The collapsed row then renders a single
- * 「＋ 邀请成员」 capsule (same chip family) that opens the invite dialog
- * straight from the dock. The moment a goal is set or a task exists the pair
- * returns, and the invite entry retires — the members tab already carries it.
- */
-import { type ReactNode } from 'react';
-import type { RoomDockCapsulesProps } from './slots.ts';
-/** The dock capsules (goal + tasks) with their expanded cards. */
-export declare function RoomDockCapsules({ sessionId, roomStore, addTask, closeTask, setGoal, formalPlans, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, t, }: RoomDockCapsulesProps): ReactNode;
-//# sourceMappingURL=RoomDockCapsules.d.ts.map

package/lib/types/client/RoomDockCapsules.js

@@ -1,277 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The room dock capsules, rendered by the RoomComposer itself above the input
- * card — the seat of the old task-board strip (NOT a `conversation.input.dock`
- * entry: that slot lives inside the official composer fallback, which the
- * room's composer takeover hides). One collapsed row of two capsules plus a
- * quick-add button:
- *
- * ```
- * [◔33% 插件API v2上线]  [☑ 当前进度 1/3 · ●ada 在做]  ＋
- * ```
- *
- * The row is ANCHORED just above the input card: an expanded panel renders
- * above the capsule row (top-to-bottom: panel → capsules → input card) and
- * grows upward only, so folding/unfolding never shifts the row under the
- * user's pointer.
- *
- * The GOAL capsule's only visual focus is the progress ring: an SVG circle
- * (tertiary track + business-primary progress arc) followed by the percent
- * and the truncated goal text; without a goal it renders the 「＋ 设定目标」
- * guide state (no ring). It expands into the goal card: the full text with an
- * inline [编辑], a progress bar with the done/total fraction, and the recent
- * advance records (who finished what, relative time).
- *
- * The TASK capsule leads with the checklist icon (IconChecklistOutlineMedium from
- * the official primitives — never a Unicode glyph), then the open-task count
- * and the members currently running (color dot + name). It expands into the
- * Linear-style task panel: a member filter chip row (color-dot capsules, the
- * selected one takes a tinted fill of the member color — no outline) with the
- * ＋添加 trigger at its right end, small-caps tertiary group headers, and task
- * rows (colored status icon — business-primary half-ring for in_progress,
- * tertiary empty ring for pending, filled check for done, filled error × for
- * failed — + title + member chip + right-aligned tertiary status/relative
- * time + a row-end [完成]; a failed row's action is [关闭], dismissing to
- * cancelled — the run did not finish, so it never closes done).
- * Closing a task plays a restrained completion beat (the check pops, the
- * title's strike draws in, <300ms, reduced-motion safe) — the row remounts on
- * a status change (`key = id:status`) so the CSS animation replays. A blocked
- * row greys with a 「等 ada」 tag until its `blockedBy` member has no open
- * task left (display only: nothing auto-dispatches). The trailing ＋ opens
- * the panel with the add form already expanded (member select + title +
- * optional "等谁"). Panels close on a second capsule click or a click
- * outside; no overlay.
- *
- * Visual layer: the capsules ride the official chip register (28px, r24,
- * interactive hover fill, 13/20/500 label) with a visible outline (the
- * InputBar card's `l2-darkmode-thin` pair, firming to `l3` on hover/expand);
- * the expanded cards are the
- * official Menu surface (`--dsw-specific-menu`, r12, inverted hairline,
- * shadow-lv3); the task capsule sweeps a restrained glare band while tasks
- * run (the ToolRow pattern, reduced-motion safe). Every token reference
- * carries the light-theme literal as fallback; no divider lines anywhere.
- *
- * FRESH-ROOM STATE: a room with neither a goal nor any task (membership does
- * not count — the main agent is always there) has no use for the guide/task
- * pair, which would be pure noise. The collapsed row then renders a single
- * 「＋ 邀请成员」 capsule (same chip family) that opens the invite dialog
- * straight from the dock. The moment a goal is set or a task exists the pair
- * returns, and the invite entry retires — the members tab already carries it.
- */
-import { useEffect, useRef, useState, useSyncExternalStore, } from 'react';
-import { IconChecklistOutlineMedium } from './icons.js';
-import { taskProgress } from '../journal.js';
-import { formatRelativeTime } from './format.js';
-import { memberColor } from './member-color.js';
-import { InviteDialog } from './InviteDialog.js';
-import css from './RoomDockCapsules.module.css';
-/** Glyph tooltip text per status. */
-function statusLabel(status, t) {
-    switch (status) {
-        case 'pending': return t('tasks.status.pending');
-        case 'in_progress': return t('tasks.status.in_progress');
-        case 'done': return t('tasks.status.done');
-        case 'cancelled': return t('tasks.status.cancelled');
-        case 'failed': return t('tasks.status.failed');
-    }
-}
-/* The Linear-style status icons: colored, 14px, centered in the 16px cell. */
-/** Done: filled success circle, check cut in the card surface tone. */
-function DoneGlyph() {
-    return (_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphDone, children: [_jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }), _jsx("path", { d: "M4.2 7.3L6.2 9.3L9.8 5.2", stroke: "var(--dsw-specific-menu, var(--dsw-alias-bg-base, #ffffff))", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-}
-/** In-progress: business-primary half ring; CSS spins the svg. */
-function ProgressGlyph() {
-    return (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphProgress, children: _jsx("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeDasharray: `${Math.PI * 5.5} ${2 * Math.PI * 5.5}` }) }));
-}
-/** Pending: the tertiary empty ring. */
-function PendingGlyph() {
-    return (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphPending, children: _jsx("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.4" }) }));
-}
-/** Cancelled: the pending ring in the dimmer caption tone. */
-function CancelledGlyph() {
-    return (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphCancelled, children: _jsx("circle", { cx: "7", cy: "7", r: "5.5", stroke: "currentColor", strokeWidth: "1.4" }) }));
-}
-/** Failed: filled error circle, × cut in the card surface tone (DoneGlyph's cutout idiom). */
-function FailedGlyph() {
-    return (_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphFailed, children: [_jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }), _jsx("path", { d: "M4.8 4.8L9.2 9.2M9.2 4.8L4.8 9.2", stroke: "var(--dsw-specific-menu, var(--dsw-alias-bg-base, #ffffff))", strokeWidth: "1.4", strokeLinecap: "round" })] }));
-}
-function StatusGlyph({ status }) {
-    switch (status) {
-        case 'done': return _jsx(DoneGlyph, {});
-        case 'in_progress': return _jsx(ProgressGlyph, {});
-        case 'pending': return _jsx(PendingGlyph, {});
-        case 'cancelled': return _jsx(CancelledGlyph, {});
-        case 'failed': return _jsx(FailedGlyph, {});
-    }
-}
-/**
- * The goal capsule's progress ring — the collapsed row's single visual focus:
- * a tertiary track arc plus the business-primary progress arc, -90° rotated
- * so the arc starts at twelve o'clock.
- */
-function GoalRing({ fraction }) {
-    const clamped = Math.min(1, Math.max(0, fraction));
-    const R = 5.5;
-    const C = 2 * Math.PI * R;
-    return (_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.ring, children: [_jsx("circle", { cx: "7", cy: "7", r: R, className: css.ringTrack, strokeWidth: "2" }), _jsx("circle", { cx: "7", cy: "7", r: R, className: css.ringFill, strokeWidth: "2", strokeLinecap: "round", strokeDasharray: `${C * clamped} ${C}`, transform: "rotate(-90 7 7)" })] }));
-}
-/**
- * A task is BLOCKED while the member its `blockedBy` names still has an open
- * (pending/in_progress) task — the row greys until the wait is over. The task
- * ITSELF never counts as its own blocker (a "等谁" pointing at the owner
- * would otherwise grey forever). Display only: nothing auto-dispatches when
- * it clears.
- */
-function isBlocked(task, tasks) {
-    return task.blockedBy !== undefined
-        && tasks.some(entry => entry.id !== task.id && entry.member === task.blockedBy
-            && (entry.status === 'pending' || entry.status === 'in_progress'));
-}
-/** How many recent advance records the goal card lists. */
-const RECENT_ADVANCES = 5;
-/** One task row of the task panel. */
-function TaskRow({ task, tasks, now, closeTask, t }) {
-    const blocked = isBlocked(task, tasks);
-    const open = task.status === 'pending' || task.status === 'in_progress';
-    return (_jsxs("li", { className: css.item, "data-status": task.status, "data-blocked": blocked || undefined, children: [_jsx("span", { className: css.glyph, title: statusLabel(task.status, t), children: _jsx(StatusGlyph, { status: task.status }) }), _jsx("span", { className: css.content, children: _jsx("span", { className: css.title, children: task.title }) }), _jsxs("span", { className: css.memberChip, children: [_jsx("span", { className: css.memberDot, style: { background: memberColor(task.member) }, "aria-hidden": true }), task.member] }), blocked && _jsx("span", { className: css.blockedTag, children: t('tasks.blocked', { member: task.blockedBy ?? '' }) }), _jsxs("span", { className: css.meta, children: [statusLabel(task.status, t), " \u00B7 ", formatRelativeTime(task.updatedAt, now, t)] }), open && (_jsx("button", { type: "button", className: css.action, onClick: () => { void closeTask(task.id); }, children: t('tasks.close') })), task.status === 'failed' && (_jsx("button", { type: "button", className: css.action, onClick: () => { void closeTask(task.id, 'cancelled'); }, children: t('tasks.dismiss') }))] }));
-}
-/** The dock capsules (goal + tasks) with their expanded cards. */
-export function RoomDockCapsules({ sessionId, roomStore, addTask, closeTask, setGoal, formalPlans = false, roomCwd, invite, listProviders, browseDirectory, modelSurface, renderHarnessModelPicker, t, }) {
-    const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
-    const [open, setOpen] = useState(null);
-    const [addOpen, setAddOpen] = useState(false);
-    const [filter, setFilter] = useState('');
-    const [editingGoal, setEditingGoal] = useState(false);
-    const [goalDraft, setGoalDraft] = useState('');
-    const [draftTitle, setDraftTitle] = useState('');
-    const [draftMember, setDraftMember] = useState('');
-    const [draftBlockedBy, setDraftBlockedBy] = useState('');
-    const [error, setError] = useState(null);
-    const [inviteOpen, setInviteOpen] = useState(false);
-    const [providers, setProviders] = useState(undefined);
-    const rootRef = useRef(null);
-    // Collapse on any press outside the dock (no overlay; a second click on the
-    // capsule toggles too).
-    useEffect(() => {
-        if (open === null)
-            return;
-        const onPointerDown = (event) => {
-            if (rootRef.current !== null && event.target instanceof Node
-                && !rootRef.current.contains(event.target)) {
-                setOpen(null);
-                setAddOpen(false);
-                setEditingGoal(false);
-            }
-        };
-        document.addEventListener('mousedown', onPointerDown);
-        return () => { document.removeEventListener('mousedown', onPointerDown); };
-    }, [open]);
-    // A cache miss (first pull in flight) or a non-room: the dock vanishes.
-    if (state === undefined || roomStore.isRoomCached(sessionId) !== true)
-        return null;
-    // Fresh room (no goal, no tasks — membership does not count, the main
-    // agent is always there): the guide/task pair would be noise, so the row
-    // carries a single 「＋ 邀请成员」 capsule that opens the invite dialog
-    // straight from the dock. The pair returns the moment a goal or a task
-    // exists; the invite entry then retires (the members tab carries it).
-    const fresh = state.goal === undefined && state.tasks.length === 0;
-    if (fresh) {
-        const openInvite = () => {
-            setProviders(undefined);
-            setInviteOpen(true);
-            void listProviders().then(setProviders);
-        };
-        const submitInvite = (values) => invite({
-            provider: values.provider,
-            name: values.name,
-            // Blank instructions are omitted, not sent: the host rejects a
-            // present-but-blank role, and an absent one simply carries no preset.
-            ...values.instructions === '' ? {} : { instructions: values.instructions },
-            ...values.cwd === '' ? {} : { cwd: values.cwd },
-            ...values.firstTask === '' ? {} : { firstTask: values.firstTask },
-            ...values.model === '' ? {} : { model: values.model },
-        });
-        return (_jsxs("section", { ref: rootRef, className: css.root, "aria-label": t('goal.label'), children: [_jsx("div", { className: css.capsules, children: _jsx("button", { type: "button", className: css.capsule, onClick: openInvite, children: _jsx("span", { className: css.capsuleGuide, children: t('members.invite') }) }) }), inviteOpen && (_jsx(InviteDialog, { mode: "invite", providers: providers?.providers, localAgentAvailable: providers?.localAgentAvailable ?? true, inheritedCwd: roomCwd, existingNames: state.members.map(entry => entry.name), browseDirectory: browseDirectory, modelSurface: modelSurface, renderHarnessModelPicker: renderHarnessModelPicker, onSubmit: submitInvite, onClose: () => { setInviteOpen(false); }, t: t }))] }));
-    }
-    const now = Date.now();
-    const progress = taskProgress(state.tasks);
-    const runners = [...new Set(state.tasks.filter(task => task.status === 'in_progress').map(task => task.member))];
-    const members = state.members;
-    const chosen = members.some(member => member.name === draftMember)
-        ? draftMember
-        : (members[0]?.name ?? '');
-    const advances = state.tasks
-        .filter(task => task.status === 'done')
-        .slice()
-        .sort((a, b) => b.updatedAt - a.updatedAt);
-    const fraction = progress.total === 0 ? 0 : progress.done / progress.total;
-    const toggle = (panel) => {
-        if (open === panel) {
-            setOpen(null);
-            setAddOpen(false);
-            setEditingGoal(false);
-            return;
-        }
-        setOpen(panel);
-        setAddOpen(false);
-        setEditingGoal(false);
-        setError(null);
-        if (panel === 'goal' && state.goal === undefined) {
-            setGoalDraft('');
-            setEditingGoal(true);
-        }
-    };
-    const saveGoal = async () => {
-        const outcome = await setGoal(goalDraft);
-        if (!outcome.ok) {
-            setError(outcome.message);
-            return;
-        }
-        setEditingGoal(false);
-        setError(null);
-    };
-    const add = async () => {
-        const title = draftTitle.trim();
-        if (title === '' || chosen === '')
-            return;
-        const outcome = await addTask(chosen, title, draftBlockedBy === '' ? undefined : draftBlockedBy);
-        if (!outcome.ok) {
-            setError(outcome.message);
-            return;
-        }
-        setDraftTitle('');
-        setDraftBlockedBy('');
-        setError(null);
-    };
-    const onAddKeyDown = (event) => {
-        if (event.key === 'Enter') {
-            event.preventDefault();
-            void add();
-        }
-    };
-    const visibleTasks = filter === ''
-        ? undefined
-        : state.tasks.filter(task => task.member === filter);
-    return (_jsxs("section", { ref: rootRef, className: css.root, "aria-label": t('goal.label'), children: [!formalPlans && open === 'goal' && (_jsxs("div", { className: css.card, children: [editingGoal ? (_jsxs("div", { className: css.goalEditRow, children: [_jsx("input", { className: css.input, value: goalDraft, placeholder: t('goal.placeholder'), onChange: event => { setGoalDraft(event.target.value); }, onKeyDown: (event) => {
-                                    if (event.key === 'Enter') {
-                                        event.preventDefault();
-                                        void saveGoal();
-                                    }
-                                } }), _jsx("button", { type: "button", className: css.action, onClick: () => { void saveGoal(); }, children: t('goal.save') }), state.goal !== undefined && (_jsx("button", { type: "button", className: css.action, onClick: () => { setEditingGoal(false); }, children: t('goal.cancel') }))] })) : (_jsxs("div", { className: css.goalRow, children: [_jsx("span", { className: css.goalText, children: state.goal }), _jsx("button", { type: "button", className: css.action, onClick: () => {
-                                    setGoalDraft(state.goal ?? '');
-                                    setEditingGoal(true);
-                                }, children: t('goal.edit') })] })), _jsxs("div", { className: css.progressRow, children: [_jsx("div", { className: css.progressTrack, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": progress.total, "aria-valuenow": progress.done, children: _jsx("div", { className: css.progressFill, style: { width: `${fraction * 100}%` } }) }), _jsxs("span", { className: css.progressMeta, children: [progress.done, "/", progress.total] })] }), _jsx("div", { className: css.recentLabel, children: t('goal.recent') }), advances.length === 0 ? (_jsx("div", { className: css.meta, children: t('goal.noAdvances') })) : (_jsx("ul", { className: css.list, children: advances.slice(0, RECENT_ADVANCES).map(task => (_jsxs("li", { className: css.advanceRow, children: [t('advance.line', { member: task.member, title: task.title }), _jsxs("span", { className: css.meta, children: [" \u00B7 ", formatRelativeTime(task.updatedAt, now, t)] })] }, task.id))) })), error !== null && _jsx("div", { className: css.error, role: "alert", children: error })] })), open === 'tasks' && (_jsxs("div", { className: css.card, children: [_jsxs("div", { className: css.panelBar, children: [_jsxs("div", { className: css.chips, role: "group", "aria-label": t(formalPlans ? 'tasks.chat' : 'tasks.capsule'), children: [_jsx("button", { type: "button", className: css.chip, "data-active": filter === '' || undefined, onClick: () => { setFilter(''); }, children: t('tasks.filter.all') }), members.map(member => (_jsxs("button", { type: "button", className: css.chip, "data-active": filter === member.name || undefined, style: { '--room-chip-color': memberColor(member.name) }, onClick: () => { setFilter(member.name); }, children: [_jsx("span", { className: css.memberDot, style: { background: memberColor(member.name) }, "aria-hidden": true }), member.name] }, member.name)))] }), !addOpen && (_jsxs("button", { type: "button", className: css.addTrigger, onClick: () => { setAddOpen(true); }, children: ["\uFF0B ", t('tasks.addTrigger')] }))] }), _jsx("div", { className: css.groups, children: filter === ''
-                            ? members.map((member) => {
-                                const own = state.tasks.filter(task => task.member === member.name);
-                                if (own.length === 0)
-                                    return null;
-                                return (_jsxs("div", { className: css.group, children: [_jsx("div", { className: css.head, children: member.name }), _jsx("ul", { className: css.list, children: own.map(task => (_jsx(TaskRow, { task: task, tasks: state.tasks, now: now, closeTask: closeTask, t: t }, `${task.id}:${task.status}`))) })] }, member.name));
-                            })
-                            : (_jsx("ul", { className: css.list, children: (visibleTasks ?? []).map(task => (_jsx(TaskRow, { task: task, tasks: state.tasks, now: now, closeTask: closeTask, t: t }, `${task.id}:${task.status}`))) })) }), addOpen && (_jsxs("div", { className: css.addRow, children: [_jsx("select", { className: css.memberSelect, "aria-label": t('tasks.addMember'), value: chosen, onChange: event => { setDraftMember(event.target.value); }, children: members.map(member => (_jsx("option", { value: member.name, children: member.name }, member.name))) }), _jsx("input", { className: css.input, value: draftTitle, placeholder: t('tasks.addPlaceholder'), onChange: event => { setDraftTitle(event.target.value); }, onKeyDown: onAddKeyDown }), _jsxs("select", { className: css.memberSelect, "aria-label": t('tasks.addBlockedBy'), value: draftBlockedBy, onChange: event => { setDraftBlockedBy(event.target.value); }, children: [_jsx("option", { value: "", children: t('tasks.addBlockedByNone') }), members.map(member => (_jsx("option", { value: member.name, children: member.name }, member.name)))] }), _jsx("button", { type: "button", className: css.action, disabled: draftTitle.trim() === '' || chosen === '', onClick: () => { void add(); }, children: t('tasks.add') })] })), error !== null && _jsx("div", { className: css.error, role: "alert", children: error })] })), _jsxs("div", { className: css.capsules, children: [!formalPlans && _jsx("button", { type: "button", className: css.capsule, "aria-expanded": open === 'goal', "aria-label": t('goal.label'), onClick: () => { toggle('goal'); }, children: state.goal === undefined ? (_jsx("span", { className: css.capsuleGuide, children: t('goal.set') })) : (_jsxs(_Fragment, { children: [_jsx(GoalRing, { fraction: fraction }), _jsxs("span", { className: css.capsulePercent, children: [Math.round(fraction * 100), "%"] }), _jsx("span", { className: css.capsuleText, children: state.goal })] })) }), _jsxs("button", { type: "button", className: css.capsule, "aria-expanded": open === 'tasks', "aria-label": t(formalPlans ? 'tasks.chat' : 'tasks.capsule'), "data-running": runners.length > 0 || undefined, onClick: () => { toggle('tasks'); }, children: [_jsx(IconChecklistOutlineMedium, { size: 14, className: css.checklistIcon }), progress.total === 0 ? (_jsx("span", { className: css.capsuleText, children: t(formalPlans ? 'tasks.chat' : 'tasks.capsule') })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: css.capsuleText, children: t(formalPlans ? 'tasks.chat' : 'tasks.capsule') }), _jsxs("span", { className: css.capsuleCount, children: [progress.done, "/", progress.total] }), runners.length > 0 && (_jsxs("span", { className: css.runners, children: [runners.map(name => (_jsxs("span", { className: css.runner, children: [_jsx("span", { className: css.memberDot, style: { background: memberColor(name) }, "aria-hidden": true }), name] }, name))), _jsx("span", { className: css.runnerSuffix, children: t('tasks.doing') })] }))] }))] }), _jsx("button", { type: "button", className: css.addCapsule, "aria-label": t('tasks.addTrigger'), onClick: () => {
-                            setOpen('tasks');
-                            setAddOpen(true);
-                            setEditingGoal(false);
-                            setError(null);
-                        }, children: "\uFF0B" })] })] }));
-}

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

@@ -1,15 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/RoomTaskLineView.d.ts

@@ -1,13 +0,0 @@
-/**
- * Task-advance node ('room-task-line' keyed renderer): one dim line per task
- * closed done — `✓ ada 完成了「API 定稿」── 目标进度 2/5`. The same dim
- * single-line register as the boundary rows (RoomEventView); the goal
- * progress suffix is computed live from the room store (the node's own fold
- * only carries this task) and dropped when the store has no state for the
- * session (a cold render before the first pull).
- */
-import { type ReactNode } from 'react';
-import type { RoomTaskLineViewProps } from './slots.ts';
-/** The task-advance dim line. */
-export declare function RoomTaskLineView({ node, sessionId, roomStore, t }: RoomTaskLineViewProps): ReactNode;
-//# sourceMappingURL=RoomTaskLineView.d.ts.map

package/lib/types/client/RoomTaskLineView.js

@@ -1,21 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Task-advance node ('room-task-line' keyed renderer): one dim line per task
- * closed done — `✓ ada 完成了「API 定稿」── 目标进度 2/5`. The same dim
- * single-line register as the boundary rows (RoomEventView); the goal
- * progress suffix is computed live from the room store (the node's own fold
- * only carries this task) and dropped when the store has no state for the
- * session (a cold render before the first pull).
- */
-import { useSyncExternalStore } from 'react';
-import { taskProgress } from '../journal.js';
-import css from './RoomTaskLineView.module.css';
-/** The task-advance dim line. */
-export function RoomTaskLineView({ node, sessionId, roomStore, t }) {
-    const state = useSyncExternalStore(roomStore.subscribe, () => roomStore.getCached(sessionId));
-    const data = node.data;
-    const progress = state === undefined ? undefined : taskProgress(state.tasks);
-    return (_jsxs("div", { className: css.row, children: [t('advance.line', { member: data.member, title: data.title }), progress !== undefined && progress.total > 0
-                ? t('advance.progress', { done: progress.done, total: progress.total })
-                : ''] }));
-}