@linxin666/dsh-remote-web-ui 0.1.19 → 0.2.0

package/lib/types/mobile/pairing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pairing.d.ts","sourceRoot":"","sources":["../../../src/mobile/pairing.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAE3F,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,gBAAgB,GACxB;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GACZ;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAElC,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAIrD,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAgB/E;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,mFAAmF;AACnF,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,SAAiB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAc3G;AAED,wFAAwF;AACxF,wBAAsB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,SAAiB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAejH"}

package/lib/types/mobile/pairing.js

@@ -0,0 +1,62 @@
+const MOBILE_ROOT = '/m/';
+/** Parse a pairing token or a copied pairing link without following its origin. */
+export function parseMobilePairInput(value) {
+    const trimmed = value.trim();
+    if (trimmed === '')
+        return undefined;
+    try {
+        const url = new URL(trimmed);
+        const token = url.searchParams.get('pair');
+        if (token === null || token === '')
+            return undefined;
+        const workspaceId = url.searchParams.get('workspace');
+        return {
+            token,
+            ...(workspaceId !== null && workspaceId !== '' ? { workspaceId } : {}),
+        };
+    }
+    catch {
+        return { token: trimmed };
+    }
+}
+/** Build the safe, token-free mobile destination after successful pairing. */
+export function mobilePairPath(workspaceId) {
+    return workspaceId === undefined ? MOBILE_ROOT : MOBILE_ROOT + '?workspace=' + encodeURIComponent(workspaceId);
+}
+/** Accept one pairing token on this exact browser or installed-web-app context. */
+export async function acceptMobilePair(token, fetcher = fetch) {
+    try {
+        const response = await fetcher('/api/pair/accept', {
+            method: 'POST',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify({ token }),
+        });
+        if (response.ok)
+            return { ok: true };
+        if (response.status === 404)
+            return { ok: false, message: '配对链接无效或已过期。' };
+        if (response.status === 409)
+            return { ok: false, message: '配对链接已被使用。' };
+        return { ok: false, message: '此设备无法使用该配对链接。' };
+    }
+    catch {
+        return { ok: false, message: '无法连接到配对服务。' };
+    }
+}
+/** Consume a QR pairing token before the mobile application starts making RPC calls. */
+export async function consumeMobilePairUrl(href, fetcher = fetch) {
+    let url;
+    try {
+        url = new URL(href);
+    }
+    catch {
+        return { kind: 'none' };
+    }
+    const token = url.searchParams.get('pair');
+    if (token === null || token === '')
+        return { kind: 'none' };
+    const workspaceId = url.searchParams.get('workspace');
+    const path = mobilePairPath(workspaceId === null || workspaceId === '' ? undefined : workspaceId);
+    const result = await acceptMobilePair(token, fetcher);
+    return result.ok ? { kind: 'accepted', path } : { kind: 'failed', path, message: result.message };
+}

package/lib/types/mobile/rpc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rpc.d.ts","sourceRoot":"","sources":["../../../src/mobile/rpc.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,0EAA0E;AAC1E,qBAAa,iBAAkB,SAAQ,KAAK;gBAC9B,OAAO,EAAE,MAAM;CAI5B;AAED,kEAAkE;AAClE,qBAAa,YAAa,SAAQ,KAAK;IACrC,iDAAiD;IACjD,QAAQ,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;gBAErC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;CAKrD;AAID,8EAA8E;AAC9E,wBAAgB,SAAS,IAAI,MAAM,CAMlC;AAED;;;;;;;;;GASG;AACH,wBAAsB,SAAS,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,CAAC,CAAC,CAmCZ"}
+{"version":3,"file":"rpc.d.ts","sourceRoot":"","sources":["../../../src/mobile/rpc.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,0EAA0E;AAC1E,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,YAAY,OAAO,EAAE,MAAM,EAG1B;CACF;AAED,kEAAkE;AAClE,qBAAa,YAAa,SAAQ,KAAK;IACrC,iDAAiD;IACjD,QAAQ,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;IAEjD,YAAY,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAInD;CACF;AAID,8EAA8E;AAC9E,wBAAgB,SAAS,IAAI,MAAM,CAMlC;AAED;;;;;;;;;GASG;AACH,wBAAsB,SAAS,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,CAAC,CAAC,CAmCZ"}

package/lib/types/mobile/theme-toggle.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * mode); the choice persists across visits.
  */
 import { useSyncExternalStore } from 'react';
-import { getMobileTheme, subscribeMobileTheme, toggleMobileTheme } from "./mobile-theme.js";
+import { getMobileTheme, subscribeMobileTheme, toggleMobileTheme } from './mobile-theme.js';
 /** Sun glyph: circle + eight rays (inline SVG, no emoji). */
 function SunIcon() {
     return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", "aria-hidden": true, children: [_jsx("circle", { cx: "12", cy: "12", r: "4.2" }), _jsx("path", { d: "M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5 5l1.7 1.7M17.3 17.3 19 19M19 5l-1.7 1.7M6.7 17.3 5 19" })] }));

package/lib/types/mobile/views/App.d.ts

@@ -14,17 +14,6 @@ export interface SessionView {
     running: boolean;
     blank: boolean;
 }
-/** One rendered chat message (produced by the fold). */
-export interface RenderMessage {
-    id: string;
-    kind: 'user' | 'assistant';
-    text: string;
-    seq: number;
-    time: number;
-    pending?: boolean;
-    failed?: boolean;
-    toolSummary?: string;
-}
 /** Read the optional workspace target carried from the pairing QR flow. */
 export declare function mobileWorkspaceTarget(search: string): string | undefined;
 /** Map a list row to the surface model; the title comes from projections when present. */
@@ -40,11 +29,18 @@ export declare function toSessionView(item: {
 }): SessionView;
 /** Human clock, e.g. "14:05" or "昨天 20:31". */
 export declare function formatTime(epochMs: number): string;
-/**
- * The surface root.
- * @returns the app tree.
- */
-export declare function App(): import("react").JSX.Element;
+/** Props accepted by the mobile root before it begins paired-device RPC calls. */
+export interface AppProps {
+    initialPairError?: string;
+}
+/** Whether the mobile gateway rejected this browser for lack of a paired cookie. */
+export declare function isUnpairedMobileError(error: unknown): boolean;
+/** The result of probing the paired-device-only mobile preference endpoint. */
+export type MobilePairState = 'checking' | 'paired' | 'unpaired' | 'unavailable';
+/** Classify an initial mobile preference failure without treating outage as authorization. */
+export declare function mobilePairStateForError(error: unknown): Extract<MobilePairState, 'unpaired' | 'unavailable'>;
+/** Gate the independent mobile bundle until its own browser context is paired. */
+export declare function App({ initialPairError }: AppProps): import("react").JSX.Element;
 /** Shared error text for the surface's small failure affordances. */
 export declare function errorText(error: unknown): string;
 /**

package/lib/types/mobile/views/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/mobile/views/App.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAA2B,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAazF,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,wDAAwD;AACxD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGxE;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAA;CACnD,GAAG,WAAW,CAad;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CASlD;AAED;;;GAGG;AACH,wBAAgB,GAAG,gCA4DlB;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKhD;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIjE;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,4CAEtF;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/mobile/views/App.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAmD,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAcjH,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGxE;AAED,0FAA0F;AAC1F,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAClC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAA;CACnD,GAAG,WAAW,CAad;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CASlD;AAED,kFAAkF;AAClF,MAAM,WAAW,QAAQ;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,oFAAoF;AACpF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAE7D;AAED,+EAA+E;AAC/E,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,8FAA8F;AAC9F,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,CAE5G;AAED,kFAAkF;AAClF,wBAAgB,GAAG,CAAC,EAAE,gBAAgB,EAAE,EAAE,QAAQ,+BA4BjD;AAiED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAKhD;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIjE;AAED,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,4CAEtF;AAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,CAAA"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Mobile surface root: the view state machine (workspaces → sessions →
  * chat) and the top-level data flows. Deliberately plain React state — no
@@ -6,12 +6,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * affordance, and every piece of data is fetched on demand.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { history as fetchHistory, listSessions, listWorkspaces, prompt } from "../api.js";
-import { MuxClient } from "../mux.js";
-import { RpcCallError, RpcTransportError } from "../rpc.js";
-import { ChatView } from "./ChatView.js";
-import { SessionListView } from "./SessionListView.js";
-import { WorkspaceView as WorkspaceRoster } from "./WorkspaceView.js";
+import { fetchMobilePreferences, history as fetchHistory, listSessions, listWorkspaces, prompt } from '../api.js';
+import { MuxClient } from '../mux.js';
+import { RpcCallError, RpcTransportError } from '../rpc.js';
+import { ChatView } from './ChatView.js';
+import { SessionListView } from './SessionListView.js';
+import { WorkspaceView as WorkspaceRoster } from './WorkspaceView.js';
+import { PairRequiredView } from '../PairRequiredView.js';
 /** Read the optional workspace target carried from the pairing QR flow. */
 export function mobileWorkspaceTarget(search) {
     const value = new URLSearchParams(search).get('workspace');
@@ -45,11 +46,37 @@ export function formatTime(epochMs) {
         return `昨天 ${clock}`;
     return `${String(date.getMonth() + 1)}月${String(date.getDate())}日 ${clock}`;
 }
-/**
- * The surface root.
- * @returns the app tree.
- */
-export function App() {
+/** Whether the mobile gateway rejected this browser for lack of a paired cookie. */
+export function isUnpairedMobileError(error) {
+    return error instanceof RpcTransportError && error.message === 'HTTP 403';
+}
+/** Classify an initial mobile preference failure without treating outage as authorization. */
+export function mobilePairStateForError(error) {
+    return isUnpairedMobileError(error) ? 'unpaired' : 'unavailable';
+}
+/** Gate the independent mobile bundle until its own browser context is paired. */
+export function App({ initialPairError }) {
+    const [pairState, setPairState] = useState('checking');
+    useEffect(() => {
+        let current = true;
+        void fetchMobilePreferences().then(() => { if (current)
+            setPairState('paired'); }, (error) => { if (current)
+            setPairState(mobilePairStateForError(error)); });
+        return () => { current = false; };
+    }, []);
+    if (pairState === 'checking') {
+        return _jsx("main", { className: "mobile mobile-empty", children: _jsx("p", { className: "mobile-muted", children: "\u6B63\u5728\u8FDE\u63A5..." }) });
+    }
+    if (pairState === 'unpaired') {
+        return _jsx(PairRequiredView, { initialError: initialPairError, onPaired: (path) => { window.location.replace(path); } });
+    }
+    if (pairState === 'unavailable') {
+        return (_jsxs("main", { className: "mobile mobile-empty", children: [_jsx("p", { className: "mobile-error", role: "alert", children: "\u65E0\u6CD5\u8FDE\u63A5\u5230\u8FD0\u884C\u4E2D\u7684 DSH host\u3002" }), _jsx("button", { className: "mobile-new", type: "button", onClick: () => { window.location.reload(); }, children: "\u91CD\u8BD5" })] }));
+    }
+    return _jsx(PairedApp, {});
+}
+/** The existing remote mobile surface, mounted only after device pairing succeeds. */
+function PairedApp() {
     const [route, setRoute] = useState({ kind: 'workspaces' });
     const [initialWorkspaceId, setInitialWorkspaceId] = useState(() => mobileWorkspaceTarget(window.location.search));
     const muxRef = useRef(undefined);

package/lib/types/mobile/views/App.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=App.test.d.ts.map

package/lib/types/mobile/views/App.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.test.d.ts","sourceRoot":"","sources":["../../../../src/mobile/views/App.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor } from '@testing-library/react';
+import { RpcTransportError } from '../rpc.js';
+const api = vi.hoisted(() => ({
+    fetchMobilePreferences: vi.fn(),
+    history: vi.fn(),
+    listSessions: vi.fn(),
+    listWorkspaces: vi.fn(),
+    prompt: vi.fn(),
+}));
+vi.mock('../api.ts', () => api);
+vi.mock('../mux.ts', () => ({
+    MuxClient: class {
+        start() { }
+        stop() { }
+        observe() { }
+    },
+}));
+vi.mock('./WorkspaceView.tsx', () => ({ WorkspaceView: () => _jsx("div", { children: "workspace-ready" }) }));
+vi.mock('./SessionListView.tsx', () => ({ SessionListView: () => _jsx("div", { children: "sessions-ready" }) }));
+vi.mock('./ChatView.tsx', () => ({ ChatView: () => _jsx("div", { children: "chat-ready" }) }));
+import { App, mobilePairStateForError } from './App.js';
+afterEach(() => {
+    cleanup();
+    vi.clearAllMocks();
+});
+describe('mobile paired-device gate', () => {
+    it('distinguishes a missing paired cookie from a transport outage', () => {
+        expect(mobilePairStateForError(new RpcTransportError('HTTP 403'))).toBe('unpaired');
+        expect(mobilePairStateForError(new RpcTransportError('HTTP 503'))).toBe('unavailable');
+        expect(mobilePairStateForError(new Error('offline'))).toBe('unavailable');
+    });
+    it('keeps a valid paired context usable after a failed QR token', async () => {
+        api.fetchMobilePreferences.mockResolvedValue({ mobileEnterToSend: true });
+        render(_jsx(App, { initialPairError: "\u914D\u5BF9\u94FE\u63A5\u5DF2\u88AB\u4F7F\u7528\u3002" }));
+        await waitFor(() => expect(screen.getByText('workspace-ready')).toBeDefined());
+        expect(screen.queryByRole('alert')).toBeNull();
+    });
+    it('shows the pairing screen only when the mobile gateway rejects the device', async () => {
+        api.fetchMobilePreferences.mockRejectedValue(new RpcTransportError('HTTP 403'));
+        render(_jsx(App, { initialPairError: "\u914D\u5BF9\u94FE\u63A5\u5DF2\u88AB\u4F7F\u7528\u3002" }));
+        await waitFor(() => expect(screen.getByRole('alert').textContent).toContain('配对链接已被使用。'));
+    });
+    it('shows a retryable connection failure rather than mounting remote views on outage', async () => {
+        api.fetchMobilePreferences.mockRejectedValue(new RpcTransportError('HTTP 503'));
+        render(_jsx(App, {}));
+        await waitFor(() => expect(screen.getByRole('alert').textContent).toContain('无法连接到运行中的 DSH host。'));
+        expect(screen.queryByText('workspace-ready')).toBeNull();
+    });
+});

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

@@ -12,12 +12,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *   permission pickers, both as bottom sheets.
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { loadHistory, prompt } from "./App.js";
-import { errorText, formatTime, staleHostHint } from "./App.js";
-import { fetchMobilePreferences, models, selectModel, sendCommand } from "../api.js";
-import { foldEvents } from "../messages.js";
-import { renderMarkdown } from "../markdown.js";
-import { ThemeToggle } from "../theme-toggle.js";
+import { loadHistory, prompt } from './App.js';
+import { errorText, formatTime, staleHostHint } from './App.js';
+import { fetchMobilePreferences, models, selectModel, sendCommand } from '../api.js';
+import { foldEvents } from '../messages.js';
+import { renderMarkdown } from '../markdown.js';
+import { ThemeToggle } from '../theme-toggle.js';
 /**
  * Hard cap on live events buffered while the initial history tail page is in
  * flight. Beyond this the oldest buffered event is dropped and a follow-up

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** ChatView: collapsible message folds, toolbar chips, and the bottom sheets. */
 import { afterAll, afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
 import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { ChatView, MAX_TAIL_BUFFER_EVENTS } from "./ChatView.js";
+import { ChatView, MAX_TAIL_BUFFER_EVENTS } from './ChatView.js';
 // The api module is fully mocked; App.tsx's history wrapper is overridden to
 // feed fixed history pages, its pure helpers (errorText / formatTime) stay real.
 vi.mock('../api.ts', () => ({
@@ -20,8 +20,8 @@ vi.mock('./App.tsx', async (importOriginal) => {
         prompt: vi.fn(async () => { }),
     };
 });
-import { fetchMobilePreferences, models, selectModel, sendCommand } from "../api.js";
-import { loadHistory, prompt } from "./App.js";
+import { fetchMobilePreferences, models, selectModel, sendCommand } from '../api.js';
+import { loadHistory, prompt } from './App.js';
 const session = {
     sessionId: 's-1',
     title: '测试会话',

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

@@ -12,9 +12,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 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";
+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);

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

@@ -3,14 +3,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** 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";
+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";
+import { createSession, listSessions, listWorkspaces } from '../api.js';
 const listSessionsMock = vi.mocked(listSessions);
 const listWorkspacesMock = vi.mocked(listWorkspaces);
 const createSessionMock = vi.mocked(createSession);

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

@@ -6,9 +6,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 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";
+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.

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

@@ -3,12 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** Mobile workspace landing: roster rendering and QR deep-link selection. */
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import { cleanup, render, screen, waitFor } from '@testing-library/react';
-import { mobileWorkspaceTarget } from "./App.js";
-import { WorkspaceView } from "./WorkspaceView.js";
+import { mobileWorkspaceTarget } from './App.js';
+import { WorkspaceView } from './WorkspaceView.js';
 vi.mock('../api.ts', () => ({
     listWorkspaces: vi.fn(),
 }));
-import { listWorkspaces } from "../api.js";
+import { listWorkspaces } from '../api.js';
 const listWorkspacesMock = vi.mocked(listWorkspaces);
 const workspaces = [
     {

package/lib/types/mobile-api.d.ts

@@ -34,7 +34,7 @@ export interface MobileApiDeps {
 }
 /** Mobile API route paths. */
 export declare const MOBILE_API_PATHS: {
-    readonly events: "/m/api/events.mux";
+    readonly events: '/m/api/events.mux';
 };
 /**
  * Build the mobile data-channel routes.

package/lib/types/mobile-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-api.d.ts","sourceRoot":"","sources":["../../src/mobile-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAG9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAgDlD,iCAAiC;AACjC,MAAM,WAAW,aAAa;IAC5B,uDAAuD;IACvD,OAAO,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,QAAQ,EAAE,QAAQ,CAAA;IAClB,kEAAkE;IAClE,iBAAiB,EAAE,MAAM,OAAO,CAAA;IAChC,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,8BAA8B;AAC9B,eAAO,MAAM,gBAAgB;;CAEnB,CAAA;AAOV;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,aAAa,GAAG,QAAQ,EAAE,CA6InE"}
+{"version":3,"file":"mobile-api.d.ts","sourceRoot":"","sources":["../../src/mobile-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAG9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAiDlD,iCAAiC;AACjC,MAAM,WAAW,aAAa;IAC5B,uDAAuD;IACvD,OAAO,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,QAAQ,EAAE,QAAQ,CAAA;IAClB,kEAAkE;IAClE,iBAAiB,EAAE,MAAM,OAAO,CAAA;IAChC,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,8BAA8B;AAC9B,eAAO,MAAM,gBAAgB;aAC3B,MAAM,EAAE,mBAAmB;CACnB,CAAA;AAOV;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,aAAa,GAAG,QAAQ,EAAE,CA4InE"}

package/lib/types/mobile-api.js

@@ -19,7 +19,8 @@
  *   unary channel), gated identically.
  */
 import { RpcId } from '@deepseek-ai/dsh-host-apiproxy/api/rpc';
-import { readCookie } from "./gate.js";
+import { readBoundedJson, writeJson } from './http.js';
+import { readCookie } from './gate.js';
 /** Methods the phone surface may call. Everything else is refused. */
 const MOBILE_ALLOWLIST = new Set([
     'workspace.list',
@@ -95,10 +96,6 @@ export function makeMobileApiRoutes(deps) {
     const gateOk = (req) => {
         return touchDeviceFor(req);
     };
-    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);
@@ -143,7 +140,12 @@ export function makeMobileApiRoutes(deps) {
             return;
         }
         try {
-            const response = await dispatch(apiProxy, method, parsed?.payload, rpcId);
+            // Cancel the host-side work when the phone goes away mid-call (the
+            // response stream closing before we answer means nobody is listening).
+            const abort = new AbortController();
+            res.on('close', () => { if (!res.writableEnded)
+                abort.abort(); });
+            const response = await dispatch(apiProxy, method, parsed?.payload, rpcId, abort.signal);
             writeJson(res, 200, response);
         }
         catch (error) {
@@ -222,19 +224,10 @@ export function makeMobileApiRoutes(deps) {
 }
 /** 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'));
+    return readBoundedJson(req, 64 * 1024);
 }
 /** Dispatch one allowlisted method through the host ApiProxy. */
-async function dispatch(apiProxy, method, payload, rpcId) {
+async function dispatch(apiProxy, method, payload, rpcId, signal) {
     const request = { rpcId: RpcId(rpcId), payload };
     if (method === 'session.list') {
         const full = await apiProxy.sessions.list(request);
@@ -285,7 +278,7 @@ async function dispatch(apiProxy, method, payload, rpcId) {
     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));
+        return wrap(await apiProxy.sessions.search(request, signal ?? new AbortController().signal));
     if (method === 'session.prompt')
         return wrap(await apiProxy.sessions.prompt(request));
     if (method === 'session.models')

package/lib/types/mobile-pwa.d.ts

@@ -0,0 +1,6 @@
+/** PWA registration for the standalone /m mobile surface. */
+export declare const MOBILE_PWA_SCOPE = "/m/";
+export declare const MOBILE_SERVICE_WORKER_URL = "/m/service-worker.js";
+/** Register the mobile shell worker when the current browser supports it. */
+export declare function registerMobilePwa(serviceWorker?: Pick<ServiceWorkerContainer, 'register'> | undefined): Promise<void>;
+//# sourceMappingURL=mobile-pwa.d.ts.map

package/lib/types/mobile-pwa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-pwa.d.ts","sourceRoot":"","sources":["../../src/mobile-pwa.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AACrC,eAAO,MAAM,yBAAyB,yBAAyB,CAAA;AAE/D,6EAA6E;AAC7E,wBAAsB,iBAAiB,CACrC,aAAa,GAAE,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG,SAAkF,GAC3I,OAAO,CAAC,IAAI,CAAC,CAWf"}

package/lib/types/mobile-pwa.js

@@ -0,0 +1,17 @@
+/** PWA registration for the standalone /m mobile surface. */
+export const MOBILE_PWA_SCOPE = '/m/';
+export const MOBILE_SERVICE_WORKER_URL = '/m/service-worker.js';
+/** Register the mobile shell worker when the current browser supports it. */
+export async function registerMobilePwa(serviceWorker = typeof navigator === 'undefined' ? undefined : navigator.serviceWorker) {
+    if (serviceWorker === undefined)
+        return;
+    try {
+        await serviceWorker.register(MOBILE_SERVICE_WORKER_URL, {
+            scope: MOBILE_PWA_SCOPE,
+            updateViaCache: 'none',
+        });
+    }
+    catch {
+        // HTTP LAN origins cannot register workers; the online mobile UI still works.
+    }
+}

package/lib/types/mobile-routes.d.ts

@@ -1,16 +1,13 @@
 /**
- * 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.
+ * The mobile surface's page routes: /m canonicalizes to /m/, which serves the
+ * standalone phone UI. The page and worker live in the /m/ scope so the PWA
+ * can cache only its static shell; the paired-device data channel remains at
+ * /m/api and is never handled by the worker.
  */
 import type { WebRoute } from '@deepseek-ai/dsh-host-webserver';
 /**
  * Build the mobile page routes.
- * @returns the two exact routes to register on webServer.
+ * @returns Exact routes for the canonical page, static shell, and PWA assets.
  */
 export declare function makeMobileRoutes(): WebRoute[];
 //# sourceMappingURL=mobile-routes.d.ts.map

package/lib/types/mobile-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-routes.d.ts","sourceRoot":"","sources":["../../src/mobile-routes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAwD/D;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAmC7C"}
+{"version":3,"file":"mobile-routes.d.ts","sourceRoot":"","sources":["../../src/mobile-routes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAwH/D;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,QAAQ,EAAE,CAyE7C"}