@linxin666/dsh-remote-web-ui 0.3.5 → 0.3.9

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

@@ -1,150 +0,0 @@
-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
- * router, no state library: the surface is three fixed levels with a back
- * affordance, and every piece of data is fetched on demand.
- */
-import { useCallback, useEffect, useRef, useState } from 'react';
-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');
-    return value === null || value === '' ? undefined : value;
-}
-/** Map a list row to the surface model; the title comes from projections when present. */
-export function toSessionView(item) {
-    const titleValue = item.projections?.values?.title;
-    const title = typeof titleValue === 'string' && titleValue !== ''
-        ? titleValue
-        : item.cwd !== undefined ? item.cwd.split('/').filter(Boolean).at(-1) ?? item.cwd : '新会话';
-    return {
-        sessionId: item.sessionId,
-        title,
-        ...(item.cwd !== undefined ? { cwd: item.cwd } : {}),
-        updatedAt: item.updatedAt,
-        running: item.running,
-        blank: item.blank,
-    };
-}
-/** Human clock, e.g. "14:05" or "昨天 20:31". */
-export function formatTime(epochMs) {
-    const date = new Date(epochMs);
-    const clock = `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
-    const today = new Date();
-    if (date.toDateString() === today.toDateString())
-        return clock;
-    const yesterday = new Date(today);
-    yesterday.setDate(today.getDate() - 1);
-    if (date.toDateString() === yesterday.toDateString())
-        return `昨天 ${clock}`;
-    return `${String(date.getMonth() + 1)}月${String(date.getDate())}日 ${clock}`;
-}
-/** 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);
-    // The mux stream lives for the page lifetime: session events keep the
-    // open chat live, and reconnect is automatic.
-    useEffect(() => {
-        const mux = new MuxClient();
-        muxRef.current = mux;
-        mux.start();
-        return () => { mux.stop(); };
-    }, []);
-    // Keep the live-event client pointed at the session currently on screen so
-    // its polling fallback can keep that chat fresh over SSE-impairing tunnels
-    // (quick tunnel / Tailscale Serve do not forward Server-Sent Events).
-    useEffect(() => {
-        muxRef.current?.observe(route.kind === 'chat' ? route.session.sessionId : undefined);
-    }, [route]);
-    const back = useCallback(() => {
-        setRoute(previous => {
-            if (previous.kind === 'chat')
-                return { kind: 'sessions', workspace: previous.workspace };
-            if (previous.kind === 'sessions')
-                return { kind: 'workspaces' };
-            return previous;
-        });
-    }, []);
-    const openChat = useCallback((session, workspace) => {
-        setRoute({ kind: 'chat', session, workspace });
-    }, []);
-    const openWorkspace = useCallback((workspace) => {
-        if (initialWorkspaceId !== undefined) {
-            const url = new URL(window.location.href);
-            url.searchParams.delete('workspace');
-            window.history.replaceState(null, '', `${url.pathname}${url.search}${url.hash}`);
-            setInitialWorkspaceId(undefined);
-        }
-        setRoute({ kind: 'sessions', workspace });
-    }, [initialWorkspaceId]);
-    return (_jsx("div", { className: "mobile", children: route.kind === 'workspaces'
-            ? _jsx(WorkspaceRoster, { initialWorkspaceId: initialWorkspaceId, onPick: openWorkspace })
-            : route.kind === 'sessions'
-                ? (_jsx(SessionListView, { workspace: route.workspace, onBack: back, onPick: (session) => { openChat(session, route.workspace); } }))
-                : _jsx(ChatView, { session: route.session, mux: muxRef.current, onBack: back }) }));
-}
-/** Shared error text for the surface's small failure affordances. */
-export function errorText(error) {
-    if (error instanceof RpcCallError)
-        return error.error.message;
-    if (error instanceof RpcTransportError)
-        return error.message;
-    if (error instanceof Error)
-        return error.message;
-    return String(error);
-}
-/**
- * Actionable hint for transport-level 403s on host-gated channels (model
- * picker, session creation): the phone's UI bundle is served fresh from disk
- * per request, while the host-side allowlist lives in the long-running
- * process — a rebuild without a restart shows the new surface against the
- * old allowlist (HTTP 403 forbidden).
- */
-export function staleHostHint(message) {
-    return /^HTTP 403/.test(message)
-        ? '宿主端插件可能仍在运行旧版本：请重启 dsh web 后再试。'
-        : undefined;
-}
-/** Fetch one history page (tail by default) — thin wrapper so views share the call shape. */
-export function loadHistory(sessionId, beforeSeq, signal) {
-    return fetchHistory(sessionId, beforeSeq, undefined, signal);
-}
-export { listSessions, listWorkspaces, prompt };

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,52 +0,0 @@
-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.d.ts

@@ -1,56 +0,0 @@
-/**
- * Chat level: one session. Loads the history tail page on open, appends
- * pages upward (loadOlder), folds live mux frames in as they arrive, and
- * sends prompts through session.prompt.
- *
- * Rendering mirrors the desktop web UI's fold discipline on a small screen:
- * - reasoning text hides behind a collapsed "深度思考" disclosure,
- * - tool calls behind a collapsed tool disclosure (name + arguments),
- * - very long assistant text collapses with an explicit expand toggle,
- * - a toolbar above the composer carries the model (+ thinking effort) and
- *   permission pickers, both as bottom sheets.
- */
-import { type SessionView } from './App.tsx';
-import { MuxClient } from '../mux.ts';
-/** Props for the chat view. */
-export interface ChatViewProps {
-    session: SessionView;
-    /** The page-lifetime mux client (undefined before the first effect tick). */
-    mux?: MuxClient | undefined;
-    onBack(): void;
-}
-/**
- * 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
- * history tail re-pull closes the seam.
- */
-export declare const MAX_TAIL_BUFFER_EVENTS = 500;
-/** One switchable permission preset (the `permissions` projection shape). */
-export interface PermissionOption {
-    value: string;
-    name: string;
-    description?: string;
-}
-/** The `permissions` projection value: options + the effective current value. */
-export interface PermissionSelectValue {
-    options: PermissionOption[];
-    currentValue: string;
-}
-/**
- * Render one session's chat.
- * @param props - the session, the mux client, and the back action.
- * @returns the chat surface.
- */
-export declare function ChatView({ session, mux, onBack }: ChatViewProps): import("react").JSX.Element;
-/**
- * Minimum interval between full markdown re-parses of a live (pending)
- * assistant message. Every streamed chunk replaces the message object, and
- * re-parsing the whole accumulated text per chunk turns a long reply into
- * O(n^2) work on mobile. Pending text keeps the last parsed result visible
- * and re-parses at most once per interval; the moment the turn closes the
- * final text parses immediately, so terminal messages render exactly as
- * before.
- */
-export declare const STREAM_RENDER_INTERVAL_MS = 120;
-export declare const LONG_TEXT_LIMIT = 6000;
-//# sourceMappingURL=ChatView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../src/mobile/views/ChatView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAMjE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAGrC,+BAA+B;AAC/B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,WAAW,CAAA;IACpB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,IAAI,IAAI,CAAA;CACf;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAqCzC,6EAA6E;AAC7E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,iFAAiF;AACjF,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,YAAY,EAAE,MAAM,CAAA;CACrB;AAqCD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,aAAa,+BAoe/D;AA2GD;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAA;AA6F5C,eAAO,MAAM,eAAe,OAAO,CAAA"}