mirror of
https://github.com/QwenLM/qwen-code.git
synced 2026-08-03 21:34:40 +00:00
adf2caea39
The split view (2+ sessions side by side) was lost on every refresh: its pane set lived only in React state, and the one-shot ?split= deep link is consumed on load. Persist the live session set to sessionStorage while the split is the active view, and restore it on load when no ?split= deep link is present, so a refresh brings the split back. sessionStorage (not localStorage) is deliberate: it is scoped per browser tab, so a split opened in its own tab and the in-window split never clobber each other, and a fresh unrelated tab restores nothing — while still surviving a refresh of the same tab. The ?split= URL stays the shareable, cross-tab channel. Only an explicit close (the split's back button) clears the persisted set; detours to a single session keep it, so the split is treated as the user's lasting context until they close it. Controlled hosts (which own their split lifecycle) never auto-persist or auto-restore. Co-authored-by: wenshao <wenshao@example.com>
104 lines
3.5 KiB
TypeScript
104 lines
3.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Qwen Team
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* URL helpers for opening the split view (2+ sessions side by side) in its own
|
|
* browser tab. A `?split=<id>,<id>` query tells the app to enter the split view
|
|
* with those sessions on load; the overview opens such a URL with `_blank` so
|
|
* the split lands in a new tab instead of replacing the current one.
|
|
*/
|
|
|
|
const SPLIT_PARAM = 'split';
|
|
|
|
/**
|
|
* Max sessions shown side by side in the split view. Each pane is a full
|
|
* session (its own SSE + transcript), so this bounds live connections and keeps
|
|
* panes readable. Shared so the overview caps a selection to the same limit
|
|
* before it ever builds a `?split=` URL or opens the in-window split.
|
|
*/
|
|
export const MAX_SPLIT_PANES = 6;
|
|
|
|
/**
|
|
* Build an absolute URL that opens the app straight into the split view for the
|
|
* given sessions. Derived from the current location so it inherits the origin
|
|
* and any `?daemon=`/`?token=` query a dev deployment relies on; the path is
|
|
* reset to `/` so no single `/session/<id>` deep-link competes with the split.
|
|
*/
|
|
export function buildSplitUrl(
|
|
sessionIds: string[],
|
|
currentHref: string,
|
|
token?: string,
|
|
): string {
|
|
const url = new URL(currentHref);
|
|
url.pathname = '/';
|
|
url.searchParams.set(SPLIT_PARAM, sessionIds.join(','));
|
|
// The current tab already stripped the daemon token from its URL, so carry it
|
|
// into the new tab's fragment (never sent to the server / logs) — otherwise a
|
|
// token-auth (`serve --open`) deployment opens the split tab unauthenticated.
|
|
if (token) {
|
|
url.hash = new URLSearchParams({ token }).toString();
|
|
}
|
|
return url.toString();
|
|
}
|
|
|
|
/** Read the session ids from a `?split=a,b,c` query string (empty when absent). */
|
|
export function parseSplitSessionIds(search: string): string[] {
|
|
const raw = new URLSearchParams(search).get(SPLIT_PARAM);
|
|
if (!raw) return [];
|
|
return raw
|
|
.split(',')
|
|
.map((id) => id.trim())
|
|
.filter(Boolean);
|
|
}
|
|
|
|
const SPLIT_STORAGE_KEY = 'qwen-webshell-split-sessions';
|
|
|
|
/**
|
|
* Persist the in-window split's session set so a refresh restores it. Uses
|
|
* `sessionStorage` (not `localStorage`) on purpose: it is scoped per browser
|
|
* tab, so a split opened in its own tab (via {@link buildSplitUrl}) and the
|
|
* in-window split never clobber each other, and a fresh unrelated tab restores
|
|
* nothing. It still survives a refresh of the same tab — the case this fixes.
|
|
*/
|
|
export function saveSplitSessions(sessions: readonly string[]): void {
|
|
const ids = Array.from(new Set(sessions.filter(Boolean))).slice(
|
|
0,
|
|
MAX_SPLIT_PANES,
|
|
);
|
|
try {
|
|
sessionStorage.setItem(SPLIT_STORAGE_KEY, JSON.stringify(ids));
|
|
} catch {
|
|
// Private mode / quota / SSR — persistence is best-effort.
|
|
}
|
|
}
|
|
|
|
/** The persisted split session set, or `[]` when absent/unavailable/malformed. */
|
|
export function loadSplitSessions(): string[] {
|
|
try {
|
|
const raw = sessionStorage.getItem(SPLIT_STORAGE_KEY);
|
|
if (!raw) return [];
|
|
const parsed: unknown = JSON.parse(raw);
|
|
if (!Array.isArray(parsed)) return [];
|
|
return Array.from(
|
|
new Set(
|
|
parsed.filter(
|
|
(id): id is string => typeof id === 'string' && id.length > 0,
|
|
),
|
|
),
|
|
).slice(0, MAX_SPLIT_PANES);
|
|
} catch {
|
|
return [];
|
|
}
|
|
}
|
|
|
|
/** Forget the persisted split (e.g. when the user leaves the split view). */
|
|
export function clearSplitSessions(): void {
|
|
try {
|
|
sessionStorage.removeItem(SPLIT_STORAGE_KEY);
|
|
} catch {
|
|
// best-effort
|
|
}
|
|
}
|