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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-styles.js","sourceRoot":"","sources":["../../../src/mobile/mobile-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuUxB,CAAA"}

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

@@ -0,0 +1,70 @@
+/**
+ * Mobile-surface theme: light by default, dark via an explicit persisted
+ * toggle. The standalone page boots without the shell, so there is no theme
+ * system to inherit — the choice is stored in localStorage and applied as a
+ * `data-theme` attribute on <html>; the stylesheet defines both palettes
+ * under `:root` (light) / `:root[data-theme='dark']` (dark).
+ *
+ * A tiny module store (subscribe/get) keeps the toggle button and the boot
+ * path in sync without threading props through the three view levels.
+ */
+const STORAGE_KEY = 'dsh.remote.theme';
+const THEME_COLOR_META_NAME = 'theme-color';
+const LIGHT_THEME_COLOR = '#f3f5f9';
+const DARK_THEME_COLOR = '#111418';
+let current = readStored() ?? 'light';
+const listeners = new Set();
+function readStored() {
+    try {
+        const value = localStorage.getItem(STORAGE_KEY);
+        return value === 'dark' || value === 'light' ? value : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+function persist(theme) {
+    try {
+        localStorage.setItem(STORAGE_KEY, theme);
+    }
+    catch {
+        // Private-mode storage failures are non-fatal; the session keeps the theme.
+    }
+}
+/** Apply the theme to the document: data-theme attribute + browser chrome color. */
+function applyToDocument(theme) {
+    if (typeof document === 'undefined')
+        return;
+    document.documentElement.dataset.theme = theme;
+    const meta = document.querySelector(`meta[name="${THEME_COLOR_META_NAME}"]`);
+    if (meta !== null)
+        meta.content = theme === 'dark' ? DARK_THEME_COLOR : LIGHT_THEME_COLOR;
+}
+/** Current theme (light unless the user explicitly toggled to dark). */
+export function getMobileTheme() {
+    return current;
+}
+/** Subscribe to theme changes; returns the unsubscribe function. */
+export function subscribeMobileTheme(listener) {
+    listeners.add(listener);
+    return () => { listeners.delete(listener); };
+}
+/** Set the theme explicitly (persisted + applied to the document). */
+export function setMobileTheme(theme) {
+    if (theme === current)
+        return;
+    current = theme;
+    persist(theme);
+    applyToDocument(theme);
+    for (const listener of [...listeners])
+        listener();
+}
+/** Flip light/dark and return the new theme. */
+export function toggleMobileTheme() {
+    setMobileTheme(current === 'light' ? 'dark' : 'light');
+    return current;
+}
+/** Apply the persisted (or default) theme once at boot, before first paint. */
+export function initMobileTheme() {
+    applyToDocument(current);
+}

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

@@ -0,0 +1,71 @@
+// @vitest-environment jsdom
+/** mobile-theme: light default, persisted dark toggle, document wiring. */
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { getMobileTheme, setMobileTheme, subscribeMobileTheme, toggleMobileTheme, } from "./mobile-theme.js";
+const STORAGE_KEY = 'dsh.remote.theme';
+/** jsdom in this setup ships a bare localStorage object; install a real fake. */
+function makeStorage() {
+    const map = new Map();
+    return {
+        getItem: (key) => map.get(key) ?? null,
+        setItem: (key, value) => { map.set(key, value); },
+        removeItem: (key) => { map.delete(key); },
+        clear: () => { map.clear(); },
+        key: (index) => [...map.keys()][index] ?? null,
+        get length() { return map.size; },
+    };
+}
+let storage;
+beforeEach(() => {
+    storage = makeStorage();
+    vi.stubGlobal('localStorage', storage);
+    setMobileTheme('light');
+    document.documentElement.removeAttribute('data-theme');
+});
+afterEach(() => {
+    vi.unstubAllGlobals();
+});
+describe('mobile-theme', () => {
+    it('defaults to light with nothing stored', () => {
+        expect(getMobileTheme()).toBe('light');
+    });
+    it('toggles to dark, persists it, and wires the document', () => {
+        expect(toggleMobileTheme()).toBe('dark');
+        expect(getMobileTheme()).toBe('dark');
+        expect(document.documentElement.dataset.theme).toBe('dark');
+        expect(storage.getItem(STORAGE_KEY)).toBe('dark');
+    });
+    it('toggles back to light', () => {
+        toggleMobileTheme();
+        expect(toggleMobileTheme()).toBe('light');
+        expect(document.documentElement.dataset.theme).toBe('light');
+        expect(storage.getItem(STORAGE_KEY)).toBe('light');
+    });
+    it('updates the browser chrome color along with the theme', () => {
+        const meta = document.createElement('meta');
+        meta.name = 'theme-color';
+        document.head.appendChild(meta);
+        setMobileTheme('dark');
+        expect(meta.content).toBe('#111418');
+        setMobileTheme('light');
+        expect(meta.content).toBe('#f3f5f9');
+        meta.remove();
+    });
+    it('boot reads the stored theme and initMobileTheme applies it', async () => {
+        storage.setItem(STORAGE_KEY, 'dark');
+        vi.resetModules();
+        const fresh = await import("./mobile-theme.js");
+        expect(fresh.getMobileTheme()).toBe('dark');
+        fresh.initMobileTheme();
+        expect(document.documentElement.dataset.theme).toBe('dark');
+    });
+    it('notifies subscribers on change', () => {
+        const seen = [];
+        const unsubscribe = subscribeMobileTheme(() => { seen.push(getMobileTheme()); });
+        setMobileTheme('dark');
+        setMobileTheme('light');
+        unsubscribe();
+        setMobileTheme('dark');
+        expect(seen).toEqual(['dark', 'light']);
+    });
+});

package/lib/types/mobile/mux.js

@@ -0,0 +1,110 @@
+/**
+ * Mobile-surface live-event client: the plugin's `/m/api/events.mux` SSE
+ * channel (Server-Sent Events — the host bridges the mux stream onto it, so
+ * no WebSocket handshake or framing is needed on this side). The host
+ * pushes mux frames (subscribed baselines, session events, approvals,
+ * questions, queue snapshots, tasks, projections) as soon as the stream
+ * opens — no subscription handshake is needed. Frames arrive as
+ * server-request envelopes whose payload is the mux frame; unknown frame
+ * types are dropped so a newer host never breaks this client.
+ * EventSource reconnects automatically.
+ */
+import { muxFrameSchema } from '@deepseek-ai/dsh-host-apiproxy/api/events.schema';
+import { serverRequestSchema } from '@deepseek-ai/dsh-host-apiproxy/api/rpc.schema';
+/** Browser default source factory. */
+function browserSource(url) {
+    // The DOM EventSource is structurally compatible; the `this`-typed handler
+    // signatures differ, so the narrow face takes it through an adapter cast.
+    return new EventSource(url);
+}
+/**
+ * Keep one SSE subscription open, fanning validated frames out to
+ * subscribers. EventSource owns reconnection (with its own backoff); this
+ * class only manages the subscription lifecycle.
+ */
+export class MuxClient {
+    sourceFactory;
+    listeners = new Set();
+    source;
+    stopped = false;
+    url;
+    /**
+     * @param url - the mobile events endpoint (browser-relative).
+     * @param options - seams.
+     */
+    constructor(url = '/m/api/events.mux', options = {}) {
+        this.url = url;
+        this.sourceFactory = options.sourceFactory ?? browserSource;
+    }
+    /** Open the stream (idempotent; EventSource reconnects until {@link stop}). */
+    start() {
+        this.stopped = false;
+        if (this.source !== undefined)
+            return;
+        this.connect();
+    }
+    /** Close for good. */
+    stop() {
+        this.stopped = true;
+        this.closeSource();
+    }
+    /** Subscribe to validated frames; returns an unsubscribe function. */
+    onFrame(listener) {
+        this.listeners.add(listener);
+        return () => { this.listeners.delete(listener); };
+    }
+    connect() {
+        const source = this.sourceFactory(this.url);
+        this.source = source;
+        source.onmessage = (event) => {
+            this.handleMessage(event.data);
+        };
+        source.onerror = () => {
+            // EventSource reconnects by itself; when we are closing, detach first
+            // so the native reconnect cannot outlive stop().
+            if (this.stopped && this.source === source)
+                this.closeSource();
+        };
+    }
+    handleMessage(data) {
+        if (typeof data !== 'string' || data === '')
+            return;
+        let parsed;
+        try {
+            parsed = JSON.parse(data);
+        }
+        catch {
+            return;
+        }
+        // The SSE channel carries server-request envelopes whose payload is the
+        // mux frame (same wire shape as the desktop mux channel).
+        const envelope = serverRequestSchema.safeParse(parsed);
+        if (!envelope.success)
+            return;
+        const frame = muxFrameSchema.safeParse(envelope.data.payload);
+        if (!frame.success)
+            return;
+        for (const listener of this.listeners) {
+            try {
+                listener(frame.data);
+            }
+            catch {
+                // A throwing subscriber must not break the emit loop.
+            }
+        }
+    }
+    closeSource() {
+        const source = this.source;
+        this.source = undefined;
+        if (source !== undefined) {
+            source.onmessage = null;
+            source.onerror = null;
+            try {
+                source.close();
+            }
+            catch {
+                // Already closed.
+            }
+        }
+    }
+}

package/lib/types/mobile/mux.js.map

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

package/lib/types/mobile/rpc.js

@@ -0,0 +1,83 @@
+/**
+ * Mobile-surface unary RPC over the shared /api transport: the four-quadrant
+ * envelope (client-request → server-response), minted rpcIds, and typed
+ * error mapping. This is a thin, self-contained slice of the harness
+ * apiproxy fetch carrier — the mobile page is an independent bundle and must
+ * not depend on the main UI's module loader, so the wire contract is
+ * reimplemented here over plain fetch.
+ */
+/** Transport-level failure (network, HTTP status, malformed envelope). */
+export class RpcTransportError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = 'RpcTransportError';
+    }
+}
+/** A business error the host answered with (200 + err result). */
+export class RpcCallError extends Error {
+    /** The wire error (code + message + details). */
+    error;
+    constructor(error) {
+        super(error.message);
+        this.name = 'RpcCallError';
+        this.error = error;
+    }
+}
+let rpcCounter = 0;
+/** Mint one process-unique rpcId (stable under crypto.randomUUID absence). */
+export function mintRpcId() {
+    const random = typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'
+        ? crypto.randomUUID()
+        : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+    rpcCounter += 1;
+    return `${random}-${rpcCounter.toString(36)}`;
+}
+/**
+ * One unary call: POST /m/api/<method> (the plugin's own mobile channel —
+ * NOT the connection plugin's /api prefix, so the tunneled Host never needs
+ * to enter the transport trust fence) with the client-request envelope,
+ * resolve the server-response value, reject with the mapped error classes.
+ * @param method - the dotted RPC method, e.g. `session.list`.
+ * @param payload - the business payload.
+ * @param signal - optional abort.
+ * @returns the response value.
+ */
+export async function callUnary(method, payload, signal) {
+    const rpcId = mintRpcId();
+    let response;
+    try {
+        response = await fetch(`/m/api/${method}`, {
+            method: 'POST',
+            headers: { 'content-type': 'application/json' },
+            body: JSON.stringify({ type: 'client-request', rpcId, method, payload }),
+            ...(signal !== undefined ? { signal } : {}),
+        });
+    }
+    catch (error) {
+        const reason = error instanceof DOMException && error.name === 'AbortError'
+            ? 'aborted'
+            : error instanceof Error ? error.message : String(error);
+        throw new RpcTransportError(`transport failed: ${reason}`);
+    }
+    if (!response.ok) {
+        throw new RpcTransportError(`HTTP ${String(response.status)}`);
+    }
+    let envelope;
+    try {
+        envelope = await response.json();
+    }
+    catch {
+        throw new RpcTransportError('malformed response body');
+    }
+    const parsed = envelope;
+    if (parsed?.type !== 'server-response' || parsed.rpcId !== rpcId) {
+        throw new RpcTransportError('response envelope mismatch');
+    }
+    const result = parsed.result;
+    if (result?.ok === true)
+        return result.value;
+    if (result?.ok === false && result.error !== undefined) {
+        throw new RpcCallError(result.error);
+    }
+    throw new RpcTransportError('malformed result envelope');
+}

package/lib/types/mobile/rpc.js.map

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Theme toggle button: sits at the right end of every view header and flips
+ * the mobile surface between the light (default) and dark palettes. The
+ * glyph shows the theme you will switch TO (moon in light mode, sun in dark
+ * mode); the choice persists across visits.
+ */
+import { useSyncExternalStore } from 'react';
+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" })] }));
+}
+/** Moon glyph: crescent path (inline SVG, no emoji). */
+function MoonIcon() {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: _jsx("path", { d: "M20 14.5A8.5 8.5 0 0 1 9.5 4a8.5 8.5 0 1 0 10.5 10.5Z" }) }));
+}
+/**
+ * Render the header theme toggle.
+ * @returns the toggle button.
+ */
+export function ThemeToggle() {
+    const theme = useSyncExternalStore(subscribeMobileTheme, getMobileTheme);
+    const dark = theme === 'dark';
+    return (_jsx("button", { type: "button", className: "mobile-theme-toggle", "aria-label": dark ? '切换到浅色' : '切换到深色', onClick: () => { toggleMobileTheme(); }, children: dark ? _jsx(SunIcon, {}) : _jsx(MoonIcon, {}) }));
+}

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

@@ -0,0 +1,102 @@
+import { jsx as _jsx } 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 { 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";
+/** 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}`;
+}
+/**
+ * The surface root.
+ * @returns the app tree.
+ */
+export function App() {
+    const [route, setRoute] = useState({ kind: 'workspaces' });
+    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(); };
+    }, []);
+    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 });
+    }, []);
+    return (_jsx("div", { className: "mobile", children: route.kind === 'workspaces'
+            ? _jsx(WorkspaceRoster, { onPick: (workspace) => { setRoute({ kind: 'sessions', workspace }); } })
+            : 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) {
+    return fetchHistory(sessionId, beforeSeq);
+}
+export { listSessions, listWorkspaces, prompt };

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

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