waybetter 0.1.1 → 0.7.0

package/dist/shell/frame/themeStore.js

@@ -0,0 +1,267 @@
+// The shell's view of theming: the global theme choice, account/pane themes (scopes), installed
+// Google fonts and a theme editor's live preview. The app's settings, pane menus and the chrome
+// share it (they all live in the shell webview). Native code persists everything and themes the
+// site tabs; this module themes the app's own window with the same documents. What a theme
+// document is belongs to the app (`ThemeAdapter`); `createThemeStore(adapter)` makes the store the
+// app keeps and hands to the frame (`site.themes`).
+import { setChromeIconPack } from "./iconPack.js";
+import { BOOT_CACHE_KEY } from "./boot.js";
+import { invoke } from "./bridge.js";
+import { CHROME_VAR_NAMES, chromeEdges, chromeVars } from "./chromeTheme.js";
+import { SCOPES_DEFAULT, normalizeScopes, prunePanes, themeIdFor } from "./themeScopes.js";
+import { safe } from "./safeStore.js";
+import { shell } from "./state.js";
+const getError = (error) => error instanceof Error ? error.message : String(error);
+export function createThemeStore(adapter) {
+    const state = { ready: false, choice: adapter.defaultChoice, scopes: SCOPES_DEFAULT, fonts: [], preview: null };
+    const listeners = new Set();
+    let snapshot = { ...state };
+    const emit = () => { snapshot = { ...state }; for (const listener of [...listeners])
+        listener(); applyChrome(); };
+    let loading = null;
+    /** Reads the persisted theme state once (every caller shares the same load). */
+    function loadThemes() {
+        loading ??= Promise.all([
+            adapter.load().catch(() => adapter.defaultChoice),
+            invoke('theme_scopes_get').then(normalizeScopes).catch(() => SCOPES_DEFAULT),
+            invoke('gfonts_installed').catch(() => []),
+        ]).then(([choice, scopes, fonts]) => {
+            Object.assign(state, { ready: true, choice, scopes, fonts: Array.isArray(fonts) ? fonts : [] });
+            committed = choice;
+            emit();
+        });
+        return loading;
+    }
+    /** The last choice native code acknowledged (an error reverts to it). */
+    let committed = null;
+    /** Shows `next` right away; `commit` persists it and themes every site tab (reverted on error). */
+    async function setChoice(next, commit = true) {
+        const previous = state.choice;
+        state.choice = next;
+        emit();
+        if (!commit)
+            return;
+        try {
+            await adapter.commit(next);
+            committed = next;
+        }
+        catch (error) {
+            state.choice = committed ?? previous;
+            emit();
+            throw new Error(getError(error));
+        }
+    }
+    async function setScopes(next) {
+        const previous = state.scopes;
+        state.scopes = normalizeScopes(next);
+        emit();
+        try {
+            await invoke('theme_scopes_set', { scopes: state.scopes });
+        }
+        catch (error) {
+            state.scopes = previous;
+            emit();
+            throw new Error(getError(error));
+        }
+    }
+    /** A theme editor's draft, shown in every site tab and the chrome until it is saved or closed. */
+    async function setPreview(theme) {
+        state.preview = theme;
+        emit();
+        try {
+            await adapter.preview(theme);
+        }
+        catch { /* Preview is best effort (browser preview). */ }
+    }
+    const themeState = () => state;
+    const allThemes = (choice = state.choice) => adapter.all(choice);
+    const knownTheme = (id, choice = state.choice) => allThemes(choice).some(theme => theme.id === id);
+    const themeName = (id) => allThemes().find(theme => theme.id === id)?.name ?? id;
+    /** The theme a tab (or pane) shows, as the chrome and the theme lists describe it. */
+    function tabTheme(tab) {
+        const found = themeIdFor(state.scopes, tab, adapter.preset(state.choice), id => knownTheme(id));
+        return { ...found, theme: adapter.resolve(adapter.choiceForId(state.choice, found.id)) };
+    }
+    // -------------------------------------------------------------------------------------------
+    // Google fonts in the shell (chrome, previews): registered from bytes like in the site's page.
+    const shellFonts = new Map();
+    function register(family, faces) {
+        for (const face of faces) {
+            const bytes = Uint8Array.from(atob(face.data), char => char.charCodeAt(0));
+            const [min, max] = face.weight;
+            const descriptors = { weight: min === max ? String(min) : `${min} ${max}`, style: 'normal', display: 'swap' };
+            if (face.unicodeRange)
+                descriptors.unicodeRange = face.unicodeRange;
+            const fontFace = new FontFace(family, bytes.buffer, descriptors);
+            document.fonts.add(fontFace);
+            void fontFace.load().catch(() => { });
+        }
+    }
+    /** Registers an installed Google font in the shell document once. */
+    function ensureShellFont(family) {
+        let pending = shellFonts.get(family);
+        if (!pending) {
+            pending = invoke('gfonts_faces', { family })
+                .then(result => { register(family, result.faces); return true; })
+                .catch(() => { shellFonts.delete(family); return false; });
+            shellFonts.set(family, pending);
+        }
+        return pending;
+    }
+    const previews = new Map();
+    let previewSeq = 0;
+    /**
+     * A text-subset preview of any Google font (a few KB, fetched natively): registers it under a
+     * private family name and resolves to that name, or null when it failed.
+     */
+    function previewFont(family, weights, text) {
+        const key = `${family}|${JSON.stringify(weights)}|${text}`;
+        let pending = previews.get(key);
+        if (!pending) {
+            const alias = `wbp-${++previewSeq}`;
+            const attempt = (tries) => invoke('gfonts_preview', { family, weights, text })
+                .then(faces => { register(alias, faces); return alias; })
+                .catch(error => {
+                // Six previews at most are in flight natively; the list retries shortly.
+                if (tries > 0 && /busy/i.test(getError(error)))
+                    return new Promise(done => setTimeout(() => done(attempt(tries - 1)), 250 + Math.random() * 400));
+                previews.delete(key);
+                return null;
+            });
+            pending = attempt(12);
+            previews.set(key, pending);
+        }
+        return pending;
+    }
+    async function installFont(family, weights) {
+        const font = await invoke('gfonts_install', { family, weights });
+        state.fonts = [...state.fonts.filter(item => item.family !== family), font].sort((a, b) => a.family.localeCompare(b.family));
+        shellFonts.delete(family);
+        emit();
+        return font;
+    }
+    async function removeFont(family) {
+        await invoke('gfonts_remove', { family });
+        state.fonts = state.fonts.filter(item => item.family !== family);
+        emit();
+    }
+    const isInstalled = (family) => state.fonts.some(font => font.family === family);
+    /** Google families a theme needs that are not downloaded yet. */
+    const missingFonts = (theme) => adapter.googleFonts(theme).filter(family => !isInstalled(family));
+    // -------------------------------------------------------------------------------------------
+    // Chrome
+    function setVars(element, vars) {
+        for (const name of CHROME_VAR_NAMES)
+            if (!(name in vars))
+                element.style.removeProperty(name);
+        for (const [name, value] of Object.entries(vars))
+            element.style.setProperty(name, value);
+    }
+    /** The window's edge style (frame/edges.css). Global only: a pane theme brings its colors, fonts and radii, not its edges. */
+    function setEdges(edges) {
+        if (edges)
+            document.documentElement.dataset.wbEdges = edges;
+        else
+            delete document.documentElement.dataset.wbEdges;
+    }
+    function chromeFontsFor(theme) {
+        for (const family of adapter.googleFonts(theme, ['chrome', 'mono']))
+            if (isInstalled(family))
+                void ensureShellFont(family);
+    }
+    /** The chrome follows the global theme (or the editor's draft); panes with their own theme follow theirs. */
+    function applyChrome() {
+        if (typeof document === 'undefined')
+            return;
+        // Safe mode: the frame's own look, whatever the theme (a theme may be what broke the chrome). The
+        // first-frame cache is left alone, so the next normal start paints the owner's theme again.
+        if (safe.active) {
+            setVars(document.documentElement, {});
+            setEdges(null);
+            syncGroups();
+            return;
+        }
+        if (!state.ready)
+            return;
+        const own = state.scopes.chrome === 'own';
+        const global = state.preview ?? adapter.resolve(state.choice);
+        chromeFontsFor(global);
+        const vars = chromeVars(adapter.chrome(global), own);
+        setVars(document.documentElement, vars);
+        setEdges(chromeEdges(vars));
+        try {
+            setChromeIconPack(own ? null : adapter.iconPack?.(global, state.choice) ?? null);
+        }
+        catch {
+            setChromeIconPack(null);
+        }
+        // The next start paints these from its first frame (boot.ts); an editor's draft is not kept.
+        if (!state.preview) {
+            try {
+                localStorage.setItem(BOOT_CACHE_KEY, JSON.stringify(vars));
+            }
+            catch { /* Best effort. */ }
+        }
+        syncGroups();
+    }
+    let dock = null;
+    /** Pane chrome: a dock group whose active tab shows another theme than the global one gets that theme. */
+    function syncGroups() {
+        const api = dock ?? shell.api;
+        if (!api)
+            return;
+        const own = state.scopes.chrome === 'own';
+        for (const group of api.groups) {
+            const params = group.activePanel?.params;
+            const tab = params && (params.kind === 'web' || params.kind === 'start') ? { id: params.kind === 'web' ? group.activePanel.id : undefined, profile: params.profile ?? 'default' } : null;
+            const scoped = !own && !safe.active && !state.preview && tab ? tabTheme(tab) : null;
+            const element = group.element;
+            if (scoped && scoped.source !== 'global') {
+                chromeFontsFor(scoped.theme);
+                element.classList.add('wb-pane-theme');
+                const vars = chromeVars(adapter.chrome(scoped.theme));
+                setVars(element, vars);
+                element.dataset.wbTheme = scoped.id;
+                // A pane's edges are its own theme's (edges.css: `.dv-groupview.wb-bevel`).
+                element.classList.toggle('wb-bevel', chromeEdges(vars) === 'bevel');
+            }
+            else {
+                if (element.classList.contains('wb-pane-theme')) {
+                    element.classList.remove('wb-pane-theme');
+                    setVars(element, {});
+                    delete element.dataset.wbTheme;
+                }
+                element.classList.toggle('wb-bevel', !own && !safe.active && document.documentElement.dataset.wbEdges === 'bevel');
+            }
+        }
+    }
+    // Safe mode switched: the chrome drops (or takes back) the theme at once.
+    if (typeof window !== 'undefined')
+        window.addEventListener('bt-safe', applyChrome);
+    /** Shell.tsx hands over the dock once it exists: pane chrome follows focus and layout changes. */
+    function attachDock(api) {
+        dock = api;
+        const sync = () => requestAnimationFrame(syncGroups);
+        api.onDidActivePanelChange(sync);
+        api.onDidLayoutChange(sync);
+        api.onDidAddPanel(sync);
+        api.onDidRemovePanel(() => {
+            sync();
+            // A closed pane's theme goes with it.
+            const open = api.panels.map(panel => panel.id);
+            const pruned = prunePanes(state.scopes, open);
+            if (pruned !== state.scopes && !shell.restoring)
+                void setScopes(pruned).catch(() => { });
+        });
+        window.addEventListener('bt-profiles', sync);
+        void loadThemes().then(sync);
+    }
+    /** For `useThemeState` (hooks.ts): subscribe, and the current snapshot. */
+    const subscribe = (listener) => { listeners.add(listener); return () => { listeners.delete(listener); }; };
+    const current = () => snapshot;
+    return {
+        adapter, loadThemes, setChoice, setScopes, setPreview, themeState, allThemes, knownTheme, themeName, tabTheme,
+        ensureShellFont, previewFont, installFont, removeFont, isInstalled, missingFonts, attachDock, subscribe, current,
+    };
+}
+//# sourceMappingURL=themeStore.js.map

package/dist/shell/frame/themeStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeStore.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/themeStore.ts"],"names":[],"mappings":"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","sourcesContent":["// The shell's view of theming: the global theme choice, account/pane themes (scopes), installed\n// Google fonts and a theme editor's live preview. The app's settings, pane menus and the chrome\n// share it (they all live in the shell webview). Native code persists everything and themes the\n// site tabs; this module themes the app's own window with the same documents. What a theme\n// document is belongs to the app (`ThemeAdapter`); `createThemeStore(adapter)` makes the store the\n// app keeps and hands to the frame (`site.themes`).\n\nimport type { IconPack } from '../../../runtime/src/themeIcons.ts';\nimport { setChromeIconPack } from './iconPack.tsx';\nimport type { DockviewApi } from 'dockview';\nimport { BOOT_CACHE_KEY } from './boot.ts';\nimport { invoke } from './bridge.ts';\nimport { CHROME_VAR_NAMES, chromeEdges, chromeVars, type ChromeTheme } from './chromeTheme.ts';\nimport { SCOPES_DEFAULT, normalizeScopes, prunePanes, themeIdFor, type ScopeSource, type ThemeScopes } from './themeScopes.ts';\nimport { safe } from './safeStore.ts';\nimport { shell, type TabParams } from './state.ts';\n\nexport type Weights = { kind: 'range'; min: number; max: number } | { kind: 'list'; values: number[] };\nexport type InstalledFont = { family: string; weights: Weights; bytes: number; faces: number; installedAt: string };\ntype FaceData = { weight: [number, number]; unicodeRange: string | null; data: string };\n\n/** A theme document as the frame needs it: an id and a name (the rest is the app's). */\nexport type ThemeDoc = { id: string; name: string };\n\n/** What the app's themes are and how native code stores them. */\nexport type ThemeAdapter<Choice = unknown, Spec extends ThemeDoc = ThemeDoc> = {\n  /** The choice before anything is read (and when reading fails). */\n  defaultChoice: Choice;\n  /** Reads the persisted global choice (normalized). */\n  load(): Promise<Choice>;\n  /** Persists `choice` and themes every site tab (throws native code's error). */\n  commit(choice: Choice): Promise<void>;\n  /** Shows `spec` (a draft) in every site tab until it is saved or closed; null ends it. */\n  preview(spec: Spec | null): Promise<void>;\n  /** The theme document a choice shows (its customizations applied). */\n  resolve(choice: Choice): Spec;\n  /** The chosen theme's id. */\n  preset(choice: Choice): string;\n  /** The choice a theme id stands for: the global choice itself, or that theme without customizations. */\n  choiceForId(choice: Choice, id: string): Choice;\n  /** Every theme that can be picked: built-in ones and the choice's imported ones. */\n  all(choice: Choice): Spec[];\n  /** Google font families a theme uses (in `roles` only, when given). */\n  googleFonts(spec: Spec, roles?: readonly string[]): string[];\n  /** The chrome's colors and fonts for a theme. */\n  chrome(spec: Spec): ChromeTheme;\n  /** The icon pack a theme suggests for the chrome (theme engine v2); absent: the frame's own glyphs. */\n  iconPack?(spec: Spec, choice?: Choice): IconPack | null;\n  /** Three swatch colors for menus (page, text, accent, on the theme's surface and border). */\n  dots(spec: Spec): { page: string; bg: string; border: string; text: string; accent: string };\n};\n\nexport type ThemeState<Choice, Spec> = { ready: boolean; choice: Choice; scopes: ThemeScopes; fonts: InstalledFont[]; preview: Spec | null };\n\nconst getError = (error: unknown) => error instanceof Error ? error.message : String(error);\n\nexport type ThemeStore<Choice = unknown, Spec extends ThemeDoc = ThemeDoc> = ReturnType<typeof createThemeStore<Choice, Spec>>;\n\nexport function createThemeStore<Choice, Spec extends ThemeDoc>(adapter: ThemeAdapter<Choice, Spec>) {\n  const state: ThemeState<Choice, Spec> = { ready: false, choice: adapter.defaultChoice, scopes: SCOPES_DEFAULT, fonts: [], preview: null };\n  const listeners = new Set<() => void>();\n  let snapshot = { ...state };\n  const emit = () => { snapshot = { ...state }; for (const listener of [...listeners]) listener(); applyChrome(); };\n\n  let loading: Promise<void> | null = null;\n  /** Reads the persisted theme state once (every caller shares the same load). */\n  function loadThemes(): Promise<void> {\n    loading ??= Promise.all([\n      adapter.load().catch(() => adapter.defaultChoice),\n      invoke<unknown>('theme_scopes_get').then(normalizeScopes).catch(() => SCOPES_DEFAULT),\n      invoke<InstalledFont[]>('gfonts_installed').catch(() => [] as InstalledFont[]),\n    ]).then(([choice, scopes, fonts]) => {\n      Object.assign(state, { ready: true, choice, scopes, fonts: Array.isArray(fonts) ? fonts : [] });\n      committed = choice;\n      emit();\n    });\n    return loading;\n  }\n\n  /** The last choice native code acknowledged (an error reverts to it). */\n  let committed: Choice | null = null;\n  /** Shows `next` right away; `commit` persists it and themes every site tab (reverted on error). */\n  async function setChoice(next: Choice, commit = true): Promise<void> {\n    const previous = state.choice;\n    state.choice = next;\n    emit();\n    if (!commit) return;\n    try { await adapter.commit(next); committed = next; }\n    catch (error) { state.choice = committed ?? previous; emit(); throw new Error(getError(error)); }\n  }\n  async function setScopes(next: ThemeScopes): Promise<void> {\n    const previous = state.scopes;\n    state.scopes = normalizeScopes(next);\n    emit();\n    try { await invoke('theme_scopes_set', { scopes: state.scopes }); }\n    catch (error) { state.scopes = previous; emit(); throw new Error(getError(error)); }\n  }\n\n  /** A theme editor's draft, shown in every site tab and the chrome until it is saved or closed. */\n  async function setPreview(theme: Spec | null): Promise<void> {\n    state.preview = theme;\n    emit();\n    try { await adapter.preview(theme); } catch { /* Preview is best effort (browser preview). */ }\n  }\n\n  const themeState = () => state;\n  const allThemes = (choice: Choice = state.choice) => adapter.all(choice);\n  const knownTheme = (id: string, choice: Choice = state.choice) => allThemes(choice).some(theme => theme.id === id);\n  const themeName = (id: string) => allThemes().find(theme => theme.id === id)?.name ?? id;\n\n  /** The theme a tab (or pane) shows, as the chrome and the theme lists describe it. */\n  function tabTheme(tab: { id?: string; profile?: string }): { id: string; source: ScopeSource; theme: Spec } {\n    const found = themeIdFor(state.scopes, tab, adapter.preset(state.choice), id => knownTheme(id));\n    return { ...found, theme: adapter.resolve(adapter.choiceForId(state.choice, found.id)) };\n  }\n\n  // -------------------------------------------------------------------------------------------\n  // Google fonts in the shell (chrome, previews): registered from bytes like in the site's page.\n\n  const shellFonts = new Map<string, Promise<boolean>>();\n  function register(family: string, faces: FaceData[]) {\n    for (const face of faces) {\n      const bytes = Uint8Array.from(atob(face.data), char => char.charCodeAt(0));\n      const [min, max] = face.weight;\n      const descriptors: FontFaceDescriptors = { weight: min === max ? String(min) : `${min} ${max}`, style: 'normal', display: 'swap' };\n      if (face.unicodeRange) descriptors.unicodeRange = face.unicodeRange;\n      const fontFace = new FontFace(family, bytes.buffer, descriptors);\n      document.fonts.add(fontFace);\n      void fontFace.load().catch(() => {});\n    }\n  }\n  /** Registers an installed Google font in the shell document once. */\n  function ensureShellFont(family: string): Promise<boolean> {\n    let pending = shellFonts.get(family);\n    if (!pending) {\n      pending = invoke<{ faces: FaceData[] }>('gfonts_faces', { family })\n        .then(result => { register(family, result.faces); return true; })\n        .catch(() => { shellFonts.delete(family); return false; });\n      shellFonts.set(family, pending);\n    }\n    return pending;\n  }\n\n  const previews = new Map<string, Promise<string | null>>();\n  let previewSeq = 0;\n  /**\n   * A text-subset preview of any Google font (a few KB, fetched natively): registers it under a\n   * private family name and resolves to that name, or null when it failed.\n   */\n  function previewFont(family: string, weights: Weights, text: string): Promise<string | null> {\n    const key = `${family}|${JSON.stringify(weights)}|${text}`;\n    let pending = previews.get(key);\n    if (!pending) {\n      const alias = `wbp-${++previewSeq}`;\n      const attempt = (tries: number): Promise<string | null> => invoke<FaceData[]>('gfonts_preview', { family, weights, text })\n        .then(faces => { register(alias, faces); return alias; })\n        .catch(error => {\n          // Six previews at most are in flight natively; the list retries shortly.\n          if (tries > 0 && /busy/i.test(getError(error))) return new Promise<string | null>(done => setTimeout(() => done(attempt(tries - 1)), 250 + Math.random() * 400));\n          previews.delete(key);\n          return null;\n        });\n      pending = attempt(12);\n      previews.set(key, pending);\n    }\n    return pending;\n  }\n\n  async function installFont(family: string, weights: Weights): Promise<InstalledFont> {\n    const font = await invoke<InstalledFont>('gfonts_install', { family, weights });\n    state.fonts = [...state.fonts.filter(item => item.family !== family), font].sort((a, b) => a.family.localeCompare(b.family));\n    shellFonts.delete(family);\n    emit();\n    return font;\n  }\n\n  async function removeFont(family: string): Promise<void> {\n    await invoke('gfonts_remove', { family });\n    state.fonts = state.fonts.filter(item => item.family !== family);\n    emit();\n  }\n\n  const isInstalled = (family: string) => state.fonts.some(font => font.family === family);\n  /** Google families a theme needs that are not downloaded yet. */\n  const missingFonts = (theme: Spec) => adapter.googleFonts(theme).filter(family => !isInstalled(family));\n\n  // -------------------------------------------------------------------------------------------\n  // Chrome\n\n  function setVars(element: HTMLElement, vars: Record<string, string>) {\n    for (const name of CHROME_VAR_NAMES) if (!(name in vars)) element.style.removeProperty(name);\n    for (const [name, value] of Object.entries(vars)) element.style.setProperty(name, value);\n  }\n\n  /** The window's edge style (frame/edges.css). Global only: a pane theme brings its colors, fonts and radii, not its edges. */\n  function setEdges(edges: string | null) {\n    if (edges) document.documentElement.dataset.wbEdges = edges;\n    else delete document.documentElement.dataset.wbEdges;\n  }\n\n  function chromeFontsFor(theme: Spec) {\n    for (const family of adapter.googleFonts(theme, ['chrome', 'mono'])) if (isInstalled(family)) void ensureShellFont(family);\n  }\n\n  /** The chrome follows the global theme (or the editor's draft); panes with their own theme follow theirs. */\n  function applyChrome() {\n    if (typeof document === 'undefined') return;\n    // Safe mode: the frame's own look, whatever the theme (a theme may be what broke the chrome). The\n    // first-frame cache is left alone, so the next normal start paints the owner's theme again.\n    if (safe.active) { setVars(document.documentElement, {}); setEdges(null); syncGroups(); return; }\n    if (!state.ready) return;\n    const own = state.scopes.chrome === 'own';\n    const global = state.preview ?? adapter.resolve(state.choice);\n    chromeFontsFor(global);\n    const vars = chromeVars(adapter.chrome(global), own);\n    setVars(document.documentElement, vars);\n    setEdges(chromeEdges(vars));\n    try { setChromeIconPack(own ? null : adapter.iconPack?.(global, state.choice) ?? null); } catch { setChromeIconPack(null); }\n    // The next start paints these from its first frame (boot.ts); an editor's draft is not kept.\n    if (!state.preview) { try { localStorage.setItem(BOOT_CACHE_KEY, JSON.stringify(vars)); } catch { /* Best effort. */ } }\n    syncGroups();\n  }\n\n  let dock: DockviewApi | null = null;\n  /** Pane chrome: a dock group whose active tab shows another theme than the global one gets that theme. */\n  function syncGroups() {\n    const api = dock ?? shell.api;\n    if (!api) return;\n    const own = state.scopes.chrome === 'own';\n    for (const group of api.groups) {\n      const params = group.activePanel?.params as TabParams | undefined;\n      const tab = params && (params.kind === 'web' || params.kind === 'start') ? { id: params.kind === 'web' ? group.activePanel!.id : undefined, profile: params.profile ?? 'default' } : null;\n      const scoped = !own && !safe.active && !state.preview && tab ? tabTheme(tab) : null;\n      const element = group.element;\n      if (scoped && scoped.source !== 'global') {\n        chromeFontsFor(scoped.theme);\n        element.classList.add('wb-pane-theme');\n        const vars = chromeVars(adapter.chrome(scoped.theme));\n        setVars(element, vars);\n        element.dataset.wbTheme = scoped.id;\n        // A pane's edges are its own theme's (edges.css: `.dv-groupview.wb-bevel`).\n        element.classList.toggle('wb-bevel', chromeEdges(vars) === 'bevel');\n      } else {\n        if (element.classList.contains('wb-pane-theme')) {\n          element.classList.remove('wb-pane-theme');\n          setVars(element, {});\n          delete element.dataset.wbTheme;\n        }\n        element.classList.toggle('wb-bevel', !own && !safe.active && document.documentElement.dataset.wbEdges === 'bevel');\n      }\n    }\n  }\n\n  // Safe mode switched: the chrome drops (or takes back) the theme at once.\n  if (typeof window !== 'undefined') window.addEventListener('bt-safe', applyChrome);\n\n  /** Shell.tsx hands over the dock once it exists: pane chrome follows focus and layout changes. */\n  function attachDock(api: DockviewApi) {\n    dock = api;\n    const sync = () => requestAnimationFrame(syncGroups);\n    api.onDidActivePanelChange(sync);\n    api.onDidLayoutChange(sync);\n    api.onDidAddPanel(sync);\n    api.onDidRemovePanel(() => {\n      sync();\n      // A closed pane's theme goes with it.\n      const open = api.panels.map(panel => panel.id);\n      const pruned = prunePanes(state.scopes, open);\n      if (pruned !== state.scopes && !shell.restoring) void setScopes(pruned).catch(() => {});\n    });\n    window.addEventListener('bt-profiles', sync);\n    void loadThemes().then(sync);\n  }\n\n  /** For `useThemeState` (hooks.ts): subscribe, and the current snapshot. */\n  const subscribe = (listener: () => void) => { listeners.add(listener); return () => { listeners.delete(listener); }; };\n  const current = () => snapshot;\n\n  return {\n    adapter, loadThemes, setChoice, setScopes, setPreview, themeState, allThemes, knownTheme, themeName, tabTheme,\n    ensureShellFont, previewFont, installFont, removeFont, isInstalled, missingFonts, attachDock, subscribe, current,\n  };\n}\n"]}

package/dist/shell/frame/windowBinding.d.ts

@@ -0,0 +1,2 @@
+export { frameless, isTauri, os, type ResizeDirection } from '../windowControls.ts';
+export declare const minimize: () => Promise<void>, toggleMaximize: () => Promise<void>, close: () => Promise<void>, startResize: (direction: import("./windowBinding.ts").ResizeDirection) => Promise<void>, startDrag: () => void, onMaximizedChange: (cb: (maximized: boolean) => void) => Promise<() => void>, systemMenu: (x: number, y: number) => Promise<unknown>;

package/dist/shell/frame/windowBinding.js

@@ -0,0 +1,7 @@
+// The frame's window controls (custom titlebar, grips, caption buttons), bound to the app's Tauri
+// API as handed to createShell.
+import { createWindowControls } from "../windowControls.js";
+import { currentWindow, invoke } from "./bridge.js";
+export { frameless, isTauri, os } from "../windowControls.js";
+export const { minimize, toggleMaximize, close, startResize, startDrag, onMaximizedChange, systemMenu } = createWindowControls((command, args) => invoke(command, args), currentWindow);
+//# sourceMappingURL=windowBinding.js.map

package/dist/shell/frame/windowBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowBinding.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/windowBinding.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,gCAAgC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAwB,MAAM,sBAAsB,CAAC;AAEpF,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,GACrG,oBAAoB,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC","sourcesContent":["// The frame's window controls (custom titlebar, grips, caption buttons), bound to the app's Tauri\n// API as handed to createShell.\n\nimport { createWindowControls } from '../windowControls.ts';\nimport { currentWindow, invoke } from './bridge.ts';\n\nexport { frameless, isTauri, os, type ResizeDirection } from '../windowControls.ts';\n\nexport const { minimize, toggleMaximize, close, startResize, startDrag, onMaximizedChange, systemMenu } =\n  createWindowControls((command, args) => invoke(command, args), currentWindow);\n"]}

package/dist/shell/frame/workspaceModel.d.ts

@@ -0,0 +1,82 @@
+export declare const WORKSPACE_LIMITS: Readonly<{
+    /** Saved workspaces. */
+    count: 20;
+    name: 60;
+    /** Tabs in one workspace. */
+    tabs: 64;
+    /** Serialized size of one workspace (JSON characters). */
+    bytes: number;
+    url: 4096;
+    title: 300;
+}>;
+export type WorkspaceTab = {
+    kind: 'web' | 'panel' | 'start' | 'deck';
+    url?: string;
+    profile?: string;
+    title?: string;
+};
+export type Workspace = {
+    id: string;
+    name: string;
+    savedAt: string;
+    /** dockview's `SerializedDockview`, reduced (see `captureWorkspace`). */
+    layout: SerializedLayout;
+    /** Pane themes of this workspace's tabs: tab id (in `layout`) → theme id. */
+    paneThemes: Record<string, string>;
+    /** Decks the workspace shows (Power User Mode), so a deck deleted since can come back. */
+    decks?: unknown[];
+};
+export type WorkspaceStore = {
+    version: 1;
+    default: string | null;
+    items: Workspace[];
+};
+export declare const EMPTY_WORKSPACES: WorkspaceStore;
+type Json = Record<string, unknown>;
+export type SerializedLayout = {
+    grid: Json;
+    panels: Record<string, Json>;
+    activeGroup?: string;
+    floatingGroups?: unknown[];
+    popoutGroups?: unknown[];
+};
+export declare function httpUrl(value: unknown): string | null;
+export declare function cleanName(value: unknown): string;
+/** A slug for a new workspace id, unique among `taken`. */
+export declare function workspaceId(name: string, taken: Iterable<string>): string;
+export type CaptureInput = {
+    id: string;
+    name: string;
+    layout: unknown;
+    /** The pane theme map (`ThemeScopes.panes`); only this layout's tabs are kept. */
+    paneThemes?: Record<string, string>;
+    decks?: Array<{
+        id: string;
+    }>;
+    now?: Date;
+};
+/** Makes a workspace from the live dockview layout. Throws when there is nothing to keep or it is too large. */
+export declare function captureWorkspace(input: CaptureInput): Workspace;
+/** Tabs of a workspace in layout order (for menus: "3 tabs · x.com/home, …"). */
+export declare function workspaceTabs(workspace: Workspace): WorkspaceTab[];
+export type RestorePlan = {
+    layout: SerializedLayout;
+    /** Pane themes for the restored tab ids. */
+    paneThemes: Record<string, string>;
+    /** Tab id in the workspace → id it gets now. */
+    ids: Record<string, string>;
+};
+/**
+ * The layout to hand dockview's `fromJSON`: web and new-tab pages get fresh ids from `newId`
+ * (a live tab never keeps its webview across a switch), deck and wayBetter tabs keep theirs.
+ * `profileKnown` drops accounts that no longer exist (the tab opens in the default account).
+ */
+export declare function planRestore(workspace: Workspace, newId: () => string, profileKnown?: (id: string) => boolean): RestorePlan;
+/** Parses what native code returned; anything malformed is dropped, never thrown. */
+export declare function normalizeWorkspaces(value: unknown): WorkspaceStore;
+/** Adds or replaces (same id) a workspace; the list stays bounded. */
+export declare function upsertWorkspace(store: WorkspaceStore, workspace: Workspace): WorkspaceStore;
+export declare function removeWorkspace(store: WorkspaceStore, id: string): WorkspaceStore;
+export declare function renameWorkspace(store: WorkspaceStore, id: string, name: string): WorkspaceStore;
+export declare function setDefaultWorkspace(store: WorkspaceStore, id: string | null): WorkspaceStore;
+export {};