@khorsheed/dsh-room 0.1.0

package/lib/types/client/RoomStatsLine.js

@@ -0,0 +1,138 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The room session's stats row — a RoomComposer footer replicating the
+ * official StatsLine (harness ui-conversation chat/StatsLine.tsx), which
+ * lives inside the InputBar fallback the composer takeover hides. Every
+ * figure rides the durable whole-log projections through the framework's
+ * `useProjection` seat: `sessionStats` for turn/step counts and wall times,
+ * `tokenUsage` for billing. A key with no served value drops its groups;
+ * with neither projection served the row does not render at all (silent
+ * degrade). Unlike the official row there is no window-fold fallback — the
+ * takeover has no business re-deriving what the host already projects.
+ *
+ * Semantics: the figures are the ROOM SESSION's own — its main agent's
+ * turns and billing. CLI members consume in their own child sessions, so
+ * this row is never a whole-room aggregate.
+ */
+import { Fragment, memo, useLayoutEffect, useRef, useState } from 'react';
+import { Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import css from './RoomStatsLine.module.css';
+/**
+ * Compact token count: 517 / 12.2K / 517K / 1.2M (one decimal under three
+ * digits). Copied from the official StatsLine.
+ * @param n - token count.
+ * @returns display string.
+ */
+export function formatTokens(n) {
+    const scaled = (v) => v >= 100 ? String(Math.round(v)) : String(Math.round(v * 10) / 10);
+    if (n < 1_000)
+        return String(n);
+    if (n < 1_000_000)
+        return `${scaled(n / 1_000)}K`;
+    return `${scaled(n / 1_000_000)}M`;
+}
+/**
+ * Compact duration: 45.2s under a minute, 2m42s from there on. Copied from
+ * the official StatsLine.
+ * @param ms - duration in milliseconds.
+ * @returns display string.
+ */
+export function formatDuration(ms) {
+    const s = ms / 1_000;
+    if (s < 60)
+        return `${Math.round(s * 10) / 10}s`;
+    const whole = Math.round(s);
+    return `${Math.floor(whole / 60)}m${whole % 60}s`;
+}
+/**
+ * Throughput figure: integer at 10+, one decimal below. Copied from the
+ * official message-chrome formatTokensPerSecond.
+ * @param tps - tokens per second.
+ * @returns display number without unit.
+ */
+export function formatTokensPerSecond(tps) {
+    const clamped = Math.max(0, tps);
+    return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
+}
+/**
+ * Sum the three disjoint prompt-side billing buckets. Copied from the
+ * official StatsLine.
+ * @param usage - the session's token-usage projection value.
+ * @returns billed input tokens.
+ */
+export function billedInputTokens(usage) {
+    return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
+}
+/**
+ * Cache-hit share of prompt-side input over the whole durable log. Copied
+ * from the official StatsLine.
+ * @param usage - the session's token-usage projection value.
+ * @returns rounded integer percent, or null when no input was billed.
+ */
+export function cacheHitPercent(usage) {
+    const denominator = billedInputTokens(usage);
+    return denominator === 0
+        ? null
+        : Math.round(usage.cacheReadTokens / denominator * 100);
+}
+export const RoomStatsLine = memo(function RoomStatsLine({ useProjection, t }) {
+    const stats = useProjection('sessionStats');
+    const usage = useProjection('tokenUsage');
+    // Pipe-separated groups, mirroring the official assembly; a group with no
+    // data drops out whole.
+    const groups = [];
+    if (stats !== undefined && stats.steps > 0) {
+        groups.push(t('stats.counts', { turns: stats.turns, steps: stats.steps }));
+        const durations = [];
+        if (stats.llmMs > 0)
+            durations.push(t('stats.llm', { duration: formatDuration(stats.llmMs) }));
+        if (stats.toolMs > 0)
+            durations.push(t('stats.toolCall', { duration: formatDuration(stats.toolMs) }));
+        if (durations.length > 0)
+            groups.push(durations.join(' · '));
+        const speeds = [];
+        if (stats.ttftSteps > 0) {
+            speeds.push(t('stats.ttftAverage', { duration: formatDuration(stats.ttftMs / stats.ttftSteps) }));
+        }
+        if (stats.decodeMs > 0) {
+            speeds.push(t('stats.tokensPerSecond', {
+                throughput: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1_000)),
+            }));
+        }
+        if (speeds.length > 0)
+            groups.push(speeds.join(' · '));
+    }
+    // Gated on actual token activity, as upstream: a session whose steps all
+    // settled without billing shows its counts without a zero-token group.
+    if (usage !== undefined
+        && (billedInputTokens(usage) > 0 || usage.outputTokens > 0)) {
+        const cacheHit = cacheHitPercent(usage);
+        if (cacheHit !== null)
+            groups.push(t('stats.cacheHit', { percent: cacheHit }));
+        groups.push(t('stats.tokens', {
+            input: formatTokens(billedInputTokens(usage)),
+            output: formatTokens(usage.outputTokens),
+        }));
+    }
+    const line = groups.join(' | ');
+    // The row elides with ellipsis when overlong; a delayed hover tooltip
+    // carries the full line, enabled only while content is actually clipped
+    // (the official StatsLine behavior).
+    const rootRef = useRef(null);
+    const [truncated, setTruncated] = useState(false);
+    useLayoutEffect(() => {
+        const el = rootRef.current;
+        if (el === null)
+            return;
+        const measure = () => { setTruncated(el.scrollWidth > el.clientWidth); };
+        measure();
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(measure);
+        observer.observe(el);
+        return () => { observer.disconnect(); };
+    }, [line]);
+    if (groups.length === 0)
+        return null;
+    return (_jsx(Tooltip, { label: line, side: "top", delayMs: 500, disabled: !truncated, children: _jsx("div", { ref: rootRef, className: css.root, children: groups.map((group, i) => (_jsxs(Fragment, { children: [i > 0 && _jsxs(_Fragment, { children: [_jsx("span", { className: css.sep, "aria-hidden": true, children: "|" }), ' '] }), _jsx("span", { children: group })] }, group))) }) }));
+});

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

@@ -0,0 +1,13 @@
+/**
+ * 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

@@ -0,0 +1,21 @@
+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 })
+                : ''] }));
+}

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

@@ -0,0 +1,24 @@
+/**
+ * The room session's todo strip — a RoomComposer dock row replicating the
+ * official TodoPanel (harness ui-conversation skeleton/TodoPanel.tsx), which
+ * rides the `conversation.input.dock` seat inside the InputBar fallback the
+ * composer takeover hides. The data is the host-computed `todos` projection
+ * (the latest todo/write whole-list snapshot) through the framework's
+ * `useProjection` seat — no data of its own, nothing rendered while the list
+ * is absent or empty. Visuals follow the official panel: a collapsed header
+ * (checklist glyph + title + per-status counts + chevron) expanding to the
+ * status-glyph item list.
+ *
+ * Semantics: the list is the ROOM SESSION's own main agent plan. CLI members
+ * mirror theirs into their child sessions (family R3), never here.
+ */
+import { type ReactNode } from 'react';
+import type { UseProjection } from '@deepseek-ai/dsh-api-session-controller/client';
+import type { RoomComposerProps } from './slots.ts';
+/** Props: the projection read seat plus the room locale seat. */
+export interface RoomTodoStripProps {
+    readonly useProjection: UseProjection;
+    readonly t: RoomComposerProps['t'];
+}
+export declare function RoomTodoStrip({ useProjection, t }: RoomTodoStripProps): ReactNode;
+//# sourceMappingURL=RoomTodoStrip.d.ts.map

package/lib/types/client/RoomTodoStrip.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The room session's todo strip — a RoomComposer dock row replicating the
+ * official TodoPanel (harness ui-conversation skeleton/TodoPanel.tsx), which
+ * rides the `conversation.input.dock` seat inside the InputBar fallback the
+ * composer takeover hides. The data is the host-computed `todos` projection
+ * (the latest todo/write whole-list snapshot) through the framework's
+ * `useProjection` seat — no data of its own, nothing rendered while the list
+ * is absent or empty. Visuals follow the official panel: a collapsed header
+ * (checklist glyph + title + per-status counts + chevron) expanding to the
+ * status-glyph item list.
+ *
+ * Semantics: the list is the ROOM SESSION's own main agent plan. CLI members
+ * mirror theirs into their child sessions (family R3), never here.
+ */
+import { useId, useState } from 'react';
+import { IconChecklistOutlineMedium, IconChevronDownOutlineMedium, IconChevronUpOutlineMedium } from './icons.js';
+import css from './RoomTodoStrip.module.css';
+/** Local exhaustiveness helper — client packages do not depend on `dsh-llm`. */
+function assertNever(value) {
+    throw new Error(`unreachable todo status: ${String(value)}`);
+}
+/** Status glyphs share the figma 14×14 artboard; copied from the official TodoPanel. */
+function CompletedGlyph() {
+    return (_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphCompleted, children: [_jsx("circle", { cx: "7", cy: "7", r: "6.4", stroke: "currentColor", strokeWidth: "1.2" }), _jsx("path", { d: "M10.9631 5.71411L7.70154 8.97571C7.48011 9.19714 7.27736 9.40099 7.09229 9.54993C6.89742 9.70669 6.66314 9.85279 6.3634 9.90027C6.2049 9.92534 6.04339 9.92534 5.88489 9.90027C5.58515 9.85279 5.35087 9.70669 5.15601 9.54993C4.97093 9.40099 4.76818 9.19714 4.54675 8.97571L3.03516 7.46411L3.96313 6.53613L5.47473 8.04773C5.7169 8.28989 5.86196 8.43389 5.97888 8.52795C6.08597 8.61409 6.10875 8.60701 6.08997 8.604C6.11259 8.60758 6.13571 8.60758 6.15833 8.604C6.13954 8.60701 6.16232 8.61409 6.26941 8.52795C6.38633 8.43389 6.53139 8.28989 6.77356 8.04773L10.0352 4.78613L10.9631 5.71411Z", fill: "currentColor" })] }));
+}
+/** In-progress: business-blue ring fading out; CSS spins the svg. */
+function ProgressGlyph() {
+    const gradientId = useId();
+    return (_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: css.glyphProgress, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "2.5", y1: "12", x2: "10.5", y2: "3.5", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "currentColor" }), _jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })] }) }), _jsx("circle", { cx: "7", cy: "7", r: "6.4", stroke: `url(#${gradientId})`, strokeWidth: "1.2" })] }));
+}
+/** Pending: dashed unstarted ring (figma dash 2.4 2.4). */
+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: "6.4", stroke: "currentColor", strokeWidth: "1.2", strokeDasharray: "2.4 2.4" }) }));
+}
+function StatusGlyph({ status }) {
+    switch (status) {
+        case 'completed': return _jsx(CompletedGlyph, {});
+        case 'in_progress': return _jsx(ProgressGlyph, {});
+        case 'pending': return _jsx(PendingGlyph, {});
+        /* v8 ignore next -- closed TodoItem status union */
+        default: return assertNever(status);
+    }
+}
+/** Header summary: "·"-joined per-status counts; zero-count segments omitted (the official rule). */
+function progressLabel(todos, t) {
+    const done = todos.filter(item => item.status === 'completed').length;
+    const active = todos.filter(item => item.status === 'in_progress').length;
+    const pending = todos.length - done - active;
+    // En spaces (U+2002): HTML collapses runs of ASCII spaces, so widening the
+    // separator breathing room needs a literal wide space.
+    return [
+        ...done > 0 ? [t('todo.progress.done', { done })] : [],
+        ...active > 0 ? [t('todo.progress.active', { active })] : [],
+        ...pending > 0 ? [t('todo.progress.pending', { pending })] : [],
+    ].join(' · ');
+}
+export function RoomTodoStrip({ useProjection, t }) {
+    const todos = useProjection('todos');
+    const [collapsed, setCollapsed] = useState(true);
+    if (todos === undefined || todos === null || todos.length === 0)
+        return null;
+    return (_jsx("section", { className: css.root, "data-testid": "room-todo-strip", "aria-label": t('todo.title'), children: _jsxs("div", { className: css.body, children: [_jsxs("button", { type: "button", className: css.header, "aria-expanded": !collapsed, onClick: () => { setCollapsed(v => !v); }, children: [_jsx("span", { className: css.lead, "aria-hidden": true, children: _jsx(IconChecklistOutlineMedium, {}) }), _jsx("span", { className: css.title, children: t('todo.title') }), _jsx("span", { className: css.progress, children: progressLabel(todos, t) }), _jsx("span", { className: css.chevron, "aria-hidden": true, children: collapsed ? _jsx(IconChevronUpOutlineMedium, {}) : _jsx(IconChevronDownOutlineMedium, {}) })] }), !collapsed && (_jsx("ul", { className: css.list, children: todos.map(item => (_jsxs("li", { className: css.item, "data-status": item.status, children: [_jsx("span", { className: css.glyph, "aria-hidden": true, children: _jsx(StatusGlyph, { status: item.status }) }), _jsx("span", { className: css.content, children: item.content })] }, item.content))) }))] }) }));
+}

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

@@ -0,0 +1,31 @@
+/** Small clock/duration formatters for the room chat chrome. */
+import type { TranslateNS } from '@deepseek-ai/dsh-client-ui-slots';
+/** The room-namespace translate the relative-time formatter reads through. */
+type TimeTranslate = TranslateNS<'room'>;
+/**
+ * The honest run/dispatch duration: sub-100ms as `<0.1s` (a flat `0.0s`
+ * reads as "nothing happened" on an instant failure), sub-10s as `0.x s`,
+ * then whole seconds, then `m:ss`.
+ * @param ms - the duration in milliseconds.
+ * @returns the formatted duration.
+ */
+export declare function formatDurationMs(ms: number): string;
+/**
+ * The hover-revealed message clock: HH:MM local.
+ * @param time - unix epoch ms.
+ * @returns the wall-clock label.
+ */
+export declare function formatClock(time: number): string;
+/** The translate face the relative-time formatter needs (locale-owned copy). */
+/**
+ * The dock's relative clock: 刚刚 under a minute, then minutes, hours, days.
+ * Coarse on purpose — the capsules answer "how long ago", not "when exactly"
+ * (the exact clock stays on the chat rows' hover affordance).
+ * @param time - unix epoch ms of the event.
+ * @param now - unix epoch ms of "now".
+ * @param t - the room namespace translate.
+ * @returns the localized relative label.
+ */
+export declare function formatRelativeTime(time: number, now: number, t: TimeTranslate): string;
+export {};
+//# sourceMappingURL=format.d.ts.map

package/lib/types/client/format.js

@@ -0,0 +1,48 @@
+/**
+ * The honest run/dispatch duration: sub-100ms as `<0.1s` (a flat `0.0s`
+ * reads as "nothing happened" on an instant failure), sub-10s as `0.x s`,
+ * then whole seconds, then `m:ss`.
+ * @param ms - the duration in milliseconds.
+ * @returns the formatted duration.
+ */
+export function formatDurationMs(ms) {
+    if (ms < 100)
+        return '<0.1s';
+    if (ms < 10_000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    const seconds = Math.round(ms / 1000);
+    if (seconds < 60)
+        return `${seconds}s`;
+    return `${Math.floor(seconds / 60)}m${String(seconds % 60).padStart(2, '0')}s`;
+}
+/**
+ * The hover-revealed message clock: HH:MM local.
+ * @param time - unix epoch ms.
+ * @returns the wall-clock label.
+ */
+export function formatClock(time) {
+    const date = new Date(time);
+    return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+}
+/** The translate face the relative-time formatter needs (locale-owned copy). */
+/**
+ * The dock's relative clock: 刚刚 under a minute, then minutes, hours, days.
+ * Coarse on purpose — the capsules answer "how long ago", not "when exactly"
+ * (the exact clock stays on the chat rows' hover affordance).
+ * @param time - unix epoch ms of the event.
+ * @param now - unix epoch ms of "now".
+ * @param t - the room namespace translate.
+ * @returns the localized relative label.
+ */
+export function formatRelativeTime(time, now, t) {
+    const elapsed = Math.max(0, now - time);
+    if (elapsed < 60_000)
+        return t('time.justNow');
+    const minutes = Math.floor(elapsed / 60_000);
+    if (minutes < 60)
+        return t('time.minutesAgo', { count: minutes });
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return t('time.hoursAgo', { count: hours });
+    return t('time.daysAgo', { count: Math.floor(hours / 24) });
+}

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

@@ -0,0 +1,27 @@
+/**
+ * Generated by scripts/sync-icon-artwork.mts from @deepseek-ai/dsh-client-ui-primitives
+ * (v0.1.7-rc.1, harness 46a7f68b09) — do not edit by hand. The 0.1.5 and rc.1 host lines
+ * share no icon export name, so the rc.1 artwork is inlined here: pure SVG,
+ * no host runtime identity, identical on every line. Re-run the generator
+ * after adding an icon import or bumping the harness checkout.
+ *
+ * @module @khorsheed/dsh-room/client
+ */
+/** Shared props for every product icon component (mirrors the upstream IconProps). */
+export interface IconProps {
+    /** Square edge in px; defaults to the glyph's own drawn size. */
+    size?: number | undefined;
+    /** Extra class for layout placement; color rides currentColor. */
+    className?: string | undefined;
+}
+export declare const IconAgentPresetOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconCheckOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconChecklistOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconChevronDownOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconChevronRightOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconChevronUpOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconCopyOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconLinkOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconQueueOutlineMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+export declare const IconStopFillMedium: ({ size, className }: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/lib/types/client/icons.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const IconAgentPresetOutlineMedium = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M6.51867 12.3282C7.29816 12.6011 8.16475 12.6514 9.02269 12.4216C9.57879 12.2726 10.0784 12.0185 10.5087 11.6888C10.7819 12.0555 11.1606 12.3304 11.5913 12.4805C10.9688 13.029 10.2149 13.4478 9.35911 13.6771C8.13946 14.0038 6.90632 13.8971 5.82126 13.4533C6.15821 13.1562 6.4021 12.7652 6.51867 12.3282ZM9.17629 2.89409C11.1101 3.34433 12.739 4.81872 13.2889 6.87043C13.4219 7.3665 13.4811 7.8649 13.4774 8.35466C13.0924 8.13213 12.6422 8.01837 12.1741 8.05276L12.1711 8.05257C12.1539 7.77199 12.109 7.48889 12.0334 7.20684C11.6363 5.72533 10.5048 4.6372 9.13549 4.22844C9.25559 3.87667 9.29214 3.49087 9.22309 3.09892C9.2108 3.02922 9.19451 2.96108 9.17629 2.89409ZM4.7311 3.89107L4.78302 4.11879C4.87648 4.4488 5.04146 4.74263 5.25579 4.98896C3.98078 6.01355 3.35848 7.72904 3.8089 9.41059C3.81828 9.44559 3.82866 9.48025 3.83885 9.51479C3.38217 9.61268 2.98548 9.84137 2.68107 10.1556C2.63414 10.022 2.5897 9.88632 2.55244 9.74726C1.93301 7.43489 2.86717 5.07173 4.71504 3.76697L4.7311 3.89107Z", fill: "currentColor" }), _jsx("path", { d: "M7.99136 5.28105C8.87501 5.28105 9.59136 4.56471 9.59136 3.68105C9.59136 2.7974 8.87501 2.08105 7.99136 2.08105C7.1077 2.08105 6.39136 2.7974 6.39136 3.68105C6.39136 4.56471 7.1077 5.28105 7.99136 5.28105Z", stroke: "currentColor" }), _jsx("path", { d: "M3.94009 12.9417C4.82374 12.9417 5.54009 12.2254 5.54009 11.3417C5.54009 10.458 4.82374 9.7417 3.94009 9.7417C3.05643 9.7417 2.34009 10.458 2.34009 11.3417C2.34009 12.2254 3.05643 12.9417 3.94009 12.9417Z", stroke: "currentColor" }), _jsx("path", { d: "M12.0851 12.9417C12.9688 12.9417 13.6851 12.2254 13.6851 11.3417C13.6851 10.458 12.9688 9.7417 12.0851 9.7417C11.2015 9.7417 10.4851 10.458 10.4851 11.3417C10.4851 12.2254 11.2015 12.9417 12.0851 12.9417Z", stroke: "currentColor" })] }));
+export const IconCheckOutlineMedium = ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M2.25 8.5L5.49732 11.7473C5.90519 12.1552 6.57263 12.1344 6.95426 11.7018L13.75 4", stroke: "currentColor" }) }));
+export const IconChecklistOutlineMedium = ({ size = 14, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M3.75 6.25C4.7165 6.25 5.5 5.4665 5.5 4.5C5.5 3.5335 4.7165 2.75 3.75 2.75C2.7835 2.75 2 3.5335 2 4.5C2 5.4665 2.7835 6.25 3.75 6.25Z", stroke: "currentColor" }), _jsx("path", { d: "M7.5 4.5H13.5", stroke: "currentColor" }), _jsx("path", { d: "M3.75 13.25C4.7165 13.25 5.5 12.4665 5.5 11.5C5.5 10.5335 4.7165 9.75 3.75 9.75C2.7835 9.75 2 10.5335 2 11.5C2 12.4665 2.7835 13.25 3.75 13.25Z", stroke: "currentColor" }), _jsx("path", { d: "M7.5 11.5H13.5", stroke: "currentColor" })] }));
+export const IconChevronDownOutlineMedium = ({ size = 14, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M4 6L7.29289 9.29289C7.68342 9.68342 8.31658 9.68342 8.70711 9.29289L12 6", stroke: "currentColor" }) }));
+export const IconChevronRightOutlineMedium = ({ size = 14, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M6 12L9.29289 8.70711C9.68342 8.31658 9.68342 7.68342 9.29289 7.29289L6 4", stroke: "currentColor" }) }));
+export const IconChevronUpOutlineMedium = ({ size = 14, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M12 10L8.70711 6.70711C8.31658 6.31658 7.68342 6.31658 7.29289 6.70711L4 10", stroke: "currentColor" }) }));
+export const IconCopyOutlineMedium = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("rect", { x: "1.52075", y: "4.07373", width: "10.3932", height: "10.3932", rx: "2", stroke: "currentColor" }), _jsx("path", { d: "M11.9792 1.53296C13.36 1.53296 14.4792 2.65225 14.4792 4.03296V9.42847C14.4792 10.3756 13.9521 11.1987 13.1755 11.6228V10.3298C13.3652 10.0787 13.4792 9.7674 13.4792 9.42847V4.03296C13.4792 3.20453 12.8077 2.53296 11.9792 2.53296H6.58374C6.27966 2.53301 5.99684 2.6235 5.7605 2.77905H4.42358C4.85652 2.03463 5.66056 1.53304 6.58374 1.53296H11.9792Z", fill: "currentColor" })] }));
+export const IconLinkOutlineMedium = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M6.59961 9.40051C6.82779 9.6334 7.10015 9.81842 7.40074 9.94472C7.70132 10.071 8.02409 10.1361 8.35013 10.1361C8.67618 10.1361 8.99894 10.071 9.29953 9.94472C9.60011 9.81842 9.87247 9.6334 10.1007 9.40051L12.9015 6.59967C13.3658 6.13541 13.6266 5.50572 13.6266 4.84915C13.6266 4.19258 13.3658 3.56289 12.9015 3.09863C12.4372 2.63436 11.8075 2.37354 11.151 2.37354C10.4944 2.37354 9.86472 2.63436 9.40045 3.09863L9.05034 3.44873", stroke: "currentColor" }), _jsx("path", { d: "M9.40051 6.59959C9.17233 6.3667 8.89997 6.18169 8.59939 6.05538C8.2988 5.92907 7.97603 5.86401 7.64999 5.86401C7.32395 5.86401 7.00118 5.92907 6.70059 6.05538C6.40001 6.18169 6.12765 6.3667 5.89946 6.59959L3.09863 9.40043C2.63436 9.8647 2.37354 10.4944 2.37354 11.151C2.37354 11.8075 2.63436 12.4372 3.09863 12.9015C3.56289 13.3657 4.19258 13.6266 4.84915 13.6266C5.50572 13.6266 6.13541 13.3657 6.59967 12.9015L6.94978 12.5514", stroke: "currentColor" })] }));
+export const IconQueueOutlineMedium = ({ size = 14, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: [_jsx("path", { d: "M5 6.75H11", stroke: "currentColor" }), _jsx("path", { d: "M5 9H8", stroke: "currentColor" }), _jsx("path", { d: "M2.37067 11.2497C1.5872 9.89252 1.32042 8.29798 1.61945 6.7597C1.91847 5.22141 2.76317 3.84293 3.99801 2.87809C5.23285 1.91325 6.7747 1.427 8.33964 1.50888C9.90458 1.59076 11.3873 2.23526 12.5147 3.32369C13.6422 4.41232 14.3384 5.8717 14.4751 7.43304C14.6118 8.99438 14.1797 10.5525 13.2585 11.8205C12.3372 13.0885 10.9889 13.9809 9.4617 14.3334C8.18666 14.6277 6.8587 14.529 5.64964 14.0601C5.17095 13.8745 4.76937 13.4929 4.26509 13.3963C3.67389 13.2832 2.95232 13.5595 2.0377 14.3334", stroke: "currentColor" })] }));
+export const IconStopFillMedium = ({ size = 16, className }) => (_jsx("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", strokeWidth: 1.3, children: _jsx("path", { d: "M12.5 2.5H3.5C2.94772 2.5 2.5 2.94772 2.5 3.5V12.5C2.5 13.0523 2.94772 13.5 3.5 13.5H12.5C13.0523 13.5 13.5 13.0523 13.5 12.5V3.5C13.5 2.94772 13.0523 2.5 12.5 2.5Z", fill: "currentColor" }) }));

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

@@ -0,0 +1,39 @@
+/**
+ * room client plugin, browser half. Mounts the room Remote through the
+ * official `ctx.remote.$mount` channel, feeds the client-side RoomStore, and
+ * registers the slot entries: the session-header「邀请 agent」action and the
+ * 成员 `conversation.view` tab — both self-hiding by the current session's
+ * preset composition (M3': visible exactly when the composition names the
+ * `@khorsheed/dsh-room-tool` row, fail-open on every unreadable path, and
+ * always visible inside an actual room) — plus the `conversation.composer`
+ * chain takeover (claims the composer exactly when the current session is a
+ * cached room — and renders the dock capsules plus the session stats row
+ * itself, because both of their official homes ride the fallback tree the
+ * takeover hides). Composing this
+ * plugin out of cordis.yml removes every surface it adds.
+ * @module @khorsheed/dsh-room/client
+ */
+import type { Context } from '@deepseek-ai/cordis';
+import type { TypertRemoteNamespaceMap } from '@deepseek-ai/dsh-typert-protocol';
+/** The room Remote namespace, as mounted by this plugin. */
+export type RoomRemote = TypertRemoteNamespaceMap['room'];
+/**
+ * Required services: slots, sessions, the remote channel, and the locale
+ * service. `remote.room` is deliberately NOT an inject: this plugin both
+ * mounts the namespace (through `$mount` below) and consumes it, and the
+ * Cordis property proxy only resolves services declared in `inject` or
+ * provided by an ancestor fiber — declaring it would deadlock the loader.
+ * The event-Definition registry (`uiConversation.events`) is likewise NOT a
+ * static inject: the deferred ctx.inject arm keeps the registration
+ * independent of ui-conversation's mount order. The native directory picker
+ * (uiWorkspace) is probed at gesture time, never injected.
+ */
+export declare const inject: string[];
+/**
+ * Client plugin body: mount the Remote, start the store, register the
+ * dictionaries, and inject the slot entries.
+ * @param ctx - client root context.
+ * @returns disposer unwinding the mounted Remote namespace.
+ */
+export declare function apply(ctx: Context): Promise<() => Promise<void>>;
+//# sourceMappingURL=index.d.ts.map