waybetter 0.1.1 → 0.6.0

package/dist/shell/frame/deckStore.js

@@ -0,0 +1,239 @@
+// Decks in the shell: the decks (localStorage `bt.shell.decks.v1`), the deck settings
+// (`bt.shell.deck-settings.v1`), and what each column's webview last reported (unread, address,
+// loading). Columns are real site tab webviews: state.ts lays them out through `columnBoxes()`,
+// and each column's config reaches its page through the shell-only `column_configure` command
+// (validated natively: waybetter-host `tabs::ColumnConfig`). The kinds of columns, their pages and
+// flags are the site's (`site.deck`). Nothing here talks to the site.
+import { DEFAULT_COLUMN_WIDTH, DEFAULT_MAX_VISIBLE, clampWidth, columnUrl, emptyFilters, moveColumn, normalizeDecks, } from "../deckModel.js";
+import { invoke } from "./bridge.js";
+import { site } from "./site.js";
+const DECKS_KEY = 'bt.shell.decks.v1';
+const SETTINGS_KEY = 'bt.shell.deck-settings.v1';
+/** The site's deck, or an empty one (no kinds, no flags) for an app without decks. */
+const deckSite = () => site().deck ?? { kinds: [], urlFor: () => null, title: () => ({ title: '' }), parseValue: () => null, invalid: () => '', flags: [], defaultFlags: {} };
+/** Flags a column may carry: the listed ones and the site's unlisted ones (native code checks them again). */
+export const columnFlagKeys = () => [...deckSite().flags.map(option => option.key), ...(deckSite().extraFlags ?? [])];
+const columnKinds = () => deckSite().kinds.map(kind => kind.kind);
+export const defaultDeckSettings = () => ({
+    width: DEFAULT_COLUMN_WIDTH,
+    density: 'compact',
+    flags: { ...deckSite().defaultFlags },
+    maxVisible: DEFAULT_MAX_VISIBLE,
+    parkOffPage: true,
+});
+function read(key) {
+    try {
+        return JSON.parse(localStorage.getItem(key) || 'null');
+    }
+    catch {
+        return null;
+    }
+}
+function write(key, value) {
+    try {
+        localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch { /* best effort */ }
+}
+export function normalizeDeckSettings(value) {
+    const defaults = defaultDeckSettings();
+    const raw = (value && typeof value === 'object' ? value : {});
+    const allowed = columnFlagKeys();
+    const flags = {};
+    for (const [key, flag] of Object.entries(raw.flags && typeof raw.flags === 'object' ? raw.flags : defaults.flags)) {
+        if (allowed.includes(key) && typeof flag === 'boolean')
+            flags[key] = flag;
+    }
+    const maxVisible = typeof raw.maxVisible === 'number' && Number.isFinite(raw.maxVisible) ? Math.round(Math.min(12, Math.max(1, raw.maxVisible))) : defaults.maxVisible;
+    return {
+        width: raw.width === undefined ? defaults.width : clampWidth(raw.width),
+        density: raw.density === 'comfortable' ? 'comfortable' : 'compact',
+        flags,
+        maxVisible,
+        parkOffPage: raw.parkOffPage !== false,
+    };
+}
+export const decks = {
+    list: [],
+    /** `defaultDeckSettings()` once the site is set (createShell), then the saved ones (loadDecks). */
+    settings: { width: DEFAULT_COLUMN_WIDTH, density: 'compact', flags: {}, maxVisible: DEFAULT_MAX_VISIBLE, parkOffPage: true },
+    /** Per column tab: what its webview last reported. */
+    runtime: new Map(),
+    /** Focused column per deck. */
+    focus: new Map(),
+    page: new Map(),
+    /** Mark-read / jump requests per column tab (the page acts when the number changes). */
+    seq: new Map(),
+    /** Compose dock per deck: open and in which profile. */
+    compose: new Map(),
+    /** Last config sent per column tab (JSON), so unchanged configs are not re-sent. */
+    sent: new Map(),
+    /** Column tabs whose config native code has: only these are laid out (their webview then starts
+     * with the site's chrome already hidden). */
+    ready: new Set(),
+    loaded: false,
+};
+const emit = () => window.dispatchEvent(new CustomEvent('bt-decks'));
+export function loadDecks(profiles, fallbackProfile = 'default') {
+    decks.settings = normalizeDeckSettings(read(SETTINGS_KEY));
+    decks.list = normalizeDecks(read(DECKS_KEY), { kinds: columnKinds(), profiles, fallbackProfile, flags: columnFlagKeys() });
+    decks.loaded = true;
+}
+export function saveDecks() {
+    write(DECKS_KEY, decks.list);
+    emit();
+}
+export function setDeckSettings(next) {
+    decks.settings = normalizeDeckSettings(next);
+    write(SETTINGS_KEY, decks.settings);
+    // Density and default flags are part of every column's config.
+    for (const deck of decks.list)
+        for (const column of deck.columns)
+            configureColumn(column);
+    emit();
+}
+export const deckById = (id) => decks.list.find(deck => deck.id === id);
+export const newId = (prefix) => `${prefix}${Date.now().toString(36)}${Math.random().toString(36).slice(2, 7)}`;
+export function updateDeck(id, change) {
+    decks.list = decks.list.map(deck => (deck.id === id ? change(deck) : deck));
+    saveDecks();
+}
+export function createDeck(name, columns = []) {
+    const deck = { id: newId('d'), name, columns: columns.map(column => makeColumn(column)) };
+    decks.list = [...decks.list, deck];
+    saveDecks();
+    return deck;
+}
+export function makeColumn(input) {
+    return {
+        id: newId('c'),
+        tabId: newId('k'),
+        width: decks.settings.width,
+        flags: {},
+        filters: emptyFilters(),
+        ...input,
+    };
+}
+export function addColumn(deckId, input, after) {
+    const column = makeColumn(input);
+    updateDeck(deckId, deck => {
+        const index = after ? deck.columns.findIndex(c => c.id === after) : -1;
+        const columns = [...deck.columns];
+        columns.splice(index >= 0 ? index + 1 : columns.length, 0, column);
+        return { ...deck, columns };
+    });
+    decks.focus.set(deckId, column.id);
+    return column;
+}
+export function removeColumn(deckId, columnId) {
+    const deck = deckById(deckId);
+    const column = deck?.columns.find(c => c.id === columnId);
+    if (!deck || !column)
+        return;
+    updateDeck(deckId, d => ({ ...d, columns: d.columns.filter(c => c.id !== columnId) }));
+    forgetColumn(column.tabId);
+}
+export function patchColumn(deckId, columnId, patch) {
+    updateDeck(deckId, deck => ({ ...deck, columns: deck.columns.map(c => (c.id === columnId ? { ...c, ...patch } : c)) }));
+    const column = deckById(deckId)?.columns.find(c => c.id === columnId);
+    if (column)
+        configureColumn(column);
+}
+export function shiftColumn(deckId, columnId, delta) {
+    updateDeck(deckId, deck => ({ ...deck, columns: moveColumn(deck.columns, columnId, delta) }));
+}
+export function forgetColumn(tabId) {
+    decks.runtime.delete(tabId);
+    decks.seq.delete(tabId);
+    decks.sent.delete(tabId);
+    decks.ready.delete(tabId);
+    invoke('column_configure', { id: tabId, config: null }).catch(() => { });
+}
+export const columnSourceUrl = (source) => columnUrl(source, deckSite().urlFor);
+/** The config a column's page gets (validated natively). */
+export function columnConfig(column) {
+    const url = columnSourceUrl(column.source);
+    if (!url)
+        return null;
+    const seq = decks.seq.get(column.tabId) ?? { read: 0, jump: 0 };
+    const flags = { ...decks.settings.flags, ...column.flags, ...deckSite().kindFlags?.(column.source) };
+    return {
+        url,
+        kind: column.source.kind,
+        density: decks.settings.density,
+        filters: column.filters,
+        flags,
+        unread: true,
+        readSeq: seq.read,
+        jumpSeq: seq.jump,
+    };
+}
+/** Sends a column its config when it changed (or always with `force`, e.g. on mount). */
+export function configureColumn(column, force = false) {
+    const config = columnConfig(column);
+    const json = JSON.stringify(config);
+    if (!force && decks.sent.get(column.tabId) === json)
+        return Promise.resolve();
+    decks.sent.set(column.tabId, json);
+    return invoke('column_configure', { id: column.tabId, config }).then(() => { decks.ready.add(column.tabId); }, error => {
+        decks.sent.delete(column.tabId);
+        console.error('[deck] column_configure', error);
+    });
+}
+/** The compose dock (`site.deck.compose`) is a column-like webview on the site's compose page. */
+export const composeTabId = (deckId) => `${deckId}-compose`;
+export function configureCompose(deckId) {
+    const url = deckSite().compose?.url;
+    if (!url)
+        return Promise.resolve();
+    const id = composeTabId(deckId);
+    const config = { url, kind: 'compose', density: decks.settings.density, filters: emptyFilters(), flags: {}, unread: false, readSeq: 0, jumpSeq: 0 };
+    const json = JSON.stringify(config);
+    if (decks.sent.get(id) === json)
+        return Promise.resolve();
+    decks.sent.set(id, json);
+    return invoke('column_configure', { id, config }).then(() => { decks.ready.add(id); }, () => { decks.sent.delete(id); });
+}
+export function bump(column, which) {
+    const seq = decks.seq.get(column.tabId) ?? { read: 0, jump: 0 };
+    decks.seq.set(column.tabId, { ...seq, [which]: seq[which] + 1 });
+    if (which === 'read')
+        setRuntime(column.tabId, { unread: 0 });
+    void configureColumn(column);
+}
+export function setRuntime(tabId, patch) {
+    const current = decks.runtime.get(tabId) ?? { unread: 0 };
+    const next = { ...current, ...Object.fromEntries(Object.entries(patch).filter(([, value]) => value !== undefined)) };
+    if (JSON.stringify(next) === JSON.stringify(current))
+        return false;
+    decks.runtime.set(tabId, next);
+    emit();
+    return true;
+}
+/** The deck and column a tab webview id belongs to (columns and compose docks), if any. */
+export function findColumnTab(tabId) {
+    for (const deck of decks.list) {
+        if (composeTabId(deck.id) === tabId)
+            return { deck, compose: true };
+        const column = deck.columns.find(c => c.tabId === tabId);
+        if (column)
+            return { deck, column };
+    }
+    return null;
+}
+/** Workspaces: decks a restored workspace shows that are no longer here come back (by id). */
+export function ensureDecks(list) {
+    const incoming = normalizeDecks(list, { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });
+    const missing = incoming.filter(deck => !deckById(deck.id));
+    if (!missing.length)
+        return;
+    decks.list = normalizeDecks([...decks.list, ...missing], { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });
+    saveDecks();
+}
+/** Settings import: the backup's decks and deck settings replace the ones here. */
+export function replaceDecks(list, settings) {
+    decks.list = normalizeDecks(list, { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });
+    saveDecks();
+    setDeckSettings(normalizeDeckSettings(settings));
+}
+//# sourceMappingURL=deckStore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deckStore.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/deckStore.ts"],"names":[],"mappings":"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","sourcesContent":["// Decks in the shell: the decks (localStorage `bt.shell.decks.v1`), the deck settings\n// (`bt.shell.deck-settings.v1`), and what each column's webview last reported (unread, address,\n// loading). Columns are real site tab webviews: state.ts lays them out through `columnBoxes()`,\n// and each column's config reaches its page through the shell-only `column_configure` command\n// (validated natively: waybetter-host `tabs::ColumnConfig`). The kinds of columns, their pages and\n// flags are the site's (`site.deck`). Nothing here talks to the site.\n\nimport {\n  DEFAULT_COLUMN_WIDTH, DEFAULT_MAX_VISIBLE, clampWidth, columnUrl, emptyFilters, moveColumn, normalizeDecks,\n  type ColumnFilters, type ColumnSource, type Deck, type DeckColumn,\n} from '../deckModel.ts';\nimport { invoke } from './bridge.ts';\nimport { site, type DeckSite } from './site.ts';\n\nexport type { Deck, DeckColumn, ColumnFilters, ColumnSource };\n\nconst DECKS_KEY = 'bt.shell.decks.v1';\nconst SETTINGS_KEY = 'bt.shell.deck-settings.v1';\n\n/** The site's deck, or an empty one (no kinds, no flags) for an app without decks. */\nconst deckSite = (): DeckSite => site().deck ?? { kinds: [], urlFor: () => null, title: () => ({ title: '' }), parseValue: () => null, invalid: () => '', flags: [], defaultFlags: {} };\n\n/** Flags a column may carry: the listed ones and the site's unlisted ones (native code checks them again). */\nexport const columnFlagKeys = () => [...deckSite().flags.map(option => option.key), ...(deckSite().extraFlags ?? [])];\nconst columnKinds = () => deckSite().kinds.map(kind => kind.kind);\n\nexport type DeckSettings = {\n  width: number;\n  density: 'compact' | 'comfortable';\n  /** Default flags for new columns (and every column that does not override them). */\n  flags: Record<string, boolean>;\n  /** Visible columns per page; the memory guard warns above DEFAULT_MAX_VISIBLE. */\n  maxVisible: number;\n  /** Columns on other pages drop to WebView2's low memory target. */\n  parkOffPage: boolean;\n};\n\nexport const defaultDeckSettings = (): DeckSettings => ({\n  width: DEFAULT_COLUMN_WIDTH,\n  density: 'compact',\n  flags: { ...deckSite().defaultFlags },\n  maxVisible: DEFAULT_MAX_VISIBLE,\n  parkOffPage: true,\n});\n\nfunction read<T>(key: string): T | null {\n  try { return JSON.parse(localStorage.getItem(key) || 'null') as T; } catch { return null; }\n}\nfunction write(key: string, value: unknown) {\n  try { localStorage.setItem(key, JSON.stringify(value)); } catch { /* best effort */ }\n}\n\nexport function normalizeDeckSettings(value: unknown): DeckSettings {\n  const defaults = defaultDeckSettings();\n  const raw = (value && typeof value === 'object' ? value : {}) as Partial<DeckSettings>;\n  const allowed = columnFlagKeys();\n  const flags: Record<string, boolean> = {};\n  for (const [key, flag] of Object.entries(raw.flags && typeof raw.flags === 'object' ? raw.flags : defaults.flags)) {\n    if (allowed.includes(key) && typeof flag === 'boolean') flags[key] = flag;\n  }\n  const maxVisible = typeof raw.maxVisible === 'number' && Number.isFinite(raw.maxVisible) ? Math.round(Math.min(12, Math.max(1, raw.maxVisible))) : defaults.maxVisible;\n  return {\n    width: raw.width === undefined ? defaults.width : clampWidth(raw.width),\n    density: raw.density === 'comfortable' ? 'comfortable' : 'compact',\n    flags,\n    maxVisible,\n    parkOffPage: raw.parkOffPage !== false,\n  };\n}\n\ntype ColumnRuntime = { url?: string; title?: string; loading?: boolean; unread: number };\n\nexport const decks = {\n  list: [] as Deck[],\n  /** `defaultDeckSettings()` once the site is set (createShell), then the saved ones (loadDecks). */\n  settings: { width: DEFAULT_COLUMN_WIDTH, density: 'compact', flags: {}, maxVisible: DEFAULT_MAX_VISIBLE, parkOffPage: true } as DeckSettings,\n  /** Per column tab: what its webview last reported. */\n  runtime: new Map<string, ColumnRuntime>(),\n  /** Focused column per deck. */\n  focus: new Map<string, string>(),\n  page: new Map<string, number>(),\n  /** Mark-read / jump requests per column tab (the page acts when the number changes). */\n  seq: new Map<string, { read: number; jump: number }>(),\n  /** Compose dock per deck: open and in which profile. */\n  compose: new Map<string, { profile: string }>(),\n  /** Last config sent per column tab (JSON), so unchanged configs are not re-sent. */\n  sent: new Map<string, string>(),\n  /** Column tabs whose config native code has: only these are laid out (their webview then starts\n   * with the site's chrome already hidden). */\n  ready: new Set<string>(),\n  loaded: false,\n};\n\nconst emit = () => window.dispatchEvent(new CustomEvent('bt-decks'));\n\nexport function loadDecks(profiles?: readonly string[], fallbackProfile = 'default') {\n  decks.settings = normalizeDeckSettings(read(SETTINGS_KEY));\n  decks.list = normalizeDecks(read(DECKS_KEY), { kinds: columnKinds(), profiles, fallbackProfile, flags: columnFlagKeys() });\n  decks.loaded = true;\n}\n\nexport function saveDecks() {\n  write(DECKS_KEY, decks.list);\n  emit();\n}\n\nexport function setDeckSettings(next: DeckSettings) {\n  decks.settings = normalizeDeckSettings(next);\n  write(SETTINGS_KEY, decks.settings);\n  // Density and default flags are part of every column's config.\n  for (const deck of decks.list) for (const column of deck.columns) configureColumn(column);\n  emit();\n}\n\nexport const deckById = (id: string) => decks.list.find(deck => deck.id === id);\nexport const newId = (prefix: string) => `${prefix}${Date.now().toString(36)}${Math.random().toString(36).slice(2, 7)}`;\n\nexport function updateDeck(id: string, change: (deck: Deck) => Deck) {\n  decks.list = decks.list.map(deck => (deck.id === id ? change(deck) : deck));\n  saveDecks();\n}\n\nexport function createDeck(name: string, columns: Array<Pick<DeckColumn, 'profile' | 'source'> & Partial<DeckColumn>> = []): Deck {\n  const deck: Deck = { id: newId('d'), name, columns: columns.map(column => makeColumn(column)) };\n  decks.list = [...decks.list, deck];\n  saveDecks();\n  return deck;\n}\n\nexport function makeColumn(input: Pick<DeckColumn, 'profile' | 'source'> & Partial<DeckColumn>): DeckColumn {\n  return {\n    id: newId('c'),\n    tabId: newId('k'),\n    width: decks.settings.width,\n    flags: {},\n    filters: emptyFilters(),\n    ...input,\n  };\n}\n\nexport function addColumn(deckId: string, input: Pick<DeckColumn, 'profile' | 'source'> & Partial<DeckColumn>, after?: string): DeckColumn {\n  const column = makeColumn(input);\n  updateDeck(deckId, deck => {\n    const index = after ? deck.columns.findIndex(c => c.id === after) : -1;\n    const columns = [...deck.columns];\n    columns.splice(index >= 0 ? index + 1 : columns.length, 0, column);\n    return { ...deck, columns };\n  });\n  decks.focus.set(deckId, column.id);\n  return column;\n}\n\nexport function removeColumn(deckId: string, columnId: string) {\n  const deck = deckById(deckId);\n  const column = deck?.columns.find(c => c.id === columnId);\n  if (!deck || !column) return;\n  updateDeck(deckId, d => ({ ...d, columns: d.columns.filter(c => c.id !== columnId) }));\n  forgetColumn(column.tabId);\n}\n\nexport function patchColumn(deckId: string, columnId: string, patch: Partial<DeckColumn>) {\n  updateDeck(deckId, deck => ({ ...deck, columns: deck.columns.map(c => (c.id === columnId ? { ...c, ...patch } : c)) }));\n  const column = deckById(deckId)?.columns.find(c => c.id === columnId);\n  if (column) configureColumn(column);\n}\n\nexport function shiftColumn(deckId: string, columnId: string, delta: number) {\n  updateDeck(deckId, deck => ({ ...deck, columns: moveColumn(deck.columns, columnId, delta) }));\n}\n\nexport function forgetColumn(tabId: string) {\n  decks.runtime.delete(tabId);\n  decks.seq.delete(tabId);\n  decks.sent.delete(tabId);\n  decks.ready.delete(tabId);\n  invoke('column_configure', { id: tabId, config: null }).catch(() => {});\n}\n\nexport const columnSourceUrl = (source: ColumnSource) => columnUrl(source, deckSite().urlFor);\n\n/** The config a column's page gets (validated natively). */\nexport function columnConfig(column: DeckColumn) {\n  const url = columnSourceUrl(column.source);\n  if (!url) return null;\n  const seq = decks.seq.get(column.tabId) ?? { read: 0, jump: 0 };\n  const flags: Record<string, boolean> = { ...decks.settings.flags, ...column.flags, ...deckSite().kindFlags?.(column.source) };\n  return {\n    url,\n    kind: column.source.kind,\n    density: decks.settings.density,\n    filters: column.filters,\n    flags,\n    unread: true,\n    readSeq: seq.read,\n    jumpSeq: seq.jump,\n  };\n}\n\n/** Sends a column its config when it changed (or always with `force`, e.g. on mount). */\nexport function configureColumn(column: DeckColumn, force = false): Promise<void> {\n  const config = columnConfig(column);\n  const json = JSON.stringify(config);\n  if (!force && decks.sent.get(column.tabId) === json) return Promise.resolve();\n  decks.sent.set(column.tabId, json);\n  return invoke('column_configure', { id: column.tabId, config }).then(() => { decks.ready.add(column.tabId); }, error => {\n    decks.sent.delete(column.tabId);\n    console.error('[deck] column_configure', error);\n  });\n}\n\n/** The compose dock (`site.deck.compose`) is a column-like webview on the site's compose page. */\nexport const composeTabId = (deckId: string) => `${deckId}-compose`;\nexport function configureCompose(deckId: string): Promise<void> {\n  const url = deckSite().compose?.url;\n  if (!url) return Promise.resolve();\n  const id = composeTabId(deckId);\n  const config = { url, kind: 'compose', density: decks.settings.density, filters: emptyFilters(), flags: {}, unread: false, readSeq: 0, jumpSeq: 0 };\n  const json = JSON.stringify(config);\n  if (decks.sent.get(id) === json) return Promise.resolve();\n  decks.sent.set(id, json);\n  return invoke('column_configure', { id, config }).then(() => { decks.ready.add(id); }, () => { decks.sent.delete(id); });\n}\n\nexport function bump(column: DeckColumn, which: 'read' | 'jump') {\n  const seq = decks.seq.get(column.tabId) ?? { read: 0, jump: 0 };\n  decks.seq.set(column.tabId, { ...seq, [which]: seq[which] + 1 });\n  if (which === 'read') setRuntime(column.tabId, { unread: 0 });\n  void configureColumn(column);\n}\n\nexport function setRuntime(tabId: string, patch: Partial<ColumnRuntime>) {\n  const current = decks.runtime.get(tabId) ?? { unread: 0 };\n  const next = { ...current, ...Object.fromEntries(Object.entries(patch).filter(([, value]) => value !== undefined)) };\n  if (JSON.stringify(next) === JSON.stringify(current)) return false;\n  decks.runtime.set(tabId, next);\n  emit();\n  return true;\n}\n\n/** The deck and column a tab webview id belongs to (columns and compose docks), if any. */\nexport function findColumnTab(tabId: string): { deck: Deck; column?: DeckColumn; compose?: boolean } | null {\n  for (const deck of decks.list) {\n    if (composeTabId(deck.id) === tabId) return { deck, compose: true };\n    const column = deck.columns.find(c => c.tabId === tabId);\n    if (column) return { deck, column };\n  }\n  return null;\n}\n\n/** Workspaces: decks a restored workspace shows that are no longer here come back (by id). */\nexport function ensureDecks(list: unknown[]) {\n  const incoming = normalizeDecks(list, { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });\n  const missing = incoming.filter(deck => !deckById(deck.id));\n  if (!missing.length) return;\n  decks.list = normalizeDecks([...decks.list, ...missing], { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });\n  saveDecks();\n}\n\n/** Settings import: the backup's decks and deck settings replace the ones here. */\nexport function replaceDecks(list: unknown, settings: unknown) {\n  decks.list = normalizeDecks(list, { kinds: columnKinds(), fallbackProfile: 'default', flags: columnFlagKeys() });\n  saveDecks();\n  setDeckSettings(normalizeDeckSettings(settings));\n}\n"]}

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

@@ -0,0 +1,35 @@
+export { checkPluginSyntax, type SyntaxProblem } from './devModel.ts';
+export type DevErrorInfo = {
+    file: string;
+    line?: number | null;
+    column?: number | null;
+    message: string;
+    at?: string;
+};
+export type DevEventPayload = {
+    kind: 'check';
+    file: string;
+    source: string;
+} | {
+    kind: 'reloaded';
+    target: 'plugin' | 'css' | 'theme';
+    file?: string | null;
+} | {
+    kind: 'error';
+    error: DevErrorInfo;
+} | {
+    kind: 'changed';
+};
+export declare const dev: {
+    enabled: boolean;
+    errors: DevErrorInfo[];
+    /** The last thing reloaded, for the titlebar chip ("Reloaded focus-mode.plugin.js"). */
+    last: {
+        text: string;
+        at: number;
+    } | null;
+};
+export declare function refreshDev(): Promise<void>;
+export declare function installDevHost(): () => void;
+export declare function setDevEnabled(enabled: boolean): void;
+export declare function setDevErrors(errors: DevErrorInfo[]): void;

package/dist/shell/frame/devHost.js

@@ -0,0 +1,80 @@
+// Developer mode in the shell: native code watches the plugins folder, custom.css and the chosen
+// theme file (waybetter-host `devmode`) and sends `dev-event`s. A changed plugin arrives as
+// `check` with its source: the shell parses it (devModel.ts, never evaluated) and either asks
+// native code to reload it in every site tab (`dev_reload_plugin`: stop, then start the new
+// version) or reports the syntax error with file, line and column (`dev_report_error`: a toast in
+// the site tabs, the list in the app's developer settings, the titlebar chip). Runtime errors of
+// the new version show in the page.
+import { invoke, listen } from "./bridge.js";
+import { checkPluginSyntax } from "./devModel.js";
+import { t } from "./i18n.js";
+export { checkPluginSyntax } from "./devModel.js";
+export const dev = {
+    enabled: false,
+    errors: [],
+    /** The last thing reloaded, for the titlebar chip ("Reloaded focus-mode.plugin.js"). */
+    last: null,
+};
+const emit = () => window.dispatchEvent(new CustomEvent('bt-dev'));
+async function onCheck(file, source) {
+    const problem = await checkPluginSyntax(source);
+    if (problem) {
+        await invoke('dev_report_error', { file, line: problem.line, column: problem.column, message: problem.message }).catch(() => { });
+        return;
+    }
+    await invoke('dev_reload_plugin', { file }).catch(error => {
+        dev.errors = [{ file, message: String(error) }, ...dev.errors].slice(0, 20);
+        emit();
+    });
+}
+export async function refreshDev() {
+    try {
+        const status = await invoke('dev_get');
+        dev.enabled = status.enabled;
+        dev.errors = status.errors ?? [];
+    }
+    catch {
+        dev.enabled = false;
+    }
+    emit();
+}
+export function installDevHost() {
+    void refreshDev();
+    const off = listen('dev-event', ({ payload }) => {
+        if (!payload)
+            return;
+        if (payload.kind === 'check') {
+            void onCheck(payload.file, payload.source);
+            return;
+        }
+        // Turned on or off (from the panel or elsewhere): read the state again.
+        if (payload.kind === 'changed') {
+            void refreshDev();
+            return;
+        }
+        // Only a watching app sends these.
+        dev.enabled = true;
+        if (payload.kind === 'error') {
+            dev.errors = [{ ...payload.error, at: new Date().toISOString() }, ...dev.errors.filter(error => error.file !== payload.error.file)].slice(0, 20);
+        }
+        else if (payload.kind === 'reloaded') {
+            if (payload.file)
+                dev.errors = dev.errors.filter(error => error.file !== payload.file);
+            dev.last = { text: t('wb.dev.reloaded', { file: payload.file ?? payload.target ?? '' }), at: Date.now() };
+        }
+        emit();
+        window.dispatchEvent(new CustomEvent('bt-dev-event', { detail: payload }));
+    });
+    return () => { void off.then(dispose => dispose(), () => { }); };
+}
+export function setDevEnabled(enabled) {
+    dev.enabled = enabled;
+    if (!enabled)
+        dev.errors = [];
+    emit();
+}
+export function setDevErrors(errors) {
+    dev.errors = errors;
+    emit();
+}
+//# sourceMappingURL=devHost.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"devHost.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/devHost.ts"],"names":[],"mappings":"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","sourcesContent":["// Developer mode in the shell: native code watches the plugins folder, custom.css and the chosen\n// theme file (waybetter-host `devmode`) and sends `dev-event`s. A changed plugin arrives as\n// `check` with its source: the shell parses it (devModel.ts, never evaluated) and either asks\n// native code to reload it in every site tab (`dev_reload_plugin`: stop, then start the new\n// version) or reports the syntax error with file, line and column (`dev_report_error`: a toast in\n// the site tabs, the list in the app's developer settings, the titlebar chip). Runtime errors of\n// the new version show in the page.\n\nimport { invoke, listen } from './bridge.ts';\nimport { checkPluginSyntax } from './devModel.ts';\nimport { t } from './i18n.ts';\n\nexport { checkPluginSyntax, type SyntaxProblem } from './devModel.ts';\n\nexport type DevErrorInfo = { file: string; line?: number | null; column?: number | null; message: string; at?: string };\nexport type DevEventPayload =\n  | { kind: 'check'; file: string; source: string }\n  | { kind: 'reloaded'; target: 'plugin' | 'css' | 'theme'; file?: string | null }\n  | { kind: 'error'; error: DevErrorInfo }\n  | { kind: 'changed' };\n\nexport const dev = {\n  enabled: false,\n  errors: [] as DevErrorInfo[],\n  /** The last thing reloaded, for the titlebar chip (\"Reloaded focus-mode.plugin.js\"). */\n  last: null as { text: string; at: number } | null,\n};\n\nconst emit = () => window.dispatchEvent(new CustomEvent('bt-dev'));\n\nasync function onCheck(file: string, source: string) {\n  const problem = await checkPluginSyntax(source);\n  if (problem) {\n    await invoke('dev_report_error', { file, line: problem.line, column: problem.column, message: problem.message }).catch(() => {});\n    return;\n  }\n  await invoke('dev_reload_plugin', { file }).catch(error => {\n    dev.errors = [{ file, message: String(error) }, ...dev.errors].slice(0, 20);\n    emit();\n  });\n}\n\nexport async function refreshDev(): Promise<void> {\n  try {\n    const status = await invoke<{ enabled: boolean; errors: DevErrorInfo[] }>('dev_get');\n    dev.enabled = status.enabled;\n    dev.errors = status.errors ?? [];\n  } catch { dev.enabled = false; }\n  emit();\n}\n\nexport function installDevHost(): () => void {\n  void refreshDev();\n  const off = listen<DevEventPayload>('dev-event', ({ payload }) => {\n    if (!payload) return;\n    if (payload.kind === 'check') { void onCheck(payload.file, payload.source); return; }\n    // Turned on or off (from the panel or elsewhere): read the state again.\n    if (payload.kind === 'changed') { void refreshDev(); return; }\n    // Only a watching app sends these.\n    dev.enabled = true;\n    if (payload.kind === 'error') {\n      dev.errors = [{ ...payload.error, at: new Date().toISOString() }, ...dev.errors.filter(error => error.file !== payload.error.file)].slice(0, 20);\n    } else if (payload.kind === 'reloaded') {\n      if (payload.file) dev.errors = dev.errors.filter(error => error.file !== payload.file);\n      dev.last = { text: t('wb.dev.reloaded', { file: payload.file ?? payload.target ?? '' }), at: Date.now() };\n    }\n    emit();\n    window.dispatchEvent(new CustomEvent('bt-dev-event', { detail: payload }));\n  });\n  return () => { void off.then(dispose => dispose(), () => {}); };\n}\n\nexport function setDevEnabled(enabled: boolean) {\n  dev.enabled = enabled;\n  if (!enabled) dev.errors = [];\n  emit();\n}\n\nexport function setDevErrors(errors: DevErrorInfo[]) {\n  dev.errors = errors;\n  emit();\n}\n"]}

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

@@ -0,0 +1,7 @@
+export type SyntaxProblem = {
+    line: number;
+    column: number;
+    message: string;
+};
+/** Null when `source` parses. Line and column are 1-based, in the file. */
+export declare function checkPluginSyntax(source: string): Promise<SyntaxProblem | null>;

package/dist/shell/frame/devModel.js

@@ -0,0 +1,17 @@
+// Developer mode's syntax gate (pure; unit-tested under node): a changed plugin file is parsed the
+// way the host evaluates it (the body of a CommonJS function), never run, before native code is
+// asked to reload it. Uses acorn (an optional peer dependency of the shell frame).
+/** Null when `source` parses. Line and column are 1-based, in the file. */
+export async function checkPluginSyntax(source) {
+    const { parse } = await import('acorn');
+    try {
+        parse(source.replace(/^/, ''), { ecmaVersion: 'latest', sourceType: 'script', allowReturnOutsideFunction: true, allowHashBang: true, allowAwaitOutsideFunction: false });
+        return null;
+    }
+    catch (error) {
+        const loc = error.loc;
+        const message = (error instanceof Error ? error.message : String(error)).replace(/\s*\(\d+:\d+\)$/, '');
+        return { line: loc?.line ?? 1, column: (loc?.column ?? 0) + 1, message: `SyntaxError: ${message}` };
+    }
+}
+//# sourceMappingURL=devModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"devModel.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/devModel.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,gGAAgG;AAChG,mFAAmF;AAInF,2EAA2E;AAC3E,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,MAAc;IACpD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IACxC,IAAI,CAAC;QACH,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,0BAA0B,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1K,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,GAAG,GAAI,KAAoD,CAAC,GAAG,CAAC;QACtE,MAAM,OAAO,GAAG,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;QACxG,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,gBAAgB,OAAO,EAAE,EAAE,CAAC;IACtG,CAAC;AACH,CAAC","sourcesContent":["// Developer mode's syntax gate (pure; unit-tested under node): a changed plugin file is parsed the\n// way the host evaluates it (the body of a CommonJS function), never run, before native code is\n// asked to reload it. Uses acorn (an optional peer dependency of the shell frame).\n\nexport type SyntaxProblem = { line: number; column: number; message: string };\n\n/** Null when `source` parses. Line and column are 1-based, in the file. */\nexport async function checkPluginSyntax(source: string): Promise<SyntaxProblem | null> {\n  const { parse } = await import('acorn');\n  try {\n    parse(source.replace(/^/, ''), { ecmaVersion: 'latest', sourceType: 'script', allowReturnOutsideFunction: true, allowHashBang: true, allowAwaitOutsideFunction: false });\n    return null;\n  } catch (error) {\n    const loc = (error as { loc?: { line: number; column: number } }).loc;\n    const message = (error instanceof Error ? error.message : String(error)).replace(/\\s*\\(\\d+:\\d+\\)$/, '');\n    return { line: loc?.line ?? 1, column: (loc?.column ?? 0) + 1, message: `SyntaxError: ${message}` };\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+/** Asks native code once whether diagnostics are on, and starts following the document's focus. */
+export declare function initDiag(): Promise<void>;
+/** An element as a few plain words: its tag and first class (never its text). */
+export declare function describe(element: Element | null): string;
+/** One event line (nothing happens while diagnostics are off). */
+export declare function diag(line: string): void;
+export declare const diagOn: () => boolean;

package/dist/shell/frame/diag.js

@@ -0,0 +1,39 @@
+// Focus and layering diagnostics from the shell (waybetter-host `diag.rs`): off unless the app was
+// started with `--diag` (or WAYBETTER_DIAG=1). While on, each event is one short line in the app's
+// log folder (`diag.log`): menu requests and closes with their reason, overlays and raising, native
+// focus calls and the shell document's focus, blur and visibility. Event names and states only;
+// never a URL, a query or page text.
+import { invoke } from "./bridge.js";
+let enabled = false;
+/** Asks native code once whether diagnostics are on, and starts following the document's focus. */
+export async function initDiag() {
+    try {
+        enabled = await invoke('diag_get') === true;
+    }
+    catch {
+        enabled = false;
+    }
+    if (!enabled)
+        return;
+    const state = () => `hasFocus=${document.hasFocus()} visible=${document.visibilityState} active=${describe(document.activeElement)}`;
+    window.addEventListener('focus', () => diag(`window focus (${state()})`));
+    window.addEventListener('blur', () => diag(`window blur (${state()})`));
+    document.addEventListener('visibilitychange', () => diag(`visibility ${document.visibilityState}`));
+    diag(`diagnostics on (${state()})`);
+}
+/** An element as a few plain words: its tag and first class (never its text). */
+export function describe(element) {
+    if (!element)
+        return 'none';
+    const name = element.tagName.toLowerCase();
+    const first = typeof element.className === 'string' ? element.className.split(/\s+/).filter(Boolean)[0] : '';
+    return first ? `${name}.${first}` : name;
+}
+/** One event line (nothing happens while diagnostics are off). */
+export function diag(line) {
+    if (!enabled)
+        return;
+    invoke('diag_log', { line: line.slice(0, 280) }).catch(() => { });
+}
+export const diagOn = () => enabled;
+//# sourceMappingURL=diag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"diag.js","sourceRoot":"","sources":["../../../../../../shell/src/frame/diag.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,mGAAmG;AACnG,oGAAoG;AACpG,gGAAgG;AAChG,qCAAqC;AAErC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,IAAI,OAAO,GAAG,KAAK,CAAC;AAEpB,mGAAmG;AACnG,MAAM,CAAC,KAAK,UAAU,QAAQ;IAC5B,IAAI,CAAC;QAAC,OAAO,GAAG,MAAM,MAAM,CAAU,UAAU,CAAC,KAAK,IAAI,CAAC;IAAC,CAAC;IAAC,MAAM,CAAC;QAAC,OAAO,GAAG,KAAK,CAAC;IAAC,CAAC;IACxF,IAAI,CAAC,OAAO;QAAE,OAAO;IACrB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,YAAY,QAAQ,CAAC,QAAQ,EAAE,YAAY,QAAQ,CAAC,eAAe,WAAW,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;IACrI,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAC1E,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IACxE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;IACpG,IAAI,CAAC,mBAAmB,KAAK,EAAE,GAAG,CAAC,CAAC;AACtC,CAAC;AAED,iFAAiF;AACjF,MAAM,UAAU,QAAQ,CAAC,OAAuB;IAC9C,IAAI,CAAC,OAAO;QAAE,OAAO,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC3C,MAAM,KAAK,GAAG,OAAO,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7G,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3C,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,IAAI,CAAC,IAAY;IAC/B,IAAI,CAAC,OAAO;QAAE,OAAO;IACrB,MAAM,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC","sourcesContent":["// Focus and layering diagnostics from the shell (waybetter-host `diag.rs`): off unless the app was\n// started with `--diag` (or WAYBETTER_DIAG=1). While on, each event is one short line in the app's\n// log folder (`diag.log`): menu requests and closes with their reason, overlays and raising, native\n// focus calls and the shell document's focus, blur and visibility. Event names and states only;\n// never a URL, a query or page text.\n\nimport { invoke } from './bridge.ts';\n\nlet enabled = false;\n\n/** Asks native code once whether diagnostics are on, and starts following the document's focus. */\nexport async function initDiag(): Promise<void> {\n  try { enabled = await invoke<boolean>('diag_get') === true; } catch { enabled = false; }\n  if (!enabled) return;\n  const state = () => `hasFocus=${document.hasFocus()} visible=${document.visibilityState} active=${describe(document.activeElement)}`;\n  window.addEventListener('focus', () => diag(`window focus (${state()})`));\n  window.addEventListener('blur', () => diag(`window blur (${state()})`));\n  document.addEventListener('visibilitychange', () => diag(`visibility ${document.visibilityState}`));\n  diag(`diagnostics on (${state()})`);\n}\n\n/** An element as a few plain words: its tag and first class (never its text). */\nexport function describe(element: Element | null): string {\n  if (!element) return 'none';\n  const name = element.tagName.toLowerCase();\n  const first = typeof element.className === 'string' ? element.className.split(/\\s+/).filter(Boolean)[0] : '';\n  return first ? `${name}.${first}` : name;\n}\n\n/** One event line (nothing happens while diagnostics are off). */\nexport function diag(line: string): void {\n  if (!enabled) return;\n  invoke('diag_log', { line: line.slice(0, 280) }).catch(() => {});\n}\n\nexport const diagOn = () => enabled;\n"]}

package/dist/shell/frame/findBar.css

@@ -0,0 +1,14 @@
+/* Find in page (FindBar.tsx): the find field takes the address field's place in its pane's toolbar,
+   so it borrows that field's shape (.bt-omni, shell.css) and only adds what is its own. */
+.bt-omni.bt-find input { font: 400 13px/1 var(--bt-ui); }
+.bt-omni.bt-find input::placeholder { color: var(--bt-faint); }
+.bt-find-count { flex: none; padding-inline: 6px 4px; color: var(--bt-muted); font: 500 11.5px/1 var(--bt-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.bt-find.is-none .bt-find-count { color: var(--bt-danger); }
+.bt-find .bt-omni-action { color: var(--bt-muted); }
+.bt-find .bt-omni-action:disabled { color: var(--bt-faint); opacity: .6; cursor: default; background: transparent; }
+.bt-shell .bt-find .bt-omni-action svg { width: 15px; height: 15px; }
+.bt-shell .bt-find .bt-find-up { transform: rotate(180deg); }
+
+/* In a deck column the bar lies over the column's header (DeckView.tsx): same field, the column's width. */
+.bt-col-find { position: absolute; inset: 0; z-index: 3; border-radius: inherit; display: flex; align-items: center; padding-inline: 8px; background: var(--bt-chrome); }
+.bt-col-find .bt-find { flex: 1; min-width: 0; height: 32px; }