@linxin666/dsh-remote-web-ui 0.1.1 → 0.1.3

package/lib/types/mobile/views/SessionListView.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sessions level: one workspace's sessions, loaded incrementally — the
+ * first page fetches session.list with a cursor, scrolling appends further
+ * pages (never the whole list at once). Rows are filtered to the opened
+ * workspace by its owned session ids; extra pages are pulled on demand so
+ * a workspace with many sessions converges without a full transfer.
+ *
+ * Creating a session is this level's other action: the workspace's id is
+ * sent to session.create (the host attaches the new session to it), the
+ * fresh row is prepended optimistically, and the user lands straight in
+ * the new chat — the same "new session opens" flow as the desktop UI.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { createSession, listSessions, listWorkspaces } from "../api.js";
+import { errorText, formatTime, staleHostHint, toSessionView } from "./App.js";
+import { ThemeToggle } from "../theme-toggle.js";
+/** Rows that belong to the opened workspace (its owned session id set). */
+function ownedItems(page, workspace) {
+    const owned = new Set(workspace.sessionIds);
+    return page
+        .filter(item => owned.has(item.sessionId))
+        .map(item => toSessionView(item));
+}
+/**
+ * Render one workspace's paged session list.
+ * @param props - the workspace, back action, and pick action.
+ * @returns the session list.
+ */
+export function SessionListView({ workspace, onBack, onPick }) {
+    const [rows, setRows] = useState([]);
+    const [hasMore, setHasMore] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(undefined);
+    const [creating, setCreating] = useState(false);
+    const [createError, setCreateError] = useState(undefined);
+    const cursorRef = useRef(undefined);
+    const busyRef = useRef(false);
+    // First page on mount. The workspace roster is re-read alongside so the
+    // owned-id set is fresh: a session created (or attached) since this
+    // workspace row was captured must not vanish from the filter.
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        setError(undefined);
+        void Promise.all([listSessions(), listWorkspaces()]).then(([page, workspaces]) => {
+            if (cancelled)
+                return;
+            const fresh = workspaces.find(candidate => candidate.workspaceId === workspace.workspaceId);
+            const current = fresh ?? workspace;
+            setRows(ownedItems(page.items, current));
+            cursorRef.current = page.nextCursor;
+            setHasMore(page.hasMore);
+            setLoading(false);
+        }, (reason) => {
+            if (cancelled)
+                return;
+            setError(errorText(reason));
+            setLoading(false);
+        });
+        return () => { cancelled = true; };
+    }, [workspace]);
+    /** Pull the next page and append the rows that belong to this workspace. */
+    const loadMore = useCallback(() => {
+        if (busyRef.current)
+            return;
+        const cursor = cursorRef.current;
+        if (cursor === undefined)
+            return;
+        busyRef.current = true;
+        setLoading(true);
+        void listSessions(cursor).then((page) => {
+            busyRef.current = false;
+            setLoading(false);
+            cursorRef.current = page.nextCursor;
+            setHasMore(page.hasMore);
+            setRows(previous => [...previous, ...ownedItems(page.items, workspace)]);
+        }, (reason) => {
+            busyRef.current = false;
+            setLoading(false);
+            setError(errorText(reason));
+        });
+    }, [workspace]);
+    /** Create a blank session in this workspace and open it immediately. */
+    const handleCreate = useCallback(() => {
+        if (creating)
+            return;
+        setCreating(true);
+        setCreateError(undefined);
+        void createSession({ workspaceId: workspace.workspaceId }).then((created) => {
+            setCreating(false);
+            const view = {
+                sessionId: created.sessionId,
+                title: '新会话',
+                updatedAt: Date.now(),
+                running: false,
+                blank: true,
+            };
+            setRows(previous => [view, ...previous]);
+            onPick(view);
+        }, (reason) => {
+            setCreating(false);
+            setCreateError(errorText(reason));
+        });
+    }, [creating, workspace, onPick]);
+    const createHint = createError !== undefined ? staleHostHint(createError) : undefined;
+    return (_jsxs("div", { className: "mobile", children: [_jsxs("header", { className: "mobile-header", children: [_jsx("button", { type: "button", className: "mobile-back", "aria-label": "\u8FD4\u56DE", onClick: onBack, children: "\u2039" }), _jsx("h1", { className: "mobile-title mobile-titleInline", children: workspace.title }), _jsx(ThemeToggle, {})] }), error !== undefined && _jsx("p", { className: "mobile-error mobile-pad", children: error }), _jsx("div", { className: "mobile-pad", children: _jsx("button", { type: "button", className: "mobile-new", disabled: creating, onClick: () => { void handleCreate(); }, children: creating ? '创建中…' : '+ 新建会话' }) }), createError !== undefined && (_jsxs("p", { className: "mobile-error mobile-pad", children: [createError, createHint !== undefined && _jsx("span", { className: "mobile-hint", children: createHint })] })), _jsx("ul", { className: "mobile-list", children: rows.map(row => (_jsx("li", { children: _jsxs("button", { type: "button", className: "mobile-row", onClick: () => { onPick(row); }, children: [_jsxs("span", { className: "mobile-rowMain", children: [_jsxs("span", { className: "mobile-rowTitle", children: [row.blank ? '新会话' : row.title, row.running ? _jsx("span", { className: "mobile-live", children: "\u25CF" }) : null] }), _jsx("span", { className: "mobile-rowMeta", children: formatTime(row.updatedAt) })] }), _jsx("span", { className: "mobile-chevron", children: "\u203A" })] }) }, row.sessionId))) }), hasMore && (_jsx("div", { className: "mobile-pad", children: _jsx("button", { type: "button", className: "mobile-button mobile-block", disabled: loading, onClick: () => { void loadMore(); }, children: loading ? '加载中…' : '加载更多会话' }) })), !hasMore && rows.length === 0 && !loading && (_jsx("div", { className: "mobile-empty", children: _jsx("p", { className: "mobile-muted", children: "\u8BE5\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u4F1A\u8BDD\uFF0C\u70B9\u4E0A\u65B9\u6309\u94AE\u65B0\u5EFA\u4E00\u4E2A" }) }))] }));
+}

package/lib/types/mobile/views/SessionListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionListView.js","sourceRoot":"","sources":["../../../../src/mobile/views/SessionListView.tsx"],"names":[],"mappings":"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"}

package/lib/types/mobile/views/SessionListView.test.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment jsdom
+/** SessionListView: owned-row filtering, incremental pages, session creation. */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { SessionListView } from "./SessionListView.js";
+// The api module is fully mocked; the view's App.tsx helpers stay real.
+vi.mock('../api.ts', () => ({
+    listSessions: vi.fn(),
+    listWorkspaces: vi.fn(),
+    createSession: vi.fn(),
+}));
+import { createSession, listSessions, listWorkspaces } from "../api.js";
+const listSessionsMock = vi.mocked(listSessions);
+const listWorkspacesMock = vi.mocked(listWorkspaces);
+const createSessionMock = vi.mocked(createSession);
+const workspace = {
+    workspaceId: 'w-1',
+    path: '/tmp/demo',
+    title: '演示项目',
+    sessionIds: ['s-1'],
+    createdAt: '2026-01-01T00:00:00.000Z',
+    updatedAt: '2026-01-01T00:00:00.000Z',
+};
+/** A session.list summary row. */
+function summary(sessionId, updatedAt, extra = {}) {
+    return { sessionId, updatedAt, running: false, blank: false, ...extra };
+}
+let picked;
+function renderList(props = {}) {
+    picked = undefined;
+    render(_jsx(SessionListView, { workspace: workspace, onBack: () => { }, onPick: (session) => { picked = session; }, ...props }));
+}
+beforeEach(() => {
+    listSessionsMock.mockResolvedValue({ items: [], hasMore: false });
+    listWorkspacesMock.mockResolvedValue([workspace]);
+    createSessionMock.mockResolvedValue({ sessionId: 's-new' });
+});
+afterEach(() => {
+    cleanup();
+    vi.clearAllMocks();
+});
+describe('SessionListView roster', () => {
+    it('renders the sessions owned by the workspace', async () => {
+        listSessionsMock.mockResolvedValue({
+            items: [
+                summary('s-1', 1_700_000_000_000, { projections: { values: { title: '改造移动端' } } }),
+                summary('s-other', 1_600_000_000_000, { cwd: '/tmp/foreign' }),
+            ],
+            hasMore: false,
+        });
+        renderList();
+        expect(await screen.findByText('改造移动端')).toBeTruthy();
+        // The foreign session (not in workspace.sessionIds) stays hidden.
+        expect(screen.queryByText(/foreign/)).toBeNull();
+    });
+    it('shows the empty state when the workspace owns no sessions', async () => {
+        renderList();
+        expect(await screen.findByText(/还没有会话/)).toBeTruthy();
+    });
+    it('refreshes the owned-id set from workspace.list on mount', async () => {
+        listSessionsMock.mockResolvedValue({
+            items: [summary('s-2', 1_700_000_000_000, { cwd: '/tmp/other' })],
+            hasMore: false,
+        });
+        listWorkspacesMock.mockResolvedValue([
+            { ...workspace, sessionIds: ['s-2'] },
+        ]);
+        renderList();
+        // s-2 is absent from the stale row but present in the fresh roster.
+        expect(await screen.findByText(/other/)).toBeTruthy();
+    });
+});
+describe('SessionListView creation', () => {
+    it('creates a blank session in the workspace and opens it immediately', async () => {
+        renderList();
+        await screen.findByText(/还没有会话/);
+        fireEvent.click(screen.getByRole('button', { name: '+ 新建会话' }));
+        await waitFor(() => {
+            expect(createSessionMock).toHaveBeenCalledWith({ workspaceId: 'w-1' });
+        });
+        await waitFor(() => {
+            expect(picked).toBeDefined();
+        });
+        expect(picked?.sessionId).toBe('s-new');
+        expect(picked?.blank).toBe(true);
+        // The fresh row is prepended without waiting for a refetch.
+        expect(await screen.findByText('新会话')).toBeTruthy();
+    });
+    it('keeps the button disabled while a creation is in flight', async () => {
+        let resolveCreate = () => { };
+        createSessionMock.mockReturnValue(new Promise(resolve => { resolveCreate = resolve; }));
+        renderList();
+        await screen.findByText(/还没有会话/);
+        fireEvent.click(screen.getByRole('button', { name: '+ 新建会话' }));
+        const button = await screen.findByRole('button', { name: '创建中…' });
+        expect(button.hasAttribute('disabled')).toBe(true);
+        resolveCreate({ sessionId: 's-new' });
+        await waitFor(() => { expect(picked).toBeDefined(); });
+    });
+    it('shows the stale-host hint when creation is refused with HTTP 403', async () => {
+        createSessionMock.mockRejectedValue(new Error('HTTP 403'));
+        renderList();
+        await screen.findByText(/还没有会话/);
+        fireEvent.click(screen.getByRole('button', { name: '+ 新建会话' }));
+        expect(await screen.findByText(/HTTP 403/)).toBeTruthy();
+        expect(await screen.findByText(/重启 dsh web/)).toBeTruthy();
+        expect(picked).toBeUndefined();
+    });
+});

package/lib/types/mobile/views/WorkspaceView.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Landing level: the workspace roster. The mobile surface opens straight
+ * here — no new-session homepage — and every workspace row is a thin
+ * fetch from workspace.list (the roster is small; sessions are not loaded
+ * until a workspace is opened).
+ */
+import { useEffect, useState } from 'react';
+import { listWorkspaces } from "../api.js";
+import { errorText } from "./App.js";
+import { ThemeToggle } from "../theme-toggle.js";
+/**
+ * Render the workspace roster.
+ * @param props - the pick action.
+ * @returns the roster.
+ */
+export function WorkspaceView({ onPick }) {
+    const [items, setItems] = useState(undefined);
+    const [error, setError] = useState(undefined);
+    useEffect(() => {
+        let cancelled = false;
+        void listWorkspaces().then((rows) => {
+            if (cancelled)
+                return;
+            setItems(rows);
+        }, (reason) => {
+            if (cancelled)
+                return;
+            setError(errorText(reason));
+        });
+        return () => { cancelled = true; };
+    }, []);
+    if (error !== undefined) {
+        return (_jsxs("div", { className: "mobile", children: [_jsxs("header", { className: "mobile-header", children: [_jsx("h1", { className: "mobile-title", children: "\u5DE5\u4F5C\u533A" }), _jsx(ThemeToggle, {})] }), _jsxs("div", { className: "mobile-empty", children: [_jsxs("p", { className: "mobile-error", children: ["\u52A0\u8F7D\u5931\u8D25\uFF1A", error] }), _jsx("button", { type: "button", className: "mobile-button", onClick: () => { setError(undefined); setItems(undefined); }, children: "\u91CD\u8BD5" })] })] }));
+    }
+    if (items === undefined) {
+        return (_jsxs("div", { className: "mobile", children: [_jsxs("header", { className: "mobile-header", children: [_jsx("h1", { className: "mobile-title", children: "\u5DE5\u4F5C\u533A" }), _jsx(ThemeToggle, {})] }), _jsx("div", { className: "mobile-empty", children: _jsx("p", { className: "mobile-muted", children: "\u52A0\u8F7D\u4E2D\u2026" }) })] }));
+    }
+    if (items.length === 0) {
+        return (_jsxs("div", { className: "mobile", children: [_jsxs("header", { className: "mobile-header", children: [_jsx("h1", { className: "mobile-title", children: "\u5DE5\u4F5C\u533A" }), _jsx(ThemeToggle, {})] }), _jsx("div", { className: "mobile-empty", children: _jsx("p", { className: "mobile-muted", children: "\u6682\u65E0\u5DE5\u4F5C\u533A" }) })] }));
+    }
+    return (_jsxs("div", { className: "mobile", children: [_jsxs("header", { className: "mobile-header", children: [_jsx("h1", { className: "mobile-title", children: "\u5DE5\u4F5C\u533A" }), _jsx(ThemeToggle, {})] }), _jsx("ul", { className: "mobile-list", children: items.map(workspace => (_jsx("li", { children: _jsxs("button", { type: "button", className: "mobile-row", onClick: () => { onPick(workspace); }, children: [_jsx("span", { className: "mobile-rowTitle", children: workspace.title }), _jsx("span", { className: "mobile-rowMeta", children: workspace.path }), _jsx("span", { className: "mobile-chevron", children: "\u203A" })] }) }, workspace.workspaceId))) })] }));
+}

package/lib/types/mobile/views/WorkspaceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceView.js","sourceRoot":"","sources":["../../../../src/mobile/views/WorkspaceView.tsx"],"names":[],"mappings":"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"}

package/lib/types/mobile-api.js

@@ -0,0 +1,263 @@
+/**
+ * The mobile surface's data channel: `/m/api` proxies the host ApiProxy
+ * service for the standalone phone page. The phone's RPC calls ride THIS
+ * prefix instead of the connection plugin's `/api` — so the tunneled Host
+ * never needs to enter the connection trust fence (a distributable plugin
+ * cannot change that fence), and this plugin's own pairing gate is the
+ * access control instead.
+ *
+ * Security model:
+ * - Every request must carry a live paired-device cookie (the same gate
+ *   semantic as the LAN fence), enforced before any host call.
+ * - Only an explicit allowlist of methods is proxied; privileged domains
+ *   (settings, credentials, host actions, goals, subagents, …) are never
+ *   reachable from the phone.
+ * - `session.list` is paged here (the host API returns everything; this
+ *   layer slices stable pages) so the phone never transfers the whole list.
+ * - The live mux stream is bridged over Server-Sent Events on the same
+ *   prefix (one-directional push; answers to questions/approvals ride the
+ *   unary channel), gated identically.
+ */
+import { RpcId } from '@deepseek-ai/dsh-host-apiproxy/api/rpc';
+import { readCookie } from "./gate.js";
+/** Methods the phone surface may call. Everything else is refused. */
+const MOBILE_ALLOWLIST = new Set([
+    'workspace.list',
+    'session.create',
+    'session.list',
+    'session.history',
+    'session.search',
+    'session.prompt',
+    'session.models',
+    'session.selectModel',
+    'session.rename',
+]);
+/** One session.list page (thin phones load incrementally). */
+const SESSION_PAGE_SIZE = 20;
+/** Encode one list position as an opaque continuation cursor. */
+function sessionListCursor(updatedAt, sessionId) {
+    return `${updatedAt}:${sessionId}`;
+}
+/** Parse a cursor; malformed cursors mean "start over" (safe failure mode). */
+function parseSessionListCursor(cursor) {
+    const separator = cursor.indexOf(':');
+    if (separator < 0)
+        return undefined;
+    const updatedAt = Number(cursor.slice(0, separator));
+    if (!Number.isFinite(updatedAt))
+        return undefined;
+    return { updatedAt, sessionId: cursor.slice(separator + 1) };
+}
+/** Whether a row comes strictly after the cursor position. */
+function afterCursor(row, position) {
+    return row.updatedAt < position.updatedAt
+        || (row.updatedAt === position.updatedAt && row.sessionId > position.sessionId);
+}
+/** Mobile API route paths. */
+export const MOBILE_API_PATHS = {
+    events: '/m/api/events.mux',
+};
+/** The mobile-api prefix (every other path under it is a method name). */
+const MOBILE_API_PREFIX = '/m/api';
+/** Method extraction: the prefix plus one slash. */
+const MOBILE_API_METHOD_PREFIX = `${MOBILE_API_PREFIX}/`;
+/**
+ * Build the mobile data-channel routes.
+ * @param deps - pairing service + apiProxy.
+ * @returns the routes to register on webServer.
+ */
+export function makeMobileApiRoutes(deps) {
+    const { service, apiProxy } = deps;
+    /** The phone gate: a live paired-device cookie, or nothing else proceeds. */
+    const gateOk = (req) => {
+        const deviceId = readCookie(req.headers.cookie, service.config.cookieName);
+        return deviceId !== undefined && service.hasDevice(deviceId);
+    };
+    const writeJson = (res, status, body) => {
+        res.writeHead(status, { 'content-type': 'application/json; charset=utf-8' });
+        res.end(JSON.stringify(body));
+    };
+    const handleMethod = async (req, res) => {
+        if (req.method !== 'POST') {
+            res.writeHead(405);
+            res.end();
+            return;
+        }
+        if (!gateOk(req)) {
+            writeJson(res, 403, { ok: false, error: { code: 'unpaired', message: 'mobile session is not paired' } });
+            return;
+        }
+        const pathname = new URL(req.url ?? '/', 'http://x').pathname;
+        if (!pathname.startsWith(MOBILE_API_METHOD_PREFIX)) {
+            writeJson(res, 404, { ok: false, error: { code: 'not-found', message: 'unknown mobile api path' } });
+            return;
+        }
+        const method = pathname.slice(MOBILE_API_METHOD_PREFIX.length);
+        if (!MOBILE_ALLOWLIST.has(method)) {
+            writeJson(res, 403, { ok: false, error: { code: 'forbidden', message: `method ${method} is not exposed to the mobile surface` } });
+            return;
+        }
+        let envelope;
+        try {
+            envelope = await readJsonBody(req);
+        }
+        catch {
+            writeJson(res, 400, { ok: false, error: { code: 'bad-request', message: 'invalid json body' } });
+            return;
+        }
+        const parsed = envelope;
+        const rpcId = typeof parsed?.rpcId === 'string' ? parsed.rpcId : '';
+        if (rpcId === '') {
+            writeJson(res, 400, { ok: false, error: { code: 'bad-request', message: 'missing rpcId' } });
+            return;
+        }
+        try {
+            const response = await dispatch(apiProxy, method, parsed?.payload, rpcId);
+            writeJson(res, 200, response);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            writeJson(res, 200, {
+                type: 'server-response',
+                rpcId,
+                result: { ok: false, error: { code: 'internal', message } },
+            });
+        }
+    };
+    /** Bridge the host mux stream over SSE: one `data:` frame per mux frame. */
+    const handleEvents = async (req, res) => {
+        if (req.method !== 'GET') {
+            res.writeHead(405);
+            res.end();
+            return;
+        }
+        if (!gateOk(req)) {
+            res.writeHead(403);
+            res.end('forbidden');
+            return;
+        }
+        res.writeHead(200, {
+            'content-type': 'text/event-stream; charset=utf-8',
+            'cache-control': 'no-cache',
+            connection: 'keep-alive',
+        });
+        const controller = new AbortController();
+        let closed = false;
+        const heartbeat = setInterval(() => {
+            if (closed)
+                return;
+            try {
+                res.write(': ping\n\n');
+            }
+            catch {
+                // The write failed; the close handler tears the subscription down.
+            }
+        }, 15_000);
+        const onClose = () => {
+            if (closed)
+                return;
+            closed = true;
+            controller.abort();
+            clearInterval(heartbeat);
+        };
+        res.on('close', onClose);
+        req.on('close', onClose);
+        try {
+            const frames = apiProxy.events.mux({ rpcId: RpcId(`mobile-mux-${Date.now().toString(36)}`), payload: {} }, controller.signal);
+            for await (const frame of frames) {
+                if (closed)
+                    break;
+                res.write(`data: ${JSON.stringify(frame)}\n\n`);
+            }
+        }
+        catch {
+            // The stream ended or errored; the EventSource reconnects.
+        }
+        finally {
+            controller.abort();
+            clearInterval(heartbeat);
+        }
+        if (!closed)
+            res.end();
+    };
+    return [
+        { kind: 'prefix', path: MOBILE_API_PREFIX, handler: handleMethod },
+        { kind: 'exact', path: MOBILE_API_PATHS.events, handler: handleEvents },
+    ];
+}
+/** Read a request body as JSON (bounded). */
+async function readJsonBody(req) {
+    const chunks = [];
+    let size = 0;
+    for await (const chunk of req) {
+        const buffer = chunk;
+        size += buffer.length;
+        if (size > 64 * 1024)
+            throw new Error('body too large');
+        chunks.push(buffer);
+    }
+    return JSON.parse(Buffer.concat(chunks).toString('utf8'));
+}
+/** Dispatch one allowlisted method through the host ApiProxy. */
+async function dispatch(apiProxy, method, payload, rpcId) {
+    const request = { rpcId: RpcId(rpcId), payload };
+    if (method === 'session.list') {
+        const full = await apiProxy.sessions.list(request);
+        if (!full.result.ok)
+            return full;
+        const items = full.result.value.items;
+        const cursor = payload?.cursor;
+        // Every call pages (the first call with no cursor IS the first page):
+        // the phone must never transfer the whole session list at once.
+        // One stable page over (updatedAt desc, sessionId asc); pages never skip
+        // or repeat a row while the list changes between calls.
+        items.sort((a, b) => b.updatedAt - a.updatedAt
+            || (a.sessionId < b.sessionId ? -1 : a.sessionId > b.sessionId ? 1 : 0));
+        const position = cursor === undefined ? undefined : parseSessionListCursor(cursor);
+        const from = position === undefined ? 0 : items.findIndex(row => afterCursor(row, position));
+        const start = from < 0 ? items.length : from;
+        const page = items.slice(start, start + SESSION_PAGE_SIZE);
+        const last = page[page.length - 1];
+        const nextCursor = last !== undefined && start + page.length < items.length
+            ? sessionListCursor(last.updatedAt, last.sessionId)
+            : undefined;
+        return {
+            type: 'server-response',
+            rpcId,
+            result: {
+                ok: true,
+                value: {
+                    items: page,
+                    hasMore: nextCursor !== undefined,
+                    ...(nextCursor !== undefined ? { nextCursor } : {}),
+                },
+            },
+        };
+    }
+    // The ApiProxy unary methods resolve to the internal response shape
+    // ({ rpcId, result }) without the transport envelope the phone's callUnary
+    // requires — wrap every pass-through in the same 'server-response'
+    // envelope session.list builds above.
+    const wrap = (response) => ({
+        type: 'server-response',
+        rpcId,
+        result: response.result,
+    });
+    if (method === 'workspace.list')
+        return wrap(await apiProxy.workspace.list(request));
+    if (method === 'session.create')
+        return wrap(await apiProxy.sessions.create(request));
+    if (method === 'session.history')
+        return wrap(await apiProxy.sessions.history(request));
+    if (method === 'session.search')
+        return wrap(await apiProxy.sessions.search(request, new AbortController().signal));
+    if (method === 'session.prompt')
+        return wrap(await apiProxy.sessions.prompt(request));
+    if (method === 'session.models')
+        return wrap(await apiProxy.sessions.models(request));
+    if (method === 'session.selectModel')
+        return wrap(await apiProxy.sessions.selectModel(request));
+    if (method === 'session.rename')
+        return wrap(await apiProxy.sessions.rename(request));
+    throw new Error(`unhandled allowlisted method ${method}`);
+}

package/lib/types/mobile-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-api.js","sourceRoot":"","sources":["../../src/mobile-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAMH,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,sEAAsE;AACtE,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC;IAC/B,gBAAgB;IAChB,cAAc;IACd,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,qBAAqB;IACrB,gBAAgB;CACjB,CAAC,CAAA;AAEF,8DAA8D;AAC9D,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAE5B,iEAAiE;AACjE,SAAS,iBAAiB,CAAC,SAAiB,EAAE,SAAiB;IAC7D,OAAO,GAAG,SAAS,IAAI,SAAS,EAAE,CAAA;AACpC,CAAC;AAED,+EAA+E;AAC/E,SAAS,sBAAsB,CAAC,MAAc;IAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACrC,IAAI,SAAS,GAAG,CAAC;QAAE,OAAO,SAAS,CAAA;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACpD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,OAAO,SAAS,CAAA;IACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAA;AAC9D,CAAC;AAED,8DAA8D;AAC9D,SAAS,WAAW,CAAC,GAA6C,EAAE,QAAkD;IACpH,OAAO,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;WACpC,CAAC,GAAG,CAAC,SAAS,KAAK,QAAQ,CAAC,SAAS,IAAI,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;AACnF,CAAC;AAUD,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,mBAAmB;CACnB,CAAA;AAEV,0EAA0E;AAC1E,MAAM,iBAAiB,GAAG,QAAQ,CAAA;AAClC,oDAAoD;AACpD,MAAM,wBAAwB,GAAG,GAAG,iBAAiB,GAAG,CAAA;AAExD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAmB;IACrD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;IAElC,6EAA6E;IAC7E,MAAM,MAAM,GAAG,CAAC,GAAoB,EAAW,EAAE;QAC/C,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QAC1E,OAAO,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC9D,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,GAAmB,EAAE,MAAc,EAAE,IAAa,EAAQ,EAAE;QAC7E,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,cAAc,EAAE,iCAAiC,EAAE,CAAC,CAAA;QAC5E,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,KAAK,EAAE,GAAoB,EAAE,GAAmB,EAAiB,EAAE;QACtF,IAAI,GAAG,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC1B,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;YAClB,GAAG,CAAC,GAAG,EAAE,CAAA;YACT,OAAM;QACR,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,8BAA8B,EAAE,EAAE,CAAC,CAAA;YACxG,OAAM;QACR,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAA;QAC7D,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,wBAAwB,CAAC,EAAE,CAAC;YACnD,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAA;YACpG,OAAM;QACR,CAAC;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAA;QAC9D,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAClC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,MAAM,uCAAuC,EAAE,EAAE,CAAC,CAAA;YAClI,OAAM;QACR,CAAC;QACD,IAAI,QAAiB,CAAA;QACrB,IAAI,CAAC;YACH,QAAQ,GAAG,MAAM,YAAY,CAAC,GAAG,CAAC,CAAA;QACpC,CAAC;QAAC,MAAM,CAAC;YACP,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE,CAAC,CAAA;YAChG,OAAM;QACR,CAAC;QACD,MAAM,MAAM,GAAG,QAAkD,CAAA;QACjE,MAAM,KAAK,GAAG,OAAO,MAAM,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QACnE,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YACjB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,CAAC,CAAA;YAC5F,OAAM;QACR,CAAC;QACD,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;YACzE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;QAC/B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACtE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE;gBAClB,IAAI,EAAE,iBAAiB;gBACvB,KAAK;gBACL,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE;aAC5D,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,4EAA4E;IAC5E,MAAM,YAAY,GAAG,KAAK,EAAE,GAAoB,EAAE,GAAmB,EAAiB,EAAE;QACtF,IAAI,GAAG,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACzB,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;YAClB,GAAG,CAAC,GAAG,EAAE,CAAA;YACT,OAAM;QACR,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;YAClB,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;YACpB,OAAM;QACR,CAAC;QACD,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;YACjB,cAAc,EAAE,kCAAkC;YAClD,eAAe,EAAE,UAAU;YAC3B,UAAU,EAAE,YAAY;SACzB,CAAC,CAAA;QACF,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,IAAI,eAAe,EAAE,CAAC,MAAM,CAAC,CAAA;QACxI,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAA,CAAC,CAAC,CAAC,CAAA;QACxC,IAAI,CAAC;YACH,IAAI,KAAK,EAAE,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;gBACjC,IAAI,MAAM;oBAAE,MAAK;gBACjB,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,2DAA2D;QAC7D,CAAC;QACD,IAAI,CAAC,MAAM;YAAE,GAAG,CAAC,GAAG,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO;QACL,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,YAAY,EAAE;QAClE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE;KACxE,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,KAAK,UAAU,YAAY,CAAC,GAAoB;IAC9C,MAAM,MAAM,GAAa,EAAE,CAAA;IAC3B,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,IAAI,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,KAAe,CAAA;QAC9B,IAAI,IAAI,MAAM,CAAC,MAAM,CAAA;QACrB,IAAI,IAAI,GAAG,EAAE,GAAG,IAAI;YAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAA;QACvD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrB,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;AAC3D,CAAC;AAED,iEAAiE;AACjE,KAAK,UAAU,QAAQ,CAAC,QAAkB,EAAE,MAAc,EAAE,OAAgB,EAAE,KAAa;IACzF,MAAM,OAAO,GAAwB,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACrE,IAAI,MAAM,KAAK,cAAc,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAgB,CAAC,CAAA;QAC3D,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YAAE,OAAO,IAAI,CAAA;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAwD,CAAA;QACxF,MAAM,MAAM,GAAI,OAA2C,EAAE,MAAM,CAAA;QACnE,sEAAsE;QACtE,gEAAgE;QAChE,yEAAyE;QACzE,wDAAwD;QACxD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS;eACzC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,QAAQ,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;QAClF,MAAM,IAAI,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;QAC5F,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,iBAAiB,CAAC,CAAA;QAC1D,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAClC,MAAM,UAAU,GAAG,IAAI,KAAK,SAAS,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YACzE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;YACnD,CAAC,CAAC,SAAS,CAAA;QACb,OAAO;YACL,IAAI,EAAE,iBAAiB;YACvB,KAAK;YACL,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI;gBACR,KAAK,EAAE;oBACL,KAAK,EAAE,IAAI;oBACX,OAAO,EAAE,UAAU,KAAK,SAAS;oBACjC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBACpD;aACF;SACF,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,2EAA2E;IAC3E,mEAAmE;IACnE,sCAAsC;IACtC,MAAM,IAAI,GAAG,CAAC,QAA4C,EAAW,EAAE,CAAC,CAAC;QACvE,IAAI,EAAE,iBAA0B;QAChC,KAAK;QACL,MAAM,EAAE,QAAQ,CAAC,MAAM;KACxB,CAAC,CAAA;IACF,IAAI,MAAM,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAgB,CAAC,CAAC,CAAA;IAC7F,IAAI,MAAM,KAAK,iBAAiB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAgB,CAAC,CAAC,CAAA;IAChG,IAAI,MAAM,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAgB,EAAE,IAAI,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5H,IAAI,MAAM,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAgB,CAAC,CAAC,CAAA;IAC9F,IAAI,MAAM,KAAK,qBAAqB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAgB,CAAC,CAAC,CAAA;IACxG,IAAI,MAAM,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC,MAAM,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAgB,CAAC,CAAC,CAAA;IAC9F,MAAM,IAAI,KAAK,CAAC,gCAAgC,MAAM,EAAE,CAAC,CAAA;AAC3D,CAAC"}

package/lib/types/mobile-routes.js

@@ -0,0 +1,71 @@
+/**
+ * The mobile surface's page routes: `/m` serves the standalone phone UI
+ * (an independent bundle, built to lib/mobile.js by the mobile tsdown
+ * entry), `/m/mobile.js` serves the bundle itself. The page talks to the
+ * host exclusively through the shared /api transport (paired-device cookie
+ * already crosses the api/gate fence), so no host-side data plumbing is
+ * needed here — only static serving, loopback+paired-fence via the normal
+ * webserver route registration.
+ */
+import { readFile } from 'node:fs/promises';
+import { existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+/** The standalone mobile bundle (built artifact, next to this file's own lib output). */
+function mobileBundlePath() {
+    return fileURLToPath(new URL('../lib/mobile.js', import.meta.url));
+}
+/** The mobile page shell: minimal, offline-safe, no external assets. */
+function pageHtml(bundleUrl) {
+    return [
+        '<!doctype html>',
+        '<html lang="zh-CN">',
+        '<head>',
+        '<meta charset="utf-8">',
+        '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">',
+        '<meta name="theme-color" content="#f3f5f9">',
+        '<meta name="referrer" content="no-referrer">',
+        '<title>移动端远程控制</title>',
+        '</head>',
+        '<body>',
+        '<div id="root"></div>',
+        `<script type="module" src="${bundleUrl}"></script>`,
+        '</body>',
+        '</html>',
+    ].join('');
+}
+/** Send a small static body with cache headers (the bundle is content-hashed by rebuild). */
+function writeStatic(res, status, type, body) {
+    res.writeHead(status, {
+        'content-type': `${type}; charset=utf-8`,
+        'cache-control': 'no-cache',
+        'referrer-policy': 'no-referrer',
+    });
+    res.end(body);
+}
+/**
+ * Build the mobile page routes.
+ * @returns the two exact routes to register on webServer.
+ */
+export function makeMobileRoutes() {
+    const handlePage = (_req, res) => {
+        writeStatic(res, 200, 'text/html', pageHtml('/m/mobile.js'));
+    };
+    const handleBundle = async (_req, res) => {
+        const path = mobileBundlePath();
+        if (!existsSync(path)) {
+            writeStatic(res, 503, 'text/plain', 'mobile bundle not built: run pnpm --filter @linxin666/dsh-remote-web-ui build');
+            return;
+        }
+        try {
+            const body = await readFile(path, 'utf8');
+            writeStatic(res, 200, 'text/javascript', body);
+        }
+        catch {
+            writeStatic(res, 500, 'text/plain', 'failed to read the mobile bundle');
+        }
+    };
+    return [
+        { kind: 'exact', path: '/m', handler: handlePage },
+        { kind: 'exact', path: '/m/mobile.js', handler: handleBundle },
+    ];
+}

package/lib/types/mobile-routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-routes.js","sourceRoot":"","sources":["../../src/mobile-routes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAIxC,yFAAyF;AACzF,SAAS,gBAAgB;IACvB,OAAO,aAAa,CAAC,IAAI,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AACpE,CAAC;AAED,wEAAwE;AACxE,SAAS,QAAQ,CAAC,SAAiB;IACjC,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,QAAQ;QACR,wBAAwB;QACxB,6HAA6H;QAC7H,6CAA6C;QAC7C,wBAAwB;QACxB,SAAS;QACT,QAAQ;QACR,uBAAuB;QACvB,8BAA8B,SAAS,aAAa;QACpD,SAAS;QACT,SAAS;KACV,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACZ,CAAC;AAED,6FAA6F;AAC7F,SAAS,WAAW,CAAC,GAAmB,EAAE,MAAc,EAAE,IAAY,EAAE,IAAY;IAClF,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE;QACpB,cAAc,EAAE,GAAG,IAAI,iBAAiB;QACxC,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAA;IACF,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,UAAU,GAAG,CAAC,IAAqB,EAAE,GAAmB,EAAQ,EAAE;QACtE,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAA;IAC9D,CAAC,CAAA;IACD,MAAM,YAAY,GAAG,KAAK,EAAE,IAAqB,EAAE,GAAmB,EAAiB,EAAE;QACvF,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAA;QAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,iFAAiF,CAAC,CAAA;YACtH,OAAM;QACR,CAAC;QACD,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;YACzC,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,CAAC,CAAA;QAChD,CAAC;QAAC,MAAM,CAAC;YACP,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,kCAAkC,CAAC,CAAA;QACzE,CAAC;IACH,CAAC,CAAA;IACD,OAAO;QACL,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE;QAClD,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;KAC/D,CAAA;AACH,CAAC"}