@khorsheed/dsh-room 0.2.2 → 0.2.4

package/lib/types/client/draft-chips.js

@@ -0,0 +1,95 @@
+/**
+ * Reference chips in the room composer's plain textarea. The draft lives in
+ * the session's official input machine (RoomComposer's module header), whose
+ * `draft` is the CLIPBOARD projection — each chip expanded to the full text
+ * it sends (a quote chip: its whole `> ` block). A textarea showing that
+ * projection shows raw wire text, and editing it through `setDraft` flattens
+ * every chip. So the composer shows chips as their own row and the textarea
+ * only the typed text BETWEEN them; an edit is mapped back onto the machine
+ * as detect-coordinate replacements (`insertText`), which never touch a chip
+ * outside the edited range.
+ *
+ * Coordinates: the machine's spans speak the DETECT projection, where each
+ * chip folds to one placeholder character. With chips at clipboard offsets,
+ * the typed text splits into segments around them; free-text index `i` in
+ * segment `k` sits at detect index `i + k` (k chips precede it).
+ *
+ * Pure and DOM-free — unit-tested on its own.
+ * @module @khorsheed/dsh-room/client/draft-chips
+ */
+/**
+ * The typed text around the chips: one segment before each chip plus the
+ * tail, in order (so `segments.length === chips.length + 1`).
+ * @param draft - the clipboard projection.
+ * @param chips - the machine's chips, sorted by offset.
+ */
+export function draftSegments(draft, chips) {
+    const segments = [];
+    let cursor = 0;
+    for (const chip of chips) {
+        segments.push(draft.slice(cursor, chip.offset));
+        cursor = chip.offset + chip.length;
+    }
+    segments.push(draft.slice(cursor));
+    return segments;
+}
+/** The textarea's text: the draft with every chip's clipboard text removed. */
+export function freeText(draft, chips) {
+    return draftSegments(draft, chips).join('');
+}
+/** The detect index of chip `k` (its single placeholder character). */
+export function chipDetectIndex(draft, chips, k) {
+    const before = draftSegments(draft, chips).slice(0, k + 1).reduce((sum, segment) => sum + segment.length, 0);
+    return before + k;
+}
+/**
+ * Plan the machine edits turning the current free text into `next` while
+ * keeping every chip. The change is the span between the common prefix and
+ * suffix; its replacement lands in the segment where it starts (a caret on a
+ * chip boundary types BEFORE the chip, which keeps a quote block's
+ * attribution line closed), and any part of the old span in later segments
+ * is deleted segment by segment — a range swept across a chip never deletes
+ * the chip itself. Edits are ordered last-first, so applying them in order
+ * keeps every earlier coordinate valid.
+ * @param draft - the clipboard projection.
+ * @param chips - the machine's chips, sorted by offset.
+ * @param next - the textarea's new value.
+ * @returns the edits to apply in order (empty when nothing changed).
+ */
+export function planFreeEdit(draft, chips, next) {
+    const segments = draftSegments(draft, chips);
+    const current = segments.join('');
+    if (current === next)
+        return [];
+    const limit = Math.min(current.length, next.length);
+    let prefix = 0;
+    while (prefix < limit && current[prefix] === next[prefix])
+        prefix += 1;
+    let suffix = 0;
+    while (suffix < limit - prefix && current[current.length - 1 - suffix] === next[next.length - 1 - suffix])
+        suffix += 1;
+    const removeEnd = current.length - suffix;
+    const inserted = next.slice(prefix, next.length - suffix);
+    const edits = [];
+    let insertedPlaced = false;
+    let segmentStart = 0;
+    segments.forEach((segment, k) => {
+        const segmentEnd = segmentStart + segment.length;
+        // The replacement's home: the first segment whose span holds the prefix
+        // point (boundary → the earlier segment, i.e. before the chip).
+        const home = !insertedPlaced && prefix >= segmentStart && prefix <= segmentEnd;
+        const from = Math.max(prefix, segmentStart);
+        const to = Math.min(removeEnd, segmentEnd);
+        if (home) {
+            const end = Math.max(prefix, to);
+            if (end > prefix || inserted !== '')
+                edits.push({ start: prefix + k, end: end + k, text: inserted });
+            insertedPlaced = true;
+        }
+        else if (from < to) {
+            edits.push({ start: from + k, end: to + k, text: '' });
+        }
+        segmentStart = segmentEnd;
+    });
+    return edits.reverse();
+}

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

@@ -15,36 +15,6 @@ export interface ExecutionRow {
     error?: string;
     execution?: RoomExecution;
 }
-/** Public session-list projection; members are deduplicated against durable Room executions. */
-export interface BackgroundSession {
-    id: string;
-    parentId?: string;
-    origin?: string;
-    displayTitle?: string;
-    running?: boolean;
-    projectionValues?: {
-        tokenUsage?: {
-            uncachedInputTokens: number;
-            outputTokens: number;
-            cacheReadTokens: number;
-            cacheWriteTokens: number;
-        };
-        subagentTiming?: {
-            settledMs: number;
-            active?: {
-                since: number;
-                through: number;
-            };
-        };
-    };
-}
-export interface BackgroundSessionsStore {
-    subscribe(listener: () => void): () => void;
-    getSnapshot(): {
-        byId: Readonly<Record<string, BackgroundSession>>;
-    };
-}
-export declare function descendantRows(sessions: Readonly<Record<string, BackgroundSession>>, root: string, state: RoomState, now: number, active?: readonly string[]): ExecutionRow[];
 /** One row per delivery/attempt, not one row per persistent member session. */
 export declare function executionRows(state: RoomState): ExecutionRow[];
 //# sourceMappingURL=executions.d.ts.map

package/lib/types/client/executions.js

@@ -1,34 +1,3 @@
-export function descendantRows(sessions, root, state, now, active = []) {
-    const known = new Set([...state.members.map(member => member.childSessionId), ...(state.executions ?? []).map(run => run.childSessionId)]);
-    const representedRunning = new Set(executionRows(state).filter(row => row.status === 'running').map(row => row.childSessionId));
-    const coordinatorChild = state.members.find(member => state.coordinator === undefined ? member.kind === 'main-agent' : member.id === state.coordinator.memberId)?.childSessionId;
-    const result = [];
-    const seen = new Set([root]);
-    const visit = (parent) => {
-        for (const child of Object.values(sessions)) {
-            if (child.parentId !== parent || child.origin !== 'subagent' || seen.has(child.id))
-                continue;
-            seen.add(child.id);
-            const running = child.running === true || active.includes(child.id);
-            // Direct follow-ups in a member's own composer bypass Room dispatch.
-            // Keep that live session visible without duplicating an active Room execution.
-            if (child.id !== coordinatorChild && (!known.has(child.id) || (running && !representedRunning.has(child.id)))) {
-                const timing = child.projectionValues?.subagentTiming;
-                const usage = child.projectionValues?.tokenUsage;
-                const elapsedMs = timing === undefined ? undefined : timing.settledMs + (timing.active === undefined ? 0 : Math.max(0, (running ? now : timing.active.through) - timing.active.since));
-                const tokens = usage === undefined ? undefined : usage.uncachedInputTokens + usage.outputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
-                result.push({ id: `session:${child.id}`, member: child.displayTitle || child.id, title: child.displayTitle || child.id, childSessionId: child.id,
-                    status: running ? 'running' : 'settled', sessionTotal: true,
-                    ...elapsedMs === undefined ? {} : { elapsedMs },
-                    ...tokens === undefined || !Number.isFinite(tokens) ? {} : { tokens },
-                });
-            }
-            visit(child.id);
-        }
-    };
-    visit(root);
-    return result;
-}
 /** One row per delivery/attempt, not one row per persistent member session. */
 export function executionRows(state) {
     const coordinator = state.members.find(member => state.coordinator === undefined ? member.kind === 'main-agent' : member.id === state.coordinator.memberId);
@@ -45,8 +14,9 @@ export function executionRows(state) {
         const terminal = delivery.status === 'done' && attempt !== undefined
             ? attempt.status === 'accepted' ? 'accepted' : attempt.status === 'submitted' ? 'submitted' : 'done'
             : delivery.status;
-        const status = execution?.state === 'failed' && delivery.status === 'running' ? 'uncertain' : terminal;
-        const title = task?.title ?? state.tasks.find(task => task.deliveryId === delivery.id)?.title ?? delivery.text;
+        // A held report is waiting in its recipient's inbox: queued as far as the dock is concerned.
+        const status = execution?.state === 'failed' && delivery.status === 'running' ? 'uncertain' : terminal === 'held' ? 'queued' : terminal;
+        const title = task?.title ?? delivery.text;
         rows.push({ title: title.replace(/\s+/g, ' ').trim(),
             ...member?.provider === undefined ? {} : { provider: member.provider },
             ...execution,
@@ -61,7 +31,7 @@ export function executionRows(state) {
         const member = state.members.find(member => member.id === execution.memberId || (execution.memberId === undefined && member.name === execution.member));
         if (coordinator !== undefined && member === coordinator)
             continue;
-        rows.push({ ...execution, execution, title: state.tasks.find(task => task.deliveryId === execution.runId)?.title ?? execution.member,
+        rows.push({ ...execution, execution, title: execution.member,
             status: execution.state, member: member?.name ?? execution.member,
             ...execution.childSessionId !== undefined || member?.childSessionId === undefined ? {} : { childSessionId: member.childSessionId },
         });

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

@@ -0,0 +1,25 @@
+/**
+ * Package-owned icons for glyphs ui-primitives no longer ships, kept in the
+ * official outline conventions (16×16 viewBox, `stroke="currentColor"`) — the
+ * supplement pattern canvas and message-tools use. The generator
+ * (scripts/sync-icon-artwork.mts) never touches this file.
+ *
+ * @module @khorsheed/dsh-room/client
+ */
+/** Props of one package-owned icon. */
+export interface LocalIconProps {
+    /** Rendered edge length in px (icons are authored at 16). */
+    size?: number;
+    /** Optional composed class. */
+    className?: string;
+}
+/**
+ * Request detail: a sheet with three lines and a dot, the speech's 「这一轮的请求明细」
+ * control. ui-primitives dropped `IconRequestDetailOutlineMedium` in
+ * 0.2.1-rc.1, so the artwork the speech already shipped (0.1.7-rc.1,
+ * unchanged) lives here instead.
+ * @param props - size and className.
+ * @returns the icon element.
+ */
+export declare const IconRequestDetailOutline16: ({ size, className }: LocalIconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icons-local.d.ts.map

package/lib/types/client/icons-local.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Request detail: a sheet with three lines and a dot, the speech's 「这一轮的请求明细」
+ * control. ui-primitives dropped `IconRequestDetailOutlineMedium` in
+ * 0.2.1-rc.1, so the artwork the speech already shipped (0.1.7-rc.1,
+ * unchanged) lives here instead.
+ * @param props - size and className.
+ * @returns the icon element.
+ */
+export const IconRequestDetailOutline16 = ({ size = 16, className }) => (_jsxs("svg", { width: size, height: size, className: className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.2, xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("rect", { x: "2.5", y: "1.5", width: "11", height: "13", rx: "2" }), _jsx("path", { d: "M5 5.2H11" }), _jsx("path", { d: "M5 8H11" }), _jsx("path", { d: "M5 10.8H8.6" }), _jsx("circle", { cx: "11.2", cy: "11.2", r: "1.7", fill: "currentColor", stroke: "none" })] }));

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

@@ -1,6 +1,6 @@
 /**
  * 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
+ * (v0.2.1-rc.1, harness 1600d8a1e1) — 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.
@@ -18,6 +18,7 @@ export declare const IconAgentPresetOutlineMedium: ({ size, className }: IconPro
 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 IconChevronLeftOutlineMedium: ({ 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;

package/lib/types/client/icons.js

@@ -3,6 +3,7 @@ export const IconAgentPresetOutlineMedium = ({ size = 16, className }) => (_jsxs
 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 IconChevronLeftOutlineMedium = ({ 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: "M10 4L6.70711 7.29289C6.31658 7.68342 6.31658 8.31658 6.70711 8.70711L10 12", 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" })] }));