@khorsheed/dsh-mobile 0.1.0

package/lib/types/client/MobileLibrary.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { GROUPING_KEY, groupSessions, mainSessionId, recentSessions } from './navigation.js';
+import { MobileIcon } from './MobileIcon.js';
+import { hasNativeAction, requestNativeAction } from './native.js';
+/** Browse official metadata; the official workspace service remains the only navigation writer. */
+export function MobileLibrary({ rooms, navigation, onOpen, onBeforeOpen, t }) {
+    const sessionFeed = navigation.sessions.list, workspaceFeed = navigation.workspaces.list;
+    // Official feeds may expose prototype methods. Keep their receiver and stable subscriptions.
+    const sessions = useSyncExternalStore(useCallback(listener => sessionFeed.subscribe(listener), [sessionFeed]), useCallback(() => sessionFeed.getSnapshot(), [sessionFeed]));
+    const workspaces = useSyncExternalStore(useCallback(listener => workspaceFeed.subscribe(listener), [workspaceFeed]), useCallback(() => workspaceFeed.getSnapshot(), [workspaceFeed]));
+    const [query, setQuery] = useState(''), [searching, setSearching] = useState(false), [error, setError] = useState(false);
+    const [grouping, setGrouping] = useState(() => {
+        try {
+            return localStorage.getItem(GROUPING_KEY) === 'workspace' ? 'workspace' : 'time';
+        }
+        catch {
+            return 'time';
+        }
+    });
+    const [collapsed, setCollapsed] = useState(() => new Set());
+    const input = useRef(null);
+    const rows = recentSessions(sessions, workspaces.archivedSessionIds, query);
+    const current = mainSessionId(sessions);
+    const groups = groupSessions(rows, grouping, { today: t('today'), yesterday: t('yesterday'), earlier: t('earlier'), workspace: t('unassignedWorkspace') });
+    const chooseGrouping = (value) => {
+        setGrouping(value);
+        try {
+            localStorage.setItem(GROUPING_KEY, value);
+        }
+        catch { /* Restricted storage keeps this preference in memory. */ }
+    };
+    return _jsxs("section", { "data-mobile-library": true, "aria-label": t('menu'), children: [_jsxs("header", { "data-mobile-library-header": true, children: [_jsx("h1", { children: t('menu') }), _jsx("div", { "data-mobile-grouping": true, role: "group", "aria-label": t('grouping'), children: ['time', 'workspace'].map(value => _jsx("button", { "aria-pressed": grouping === value, onClick: () => chooseGrouping(value), children: t(value === 'time' ? 'byTime' : 'byWorkspace') }, value)) })] }), _jsxs("div", { "data-mobile-recents": true, children: [error && _jsx("p", { role: "alert", children: t('navigationError') }), sessions.phase !== 'ready' && !rows.length ? _jsx("p", { role: "status", children: t('loadingSessions') }) : rows.length === 0 ? _jsx("p", { "data-mobile-empty": true, role: "status", children: query ? t('noMatches') : t('noSessions') }) : groups.map(group => {
+                        const open = grouping === 'time' || !!query.trim() || !collapsed.has(group.key);
+                        return _jsxs("section", { "data-mobile-session-group": true, children: [grouping === 'workspace' ? _jsxs("button", { "data-mobile-workspace-group": true, "aria-expanded": open, onClick: () => setCollapsed(previous => {
+                                        const next = new Set(previous);
+                                        next.has(group.key) ? next.delete(group.key) : next.add(group.key);
+                                        return next;
+                                    }), children: [_jsx(MobileIcon, { name: "folder", size: 18 }), _jsx("strong", { children: group.label }), _jsx("small", { children: group.rows.length }), _jsx(MobileIcon, { name: open ? "down" : "right", size: 18 })] }) : _jsx("h2", { children: group.label }), open && _jsx("ul", { children: group.rows.map(row => _jsx("li", { children: _jsxs("button", { "data-mobile-session": true, "data-mobile-session-id": row.id, "aria-current": current === row.id ? 'page' : undefined, onClick: () => {
+                                                try {
+                                                    onBeforeOpen?.();
+                                                    navigation.workspace.openSession(row.id);
+                                                    setError(false);
+                                                    onOpen();
+                                                }
+                                                catch {
+                                                    setError(true);
+                                                }
+                                            }, children: [_jsxs("span", { "data-mobile-session-copy": true, children: [_jsx("strong", { children: row.title || (row.blank ? t('newSession') : row.displayTitle) }), _jsx(SessionMetadata, { id: row.id, cwd: row.cwd ?? '', ...(rooms ? { rooms } : {}), t: t })] }), row.running ? _jsx("span", { "data-mobile-activity": true, role: "status", children: t('running') }) : _jsx("time", { dateTime: new Date(row.updatedAt).toISOString(), children: new Date(row.updatedAt).toLocaleDateString(undefined, { month: 'short', day: 'numeric' }) })] }) }, row.id)) })] }, group.key);
+                    })] }), _jsxs("footer", { "data-mobile-search-dock": true, children: [_jsxs("label", { "data-mobile-search": true, children: [_jsx(MobileIcon, { name: "search", size: 20 }), _jsx("input", { ref: input, type: "search", enterKeyHint: "search", autoComplete: "off", value: query, onFocus: () => setSearching(true), onChange: e => setQuery(e.target.value), placeholder: t('searchTitles'), "aria-label": t('searchTitles') })] }), searching ? _jsx("button", { "data-mobile-search-cancel": true, "aria-label": t('cancel'), onClick: () => { setQuery(''); setSearching(false); input.current?.blur(); }, children: _jsx(MobileIcon, { name: "close" }) }) : hasNativeAction('scan') && _jsx("button", { "data-mobile-scan": true, "aria-label": t('scan'), onClick: () => requestNativeAction('scan'), children: _jsx(MobileIcon, { name: "scan" }) })] })] });
+}
+const emptyRoomSubscribe = () => () => { };
+const emptyRoomSnapshot = () => 0;
+function SessionMetadata({ id, cwd, rooms, t }) {
+    const ref = useRef(null);
+    useSyncExternalStore(rooms?.subscribe ?? emptyRoomSubscribe, rooms?.getSnapshot ?? emptyRoomSnapshot);
+    useEffect(() => {
+        if (!rooms?.available() || !ref.current)
+            return;
+        if (typeof IntersectionObserver === 'undefined') {
+            void rooms.refresh(id);
+            return;
+        }
+        const observer = new IntersectionObserver(entries => { if (entries.some(e => e.isIntersecting)) {
+            void rooms.refresh(id);
+            observer.disconnect();
+        } });
+        observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, [rooms, id]);
+    const state = rooms?.get(id), count = state ? state.members.length : state === null || !rooms?.available() ? 1 : '…';
+    return _jsxs("small", { ref: ref, children: [cwd.split(/[\\/]/).filter(Boolean).at(-1) || t('unassignedWorkspace'), " \u00B7 ", count, " ", t('memberUnit')] });
+}

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

@@ -0,0 +1,9 @@
+import type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import type { IConversation } from '@deepseek-ai/dsh-client-ui-conversation/client';
+export interface MobileQueueInjected {
+    updateQueue?: IConversation['updateQueue'];
+}
+/** Room's takeover hides the official QueueDock. Restore its mutation verbs
+ * through the same scoped Conversation API, without touching the Room composer. */
+export declare function MobileQueue({ useSession, useProjection, updateQueue, t }: PropsRuntime<'conversation.session.header.actions'> & PropsLocale<'mobile'> & MobileQueueInjected): import("react").ReactPortal | null;
+//# sourceMappingURL=MobileQueue.d.ts.map

package/lib/types/client/MobileQueue.js

@@ -0,0 +1,90 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { MobileIcon } from './MobileIcon.js';
+import { createPortal } from 'react-dom';
+import { queuedRows } from './queue.js';
+/** Room's takeover hides the official QueueDock. Restore its mutation verbs
+ * through the same scoped Conversation API, without touching the Room composer. */
+export function MobileQueue({ useSession, useProjection, updateQueue, t }) {
+    // alpha.2 serves the queue as the `inbox` projection (its declared value is
+    // wire JSON; the official QueueDock narrows it the same way); the 0.1.5
+    // standard kit has no projection hook and its host serves no `inbox` key —
+    // both absence paths fall back to the legacy snapshot queue inside queuedRows.
+    const legacyQueue = useSession(s => s.queue);
+    const inbox = (useProjection === undefined ? undefined : useProjection('inbox'));
+    const rows = queuedRows(legacyQueue, inbox);
+    const running = useSession(s => s.running);
+    const pending = useSession(s => s.pendingSubmissions);
+    const mutable = useSession(s => s.subagent === null || s.subagent.address.mode === 'continuable');
+    const [seat, setSeat] = useState(null), [open, setOpen] = useState(false);
+    const [busy, setBusy] = useState(false), [error, setError] = useState(false), [edit, setEdit] = useState(null);
+    const dialog = useRef(null), alive = useRef(true);
+    useEffect(() => {
+        alive.current = true;
+        if (!updateQueue)
+            return () => { alive.current = false; };
+        let owned;
+        const sync = () => {
+            const fallback = document.querySelector('[data-mobile-frame] [data-chain-overlay-fallback="conversation.composer"]');
+            const root = fallback?.closest('[data-composer-seat]');
+            const roomQueue = root?.querySelector('[data-testid="room-queue-strip"]');
+            if (document.documentElement.hasAttribute('data-dsh-mobile') && fallback?.style.display === 'none' && roomQueue && root) {
+                if (owned && owned.parentElement !== root) {
+                    owned.remove();
+                    owned = undefined;
+                }
+                if (!owned) {
+                    owned = document.createElement('div');
+                    owned.dataset.mobileRoomQueue = '';
+                    root.prepend(owned);
+                    setSeat(owned);
+                }
+            }
+            else if (owned) {
+                owned.remove();
+                owned = undefined;
+                setSeat(null);
+            }
+        };
+        const observer = new MutationObserver(sync);
+        observer.observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ['style', 'data-dsh-mobile'] });
+        sync();
+        return () => { alive.current = false; observer.disconnect(); owned?.remove(); };
+    }, [updateQueue]);
+    useEffect(() => { if (open && seat)
+        dialog.current?.showModal();
+    else
+        dialog.current?.close(); }, [open, seat]);
+    const admitted = new Set(rows.flatMap(row => row.rpcId === undefined ? [] : [row.rpcId]));
+    const pendingQueue = pending.filter(row => row.placement === 'queued' && !admitted.has(row.requestId));
+    const count = rows.length + pendingQueue.length;
+    useEffect(() => {
+        if (!count)
+            setOpen(false);
+        if (edit && (!mutable || !rows.some(row => row.id === edit.id)))
+            setEdit(null);
+    }, [count, mutable, rows, edit]);
+    const apply = async (id, action) => {
+        if (!updateQueue || busy || !mutable || !rows.some(row => row.id === id))
+            return;
+        setBusy(true);
+        setError(false);
+        try {
+            await updateQueue(id, action);
+            if (alive.current)
+                setEdit(null);
+        }
+        catch {
+            if (alive.current)
+                setError(true);
+        }
+        finally {
+            if (alive.current)
+                setBusy(false);
+        }
+    };
+    if (!seat || !updateQueue || !count)
+        return null;
+    return createPortal(_jsxs(_Fragment, { children: [_jsxs("button", { "data-mobile-queue-pill": true, onClick: () => setOpen(true), children: [t('queued'), " \u00B7 ", count] }), _jsxs("dialog", { ref: dialog, "data-mobile-tools-dialog": true, "aria-label": t('queued'), onClose: () => setOpen(false), children: [_jsx("div", { "data-mobile-tools-handle": true }), _jsxs("header", { children: [_jsx("strong", { children: t('queued') }), _jsx("button", { "aria-label": t('done'), onClick: () => dialog.current?.close(), children: _jsx(MobileIcon, { name: "close" }) })] }), error && _jsx("p", { role: "alert", children: t('queueError') }), rows.map(row => _jsxs("section", { "data-mobile-queue-row": true, children: [edit?.id === row.id ? _jsx("textarea", { "aria-label": t('editQueued'), value: edit.text, onChange: e => setEdit({ id: row.id, text: e.target.value }) }) : _jsx("p", { children: row.content.map(b => b.type === 'text' ? b.text : `[${t('attachments')}]`).join('') }), _jsx("div", { children: edit?.id === row.id ? _jsxs(_Fragment, { children: [_jsx("button", { disabled: busy || !edit.text.trim(), onClick: () => void apply(row.id, { kind: 'edit', content: [{ type: 'text', text: edit.text }] }), children: t('save') }), _jsx("button", { disabled: busy, onClick: () => setEdit(null), children: t('cancel') })] }) : _jsxs(_Fragment, { children: [_jsx("button", { disabled: !mutable || busy || !running, onClick: () => void apply(row.id, { kind: 'steer' }), children: t('sendNow') }), _jsx("button", { disabled: !mutable || busy || row.text === null, onClick: () => { if (row.text !== null)
+                                                setEdit({ id: row.id, text: row.text }); }, children: t('editQueued') }), _jsx("button", { disabled: !mutable || busy, onClick: () => void apply(row.id, { kind: 'remove' }), children: t('removeQueued') })] }) })] }, row.id)), pendingQueue.length > 0 && _jsx("p", { role: "status", children: t('sendingQueued') })] })] }), seat);
+}

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

@@ -0,0 +1,13 @@
+import type { PropsLocale } from '@deepseek-ai/dsh-client-ui-slots';
+import type { NavigationCapabilities } from './navigation.ts';
+import { MobileRooms } from './rooms.ts';
+export declare const openMobileMembers: (sessionId: string, invite?: boolean) => boolean;
+type Props = PropsLocale<'mobile'> & {
+    rooms: MobileRooms;
+    navigation: NavigationCapabilities;
+    prepareNavigation: () => void;
+};
+/** A read-only roster shortcut. All mutations open the installed Room UI. */
+export declare function MobileRoomNavigation({ rooms, navigation, prepareNavigation, t }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MobileRooms.d.ts.map

package/lib/types/client/MobileRooms.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { createPortal } from 'react-dom';
+import { mainSessionId } from './navigation.js';
+import { MobileRooms } from './rooms.js';
+import { MobileIcon } from './MobileIcon.js';
+import { openRoomInvite, openRoomMemberSettings } from './roomActions.js';
+export const openMobileMembers = (sessionId, invite = false) => window.dispatchEvent(new CustomEvent('dsh-mobile-members', { detail: { sessionId, invite } }));
+/** A read-only roster shortcut. All mutations open the installed Room UI. */
+export function MobileRoomNavigation({ rooms, navigation, prepareNavigation, t }) {
+    const feed = navigation.sessions.list;
+    const current = useSyncExternalStore(useCallback(fn => feed.subscribe(fn), [feed]), useCallback(() => mainSessionId(feed.getSnapshot()), [feed]));
+    useSyncExternalStore(rooms.subscribe, rooms.getSnapshot);
+    const room = current ? rooms.get(current) : undefined;
+    const [open, setOpen] = useState(false), [error, setError] = useState(false);
+    const dialog = useRef(null), epoch = useRef(0);
+    useEffect(() => {
+        epoch.current++;
+        setOpen(false);
+        setError(false);
+        if (!current)
+            return;
+        const refresh = () => { if (!document.hidden)
+            void rooms.refresh(current, true); };
+        refresh();
+        const timer = window.setInterval(refresh, 7000);
+        return () => { epoch.current++; window.clearInterval(timer); };
+    }, [rooms, current]);
+    const close = () => { dialog.current?.close(); setOpen(false); };
+    const invite = () => { close(); if (!openRoomInvite(document)) {
+        setError(true);
+        setOpen(true);
+    } };
+    useEffect(() => {
+        const show = (event) => {
+            const detail = event.detail;
+            if (!current || detail.sessionId !== current || !rooms.available())
+                return;
+            if (detail.invite)
+                invite();
+            else {
+                setOpen(true);
+                setError(false);
+            }
+        };
+        window.addEventListener('dsh-mobile-members', show);
+        return () => window.removeEventListener('dsh-mobile-members', show);
+    }, [current, rooms]);
+    useEffect(() => { if (open)
+        dialog.current?.showModal();
+    else
+        dialog.current?.close(); }, [open]);
+    const edit = async (name) => {
+        const generation = epoch.current;
+        close();
+        const ok = await openRoomMemberSettings(document, name, () => epoch.current === generation);
+        if (!ok && epoch.current === generation) {
+            setError(true);
+            setOpen(true);
+        }
+    };
+    // The official workspace service is the only navigation writer on both host
+    // lines (alpha.2 deleted sessions.open); it throws synchronously on failure.
+    const openChat = (childSessionId) => {
+        prepareNavigation();
+        try {
+            navigation.workspace.openSession(childSessionId);
+            close();
+        }
+        catch {
+            setError(true);
+            setOpen(true);
+        }
+    };
+    return _jsxs(_Fragment, { children: [room && _jsxs("button", { "data-mobile-members-open": true, "aria-label": t('members'), onClick: () => { setOpen(true); setError(false); }, children: [_jsx(MobileIcon, { name: "members" }), _jsx("small", { children: room.members.length })] }), createPortal(_jsxs("dialog", { ref: dialog, "data-mobile-room-dialog": true, "data-mobile-tools-dialog": true, "aria-label": t('members'), onClose: () => setOpen(false), children: [_jsx("div", { "data-mobile-tools-handle": true }), _jsxs("header", { children: [_jsx("strong", { children: t('members') }), _jsx("button", { "aria-label": t('done'), onClick: close, children: _jsx(MobileIcon, { name: "close" }) })] }), error && _jsx("p", { role: "alert", children: t('roomActionUnavailable') }), _jsx("p", { "data-mobile-room-hint": true, children: t('membersHint') }), room?.members.map(m => {
+                        const run = room.runs.find(r => r.member === m.name);
+                        return _jsxs("div", { "data-mobile-member-row": true, children: [_jsxs("button", { "data-mobile-member-chat": true, disabled: !m.childSessionId, onClick: () => { if (m.childSessionId)
+                                        openChat(m.childSessionId); }, children: [_jsx("span", { "data-mobile-avatar": true, children: _jsx(MobileIcon, { name: m.kind === 'main-agent' ? 'compose' : 'members', size: 20 }) }), _jsxs("span", { children: [_jsx("strong", { children: m.name }), _jsxs("small", { children: [m.provider ?? t('mainMember'), " \u00B7 ", m.kind === 'main-agent' ? t('currentConversation') : run?.state === 'running' ? t('running') : run?.state === 'failed' ? t('memberFailed') : m.childSessionId ? t('openMemberChat') : t('awaitingMember')] })] })] }), m.kind !== 'main-agent' && _jsx("button", { "aria-label": `${t('memberSettings')} ${m.name}`, onClick: () => void edit(m.name), children: _jsx(MobileIcon, { name: "settings", size: 20 }) })] }, m.name);
+                    }), _jsxs("button", { "data-mobile-room-primary": true, onClick: invite, children: [_jsx(MobileIcon, { name: "plus", size: 18 }), t('inviteMember')] })] }), document.body)] });
+}

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

@@ -0,0 +1,4 @@
+import type { PropsLocale } from '@deepseek-ai/dsh-client-ui-slots';
+/** Brand-seat replacement only. The official hero picker and editor retain ownership. */
+export declare function MobileWelcome({ t }: PropsLocale<'mobile'>): import("react").JSX.Element;
+//# sourceMappingURL=MobileSeats.d.ts.map

package/lib/types/client/MobileSeats.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Brand-seat replacement only. The official hero picker and editor retain ownership. */
+export function MobileWelcome({ t }) {
+    return _jsxs("div", { "data-mobile-welcome": true, children: [_jsx("h2", { children: t('welcome') }), _jsx("p", { children: t('welcomeHint') })] });
+}

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

@@ -0,0 +1,7 @@
+import type { PropsRuntime, PropsLocale } from '@deepseek-ai/dsh-client-ui-slots';
+import type { MobileRooms } from './rooms.ts';
+/** Own only the launcher and grouped navigation; action targets stay host-owned. */
+export declare function MobileTools({ t, useSession, rooms }: PropsLocale<'mobile'> & PropsRuntime<'conversation.input.left'> & {
+    rooms: MobileRooms;
+}): import("react").JSX.Element;
+//# sourceMappingURL=MobileTools.d.ts.map

package/lib/types/client/MobileTools.js

@@ -0,0 +1,34 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { ComposerActions } from './composerActions.js';
+import { openMobileMembers } from './MobileRooms.js';
+import { MobileIcon } from './MobileIcon.js';
+/** Own only the launcher and grouped navigation; action targets stay host-owned. */
+export function MobileTools({ t, useSession, rooms }) {
+    const sessionId = useSession(s => s.sessionId);
+    const seat = useRef(null);
+    const [actions, setActions] = useState();
+    useLayoutEffect(() => {
+        if (!seat.current)
+            return;
+        const controller = new ComposerActions(seat.current);
+        setActions(controller);
+        return () => controller.dispose();
+    }, []);
+    return _jsx("span", { ref: seat, "data-mobile-tools-seat": true, children: actions && _jsx(Tools, { actions: actions, t: t, invite: rooms.available() ? () => openMobileMembers(sessionId, true) : undefined }) });
+}
+function Tools({ actions, t, invite }) {
+    const targets = useSyncExternalStore(actions.subscribe, actions.getSnapshot);
+    const dialog = useRef(null), launcher = useRef(null);
+    const close = () => { dialog.current?.close(); launcher.current?.setAttribute('aria-expanded', 'false'); };
+    useLayoutEffect(() => { if (!targets.commands || !targets.attachments)
+        close(); }, [targets.commands, targets.attachments]);
+    if (!targets.commands || !targets.attachments)
+        return null;
+    const invoke = (action) => { close(); actions.invoke(action); };
+    return _jsxs(_Fragment, { children: [_jsx("button", { ref: launcher, "data-mobile-tools-open": true, "aria-label": t('inputTools'), "aria-haspopup": "dialog", "aria-expanded": "false", onClick: () => { dialog.current?.showModal(); launcher.current?.setAttribute('aria-expanded', 'true'); }, children: _jsx(MobileIcon, { name: "plus" }) }), _jsxs("dialog", { ref: dialog, "data-mobile-tools-dialog": true, "aria-label": t('inputTools'), onClose: () => launcher.current?.setAttribute('aria-expanded', 'false'), onClick: event => { if (event.target === dialog.current) {
+                    const r = dialog.current.getBoundingClientRect();
+                    if (event.clientY < r.top || event.clientX < r.left || event.clientX > r.right || event.clientY > r.bottom)
+                        close();
+                } }, children: [_jsx("div", { "data-mobile-tools-handle": true }), _jsxs("header", { children: [_jsx("strong", { children: t('inputTools') }), _jsx("button", { "aria-label": t('closeTools'), onClick: close, children: _jsx(MobileIcon, { name: "close" }) })] }), _jsxs("div", { "data-mobile-tools-grid": true, children: [_jsxs("button", { disabled: targets.attachments.disabled, onClick: () => invoke('attachments'), children: [_jsx(MobileIcon, { name: "attachment" }), t('attachments')] }), _jsxs("button", { disabled: targets.commands.disabled, onClick: () => invoke('commands'), children: [_jsx(MobileIcon, { name: "commands" }), t('commands')] })] }), targets.permissions && _jsxs("button", { "data-mobile-tools-permission": true, disabled: targets.permissions.disabled, onClick: () => invoke('permissions'), children: [_jsx(MobileIcon, { name: "shield" }), _jsx("span", { children: t('permissions') }), _jsx("small", { children: targets.permissions.label }), _jsx(MobileIcon, { name: "right", size: 16 })] }), invite && _jsxs("button", { "data-mobile-tools-permission": true, onClick: () => { close(); invite(); }, children: [_jsx(MobileIcon, { name: "members" }), _jsx("span", { children: t('inviteMember') }), _jsx("small", {}), _jsx(MobileIcon, { name: "right", size: 16 })] })] })] });
+}

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

@@ -0,0 +1,10 @@
+import type { PropsLocale } from '@deepseek-ai/dsh-client-ui-slots';
+import type { NavigationCapabilities } from './navigation.ts';
+/** Same per-session command as the Web workspace dialog; no local title cache. */
+export declare function SessionRename({ navigation, sessionId, title, close, t }: {
+    navigation: NavigationCapabilities;
+    sessionId: Parameters<NavigationCapabilities['sessions']['binding']>[0];
+    title: string;
+    close: () => void;
+} & PropsLocale<'mobile'>): import("react").ReactPortal;
+//# sourceMappingURL=SessionRename.d.ts.map

package/lib/types/client/SessionRename.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+/** Same per-session command as the Web workspace dialog; no local title cache. */
+export function SessionRename({ navigation, sessionId, title, close, t }) {
+    const dialog = useRef(null);
+    const [draft, setDraft] = useState(title), [busy, setBusy] = useState(false), [error, setError] = useState('');
+    const alive = useRef(true), submitting = useRef(false);
+    useLayoutEffect(() => {
+        alive.current = true;
+        dialog.current?.showModal();
+        return () => { alive.current = false; dialog.current?.close(); };
+    }, []);
+    const save = async () => {
+        if (submitting.current || !draft.trim())
+            return;
+        submitting.current = true;
+        setBusy(true);
+        setError('');
+        try {
+            const session = navigation.sessions.binding(sessionId)?.session;
+            if (!session)
+                throw new Error(t('renameUnavailable'));
+            const result = await session.rename(draft.trim());
+            if (!result.ok)
+                throw new Error(result.error.message);
+            if (alive.current)
+                close();
+        }
+        catch (reason) {
+            if (alive.current)
+                setError(reason instanceof Error ? reason.message : t('renameUnavailable'));
+        }
+        finally {
+            submitting.current = false;
+            if (alive.current)
+                setBusy(false);
+        }
+    };
+    return createPortal(_jsx("dialog", { ref: dialog, "data-mobile-dialog": true, "data-mobile-rename-dialog": true, "aria-labelledby": "mobile-rename-heading", onCancel: event => { event.preventDefault(); if (!busy)
+            close(); }, children: _jsxs("form", { onSubmit: event => { event.preventDefault(); void save(); }, children: [_jsx("h2", { id: "mobile-rename-heading", children: t('renameSession') }), _jsxs("label", { children: [t('sessionTitle'), _jsx("input", { value: draft, onChange: event => setDraft(event.target.value), autoComplete: "off", enterKeyHint: "done", disabled: busy, onKeyDown: event => { if (event.key === 'Enter' && event.nativeEvent.isComposing)
+                                event.preventDefault(); } })] }), error && _jsx("p", { role: "alert", children: error }), _jsxs("footer", { children: [_jsx("button", { type: "button", disabled: busy, onClick: close, children: t('cancel') }), _jsx("button", { type: "submit", "data-mobile-primary": true, disabled: busy || !draft.trim(), children: t(busy ? 'saving' : 'save') })] })] }) }), document.body);
+}

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

@@ -0,0 +1,26 @@
+import type { PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+type Receipt = {
+    id: string;
+    text: string;
+};
+/** Read durable public chat records, never local optimistic submission echoes. */
+export declare function acceptedMessages(chat: unknown): Receipt[];
+/** A successful admission may hide the keyboard only for this exact local send.
+ * Failed sends, history loads, remote sends and newly typed drafts keep focus. */
+export declare class SubmissionFocus {
+    private doc;
+    private receipts;
+    private highWater;
+    private attempt;
+    constructor(doc: Document);
+    private editor;
+    private value;
+    private arm;
+    private click;
+    private key;
+    update(receipts: Receipt[]): void;
+    dispose(): void;
+}
+export declare function MobileSubmissionFocus({ useConversation, useSession, useProjection }: PropsRuntime<'conversation.session.header.actions'>): null;
+export {};
+//# sourceMappingURL=SubmissionFocus.d.ts.map

package/lib/types/client/SubmissionFocus.js

@@ -0,0 +1,74 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { queuedRows } from './queue.js';
+const textOf = (content) => Array.isArray(content) ? content.map(b => b?.type === 'text' ? b.text : '').join('') : '';
+/** Read durable public chat records, never local optimistic submission echoes. */
+export function acceptedMessages(chat) {
+    const value = chat;
+    const nodes = value?.nodes?.values?.();
+    if (!Array.isArray(nodes))
+        return [];
+    return nodes.flatMap(node => {
+        const data = node?.data ?? node;
+        return (node?.kind === 'user' || node?.kind === 'steering') && typeof data?.seq === 'number'
+            ? [{ id: `message:${data.seq}`, text: textOf(data.content) }] : [];
+    });
+}
+/** A successful admission may hide the keyboard only for this exact local send.
+ * Failed sends, history loads, remote sends and newly typed drafts keep focus. */
+export class SubmissionFocus {
+    doc;
+    receipts = new Set();
+    highWater = -1;
+    attempt;
+    constructor(doc) {
+        this.doc = doc;
+        doc.addEventListener('pointerdown', this.click, true);
+        doc.addEventListener('keydown', this.key, true);
+    }
+    editor() {
+        if (!this.doc.documentElement.hasAttribute('data-dsh-mobile'))
+            return;
+        const el = this.doc.activeElement;
+        return el instanceof HTMLElement && el.matches('[contenteditable="true"], textarea') && el.closest('[data-composer-seat]') ? el : undefined;
+    }
+    value(el) { return el instanceof HTMLTextAreaElement ? el.value : el.textContent ?? ''; }
+    arm() { const editor = this.editor(); if (editor)
+        this.attempt = { editor, text: this.value(editor).trim() }; }
+    click = (e) => {
+        const button = e.target instanceof Element ? e.target.closest('button') : null;
+        if (button && !button.disabled && button.closest('[data-composer-seat]') && /发送|Send|Queue|Steer/i.test(button.getAttribute('aria-label') ?? ''))
+            this.arm();
+    };
+    key = (e) => {
+        if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && this.editor())
+            this.arm();
+    };
+    update(receipts) {
+        const fresh = receipts.filter(r => !this.receipts.has(r.id) && (!r.id.startsWith('message:') || Number(r.id.slice(8)) > this.highWater));
+        for (const row of receipts)
+            if (row.id.startsWith('message:'))
+                this.highWater = Math.max(this.highWater, Number(row.id.slice(8)));
+        this.receipts = new Set(receipts.map(r => r.id));
+        const attempt = this.attempt;
+        if (!attempt || !fresh.some(r => r.text.trim() === attempt.text))
+            return;
+        this.attempt = undefined;
+        // Lexical clears optimistically; sibling composers clear after their RPC.
+        requestAnimationFrame(() => {
+            if (this.doc.documentElement.hasAttribute('data-dsh-mobile') && this.doc.activeElement === attempt.editor && !this.value(attempt.editor).trim())
+                attempt.editor.blur();
+        });
+    }
+    dispose() { this.attempt = undefined; this.doc.removeEventListener('pointerdown', this.click, true); this.doc.removeEventListener('keydown', this.key, true); }
+}
+export function MobileSubmissionFocus({ useConversation, useSession, useProjection }) {
+    const receipts = useConversation(s => JSON.stringify(acceptedMessages(s.views.get('chat'))));
+    // Same dual-line queue read as MobileQueue: alpha.2's inbox projection, else the 0.1.5 snapshot queue.
+    const legacyQueue = useSession(s => s.queue);
+    const inbox = (useProjection === undefined ? undefined : useProjection('inbox'));
+    const queue = useMemo(() => queuedRows(legacyQueue, inbox), [legacyQueue, inbox]);
+    const controller = useRef();
+    useEffect(() => { const focus = new SubmissionFocus(document); controller.current = focus; return () => focus.dispose(); }, []);
+    useEffect(() => { controller.current?.update([...JSON.parse(receipts), ...queue.map(row => ({ id: `queue:${row.id}`, text: textOf(row.content) }))]); }, [receipts, queue]);
+    return null;
+}

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

@@ -0,0 +1,24 @@
+/** Checked rc1 button bridge. The official editor, chooser, permission menu and
+ * confirmation remain mounted and retain their callbacks. Unknown markup falls back. */
+export type ComposerAction = 'commands' | 'attachments' | 'permissions';
+export interface ActionTarget {
+    button: HTMLButtonElement;
+    label: string;
+    disabled: boolean;
+}
+export type ComposerActionsSnapshot = Partial<Record<ComposerAction, ActionTarget>>;
+export declare class ComposerActions {
+    private readonly seat;
+    private snapshot;
+    private listeners;
+    private marked;
+    private observer;
+    constructor(seat: HTMLElement);
+    readonly getSnapshot: () => Partial<Record<ComposerAction, ActionTarget>>;
+    readonly subscribe: (listener: () => void) => () => void;
+    private sync;
+    private target;
+    invoke(action: ComposerAction): boolean;
+    dispose(): void;
+}
+//# sourceMappingURL=composerActions.d.ts.map

package/lib/types/client/composerActions.js

@@ -0,0 +1,66 @@
+export class ComposerActions {
+    seat;
+    snapshot = {};
+    listeners = new Set();
+    marked = new Set();
+    observer;
+    constructor(seat) {
+        this.seat = seat;
+        this.observer = new MutationObserver(() => this.sync());
+        const card = seat.closest('[data-composer-card]');
+        if (card)
+            this.observer.observe(card, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ['disabled', 'aria-label'] });
+        this.sync();
+    }
+    getSnapshot = () => this.snapshot;
+    subscribe = (listener) => { this.listeners.add(listener); return () => { this.listeners.delete(listener); }; };
+    sync() {
+        const card = this.seat.closest('[data-composer-card]');
+        const file = card?.querySelector(':scope > div:last-child > div:first-child > input[type=file][hidden]');
+        const attachments = file?.previousElementSibling;
+        const commands = attachments?.previousElementSibling;
+        const next = {};
+        if (commands instanceof HTMLButtonElement && commands.getAttribute('aria-haspopup') === 'listbox' && attachments instanceof HTMLButtonElement) {
+            next.commands = this.target(commands);
+            next.attachments = this.target(attachments);
+            const modes = file?.nextElementSibling;
+            const permission = modes?.querySelector(':scope > span > button[aria-label]');
+            // PermissionSelect has a text label between optional glyph and chevron spans.
+            if (permission?.querySelector(':scope > span:not([aria-hidden])') && permission.querySelector(':scope > span[aria-hidden] svg'))
+                next.permissions = this.target(permission);
+        }
+        for (const button of this.marked)
+            if (!Object.values(next).some(value => value.button === button)) {
+                button.removeAttribute('data-mobile-folded-action');
+                this.marked.delete(button);
+            }
+        for (const value of Object.values(next))
+            if (!this.marked.has(value.button)) {
+                value.button.setAttribute('data-mobile-folded-action', '');
+                this.marked.add(value.button);
+            }
+        if (['commands', 'attachments', 'permissions'].some(key => next[key]?.button !== this.snapshot[key]?.button || next[key]?.label !== this.snapshot[key]?.label || next[key]?.disabled !== this.snapshot[key]?.disabled)) {
+            this.snapshot = next;
+            for (const listener of this.listeners)
+                listener();
+        }
+    }
+    target(button) {
+        return { button, label: button.textContent?.trim() || button.getAttribute('aria-label') || '', disabled: button.disabled };
+    }
+    invoke(action) {
+        this.sync();
+        const target = this.snapshot[action];
+        if (!target || target.disabled || !target.button.isConnected)
+            return false;
+        // The official command list is a combobox whose keyboard handling stays
+        // with Lexical. Only an explicit command-menu choice may focus the editor.
+        if (action === 'commands')
+            this.seat.closest('[data-composer-card]')?.querySelector('[contenteditable="true"]')?.focus({ preventScroll: true });
+        // Synchronous with the user's click, including the native file-picker gesture.
+        target.button.click();
+        return true;
+    }
+    dispose() { this.observer.disconnect(); for (const button of this.marked)
+        button.removeAttribute('data-mobile-folded-action'); this.marked.clear(); this.listeners.clear(); }
+}

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

@@ -0,0 +1,15 @@
+/** rc1 has no composer autofocus option. Guard navigation focus through public
+ * DOM events; never replace Lexical, its focus method, selection, or draft. */
+export declare class ComposerFocus {
+    private readonly doc;
+    private readonly active;
+    private waiting;
+    constructor(doc: Document, active: () => boolean);
+    readonly arm: () => void;
+    private isEditor;
+    private readonly focus;
+    private readonly pointer;
+    private readonly key;
+    dispose(): void;
+}
+//# sourceMappingURL=composerFocus.d.ts.map