waybetter 0.1.0 → 0.6.0

package/dist/shell/StoreView.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// The wayBetter Store view, shared by every wayBetter app: themes and plugins from the signed
+// catalog (native code verifies its Ed25519 signature, keeps this app's items, then checks each
+// download's sha256). Search, kinds, categories, cards with previews and permission badges, and
+// Install / Update / Remove. Installing always goes through the install screen (InstallHost), never
+// straight from here. Styles: `store.css` (framework `--wb-*` tokens). The app may pass its own
+// controls (buttons, search field, segmented control) so the view matches its settings.
+import { useEffect, useMemo, useState, useSyncExternalStore } from 'react';
+import { categoryLabel, errorText, filterItems, itemState, permissionBadges } from "./storeModel.js";
+export const DEFAULT_CONTROLS = {
+    Button: ({ children, onClick, tone = 'plain', size = 'md', disabled, title }) => _jsx("button", { type: "button", className: `wb-btn is-${tone} is-${size}`, disabled: disabled, title: title, onClick: onClick, children: children }),
+    SearchField: ({ value, onChange, placeholder, label }) => _jsx("input", { className: "wb-field", type: "search", "aria-label": label, placeholder: placeholder, value: value, onChange: event => onChange(event.target.value), onKeyDown: event => { if (event.key === 'Escape' && value) {
+            event.stopPropagation();
+            onChange('');
+        } } }),
+    Segmented: ({ value, options, onChange, label }) => _jsx("div", { className: "wb-segmented", role: "radiogroup", "aria-label": label, children: options.map(option => _jsx("button", { type: "button", role: "radio", "aria-checked": option.value === value, className: option.value === value ? 'is-on' : '', onClick: () => onChange(option.value), children: option.label }, option.value)) }),
+    EmptyState: ({ icon, title, children, action }) => _jsxs("div", { className: "wb-empty", children: [icon && _jsx("div", { "aria-hidden": "true", children: icon }), _jsx("strong", { children: title }), children && _jsx("p", { children: children }), action] }),
+    Badge: ({ children }) => _jsx("span", { className: "wb-badge", children: children }),
+};
+const STORE_ICON = _jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M4 9l1.5-5h13L20 9M4 9h16v11H4zM4 9a2.7 2.7 0 0 0 5.3 0 2.7 2.7 0 0 0 5.4 0 2.7 2.7 0 0 0 5.3 0M10 20v-5h4v5", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinejoin: "round" }) });
+function Preview({ item }) {
+    const [broken, setBroken] = useState(false);
+    const c = item.colors;
+    if (item.preview && !broken)
+        return _jsx("img", { className: "wbs-img", src: item.preview, alt: "", loading: "lazy", onError: () => setBroken(true) });
+    // Offline or not published yet: swatches from the signed catalog (themes) or a plain tile.
+    return _jsx("div", { className: "wbs-img wbs-swatch", style: c ? { background: c.bg } : undefined, "aria-hidden": "true", children: c ? _jsxs(_Fragment, { children: [_jsx("span", { style: { background: c.surface ?? c.bg, borderColor: c.text } }), _jsx("i", { style: { background: c.text } }), _jsx("b", { style: { background: c.accent } })] }) : _jsx("strong", { children: item.name.slice(0, 1) }) });
+}
+function Action({ item, state, busy, t, ui, onInstall, onRemove, onUse }) {
+    const { Button } = ui;
+    const [asking, setAsking] = useState(false);
+    if (state.state === 'builtin')
+        return _jsxs("div", { className: "wbs-actions", children: [_jsx("span", { className: "wbs-state", children: t('wb.store.builtIn') }), _jsx(Button, { size: "sm", onClick: onUse, children: t('wb.store.use') })] });
+    if (state.state === 'install')
+        return _jsx("div", { className: "wbs-actions", children: _jsx(Button, { size: "sm", tone: "primary", disabled: busy, onClick: onInstall, children: t('wb.store.install') }) });
+    const remove = asking
+        ? _jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", tone: "danger", onClick: () => { setAsking(false); onRemove(); }, children: t('wb.store.remove') }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setAsking(false), children: t('wb.store.keep') })] })
+        : _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setAsking(true), children: t('wb.store.remove') });
+    if (state.state === 'update')
+        return _jsxs("div", { className: "wbs-actions", children: [_jsx(Button, { size: "sm", tone: "primary", disabled: busy, onClick: onInstall, children: t('wb.store.updateTo', { version: item.version }) }), remove] });
+    if (state.state === 'modified')
+        return _jsxs("div", { className: "wbs-actions", children: [_jsx("span", { className: "wbs-state", title: t('wb.store.modifiedTitle'), children: t('wb.store.modified') }), _jsx(Button, { size: "sm", disabled: busy, onClick: onInstall, children: t('wb.store.replace') }), remove] });
+    return _jsxs("div", { className: "wbs-actions", children: [_jsx("span", { className: "wbs-state is-ok", children: state.version ? t('wb.store.installedVersion', { version: state.version }) : t('wb.store.installed') }), remove] });
+}
+export function StoreView(props) {
+    const { t, site, controller, notify } = props;
+    const ui = { ...DEFAULT_CONTROLS, ...props.controls };
+    const { Button, SearchField, Segmented, EmptyState, Badge } = ui;
+    const [view, setView] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [query, setQuery] = useState('');
+    const [kind, setKind] = useState('all');
+    const [category, setCategory] = useState('all');
+    const request = useSyncExternalStore(controller.subscribe, controller.current, controller.current);
+    const load = (refresh) => {
+        setLoading(true);
+        return props.load(refresh).then(setView).catch(error => notify(errorText(error), true)).finally(() => setLoading(false));
+    };
+    useEffect(() => { void load(false); }, []);
+    // Installs finish in the install screen; refresh what is installed afterwards.
+    useEffect(() => {
+        const again = () => void load(false);
+        const events = props.reloadOn ?? [];
+        for (const name of events)
+            window.addEventListener(name, again);
+        return () => { for (const name of events)
+            window.removeEventListener(name, again); };
+    }, [(props.reloadOn ?? []).join(' ')]);
+    useEffect(() => { if (request === null)
+        void load(false); }, [request === null]);
+    const items = view?.catalog?.items ?? [];
+    const context = { plugins: view?.plugins ?? {}, records: view?.records.items ?? {}, builtinThemes: props.builtinThemes, userThemes: props.userThemes };
+    const categories = useMemo(() => [...new Set(items.filter(item => kind === 'all' || item.kind === kind).map(item => item.category))].sort(), [items, kind]);
+    const shown = filterItems(items, query, kind, category);
+    const updates = items.filter(item => itemState(item, context).state === 'update');
+    const ago = (iso) => {
+        if (!iso)
+            return '';
+        const at = Date.parse(iso);
+        return Number.isFinite(at) ? props.relativeTime(Math.min(at, Date.now())) : '';
+    };
+    async function removeItem(item) {
+        if (!view)
+            return;
+        try {
+            if (!(await props.onRemove(item, view)))
+                return;
+            notify(t('wb.store.removed', { name: item.name }));
+            await load(false);
+        }
+        catch (error) {
+            notify(errorText(error), true);
+        }
+    }
+    const status = view?.error
+        ? _jsx("span", { className: "wbs-status is-warn", role: "status", children: view.catalog ? t('wb.store.offline', { when: ago(view.fetchedAt), error: errorText(view.error) }) : t('wb.store.unreachableShort') })
+        : view?.catalog ? _jsxs("span", { className: "wbs-status is-ok", role: "status", children: [_jsx("svg", { width: "13", height: "13", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M12 3l7 3v5c0 4.6-3 8.5-7 10-4-1.5-7-5.4-7-10V6zM8.5 12l2.5 2.5 4.5-5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), t('wb.store.verified', { when: ago(view.fetchedAt) })] }) : null;
+    return _jsxs("div", { className: "wbs", children: [_jsx("p", { className: "wbs-intro", children: t('wb.store.intro') }), _jsxs("div", { className: "wbs-toolbar", children: [_jsx(SearchField, { label: t('wb.store.search'), placeholder: t('wb.store.searchPlaceholder'), value: query, onChange: setQuery }), _jsx(Segmented, { label: t('wb.store.kind'), size: "sm", value: kind, onChange: next => { setKind(next); setCategory('all'); }, options: [{ value: 'all', label: t('wb.store.all') }, { value: 'theme', label: t('wb.store.themes') }, { value: 'plugin', label: t('wb.store.pluginsTab') }, ...(items.some(item => item.kind === 'strings') ? [{ value: 'strings', label: t('wb.store.strings') }] : [])] }), _jsx(Button, { size: "sm", tone: "ghost", disabled: loading, onClick: () => void load(true), children: loading ? t('wb.store.checking') : t('wb.store.refresh') })] }), _jsxs("div", { className: "wbs-cats", role: "group", "aria-label": t('wb.store.categories'), children: [['all', ...categories].map(id => _jsx("button", { className: category === id ? 'is-on' : '', "aria-pressed": category === id, onClick: () => setCategory(id), children: id === 'all' ? t('wb.store.everything') : categoryLabel(id, t) }, id)), _jsx("span", { className: "wbs-cats-end" }), status] }), updates.length > 0 && _jsxs("div", { className: "wbs-updates", role: "status", children: [_jsx("strong", { children: t('wb.store.updates', { count: updates.length }) }), _jsx("span", { children: updates.map(item => item.name).join(', ') })] }), !view && loading && _jsx("div", { className: "wbs-grid", "aria-busy": "true", children: Array.from({ length: 6 }, (_, i) => _jsx("div", { className: "wbs-card is-skeleton" }, i)) }), view && !view.catalog && _jsxs(EmptyState, { icon: STORE_ICON, title: t('wb.store.unreachable'), action: _jsx(Button, { size: "sm", onClick: () => void load(true), children: t('wb.store.tryAgain') }), children: [view.error ? errorText(view.error).replace(/\.?$/, '.') : t('wb.store.noCatalog'), " ", t('wb.store.nothingChanged')] }), view?.catalog && shown.length === 0 && _jsx(EmptyState, { icon: STORE_ICON, title: t('wb.store.noMatch'), children: t('wb.store.noMatchHint') }), _jsx("div", { className: "wbs-grid", children: shown.map(item => {
+                    const state = itemState(item, context);
+                    return _jsxs("article", { className: `wbs-card is-${item.kind}`, children: [_jsx(Preview, { item: item }), _jsxs("div", { className: "wbs-card-body", children: [_jsxs("header", { children: [_jsx("h3", { children: item.name }), _jsx(Badge, { children: item.kind === 'theme' ? t('wb.store.theme') : item.kind === 'strings' ? t('wb.store.stringsItem') : t('wb.store.plugin') })] }), _jsxs("p", { className: "wbs-meta", children: [item.author && `${t('wb.store.by', { author: item.author })} · `, "v", item.version, " \u00B7 ", item.kind === 'strings' && item.language ? item.language : categoryLabel(item.category, t), item.license ? ` · ${item.license}` : ''] }), _jsx("p", { className: "wbs-desc", children: item.description }), item.kind === 'plugin' && _jsx("ul", { className: "wbs-perms", "aria-label": t('wb.store.permissions'), children: permissionBadges(item.permissions, t, site).map(badge => _jsx("li", { className: `is-${badge.tone}`, title: badge.detail, children: badge.label }, badge.id)) }), _jsx(Action, { item: item, state: state, busy: request !== null, t: t, ui: ui, onInstall: () => void controller.requestStoreItem(item), onRemove: () => void removeItem(item), onUse: () => void props.onUse(item).then(() => notify(t('wb.store.themeNow', { name: item.name }))).catch(error => notify(errorText(error), true)) })] })] }, `${item.kind}:${item.id}`);
+                }) }), _jsx("p", { className: "wbs-foot", children: t('wb.store.foot') })] });
+}
+//# sourceMappingURL=StoreView.js.map

package/dist/shell/StoreView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreView.js","sourceRoot":"","sources":["../../../../../shell/src/StoreView.tsx"],"names":[],"mappings":"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","sourcesContent":["// The wayBetter Store view, shared by every wayBetter app: themes and plugins from the signed\n// catalog (native code verifies its Ed25519 signature, keeps this app's items, then checks each\n// download's sha256). Search, kinds, categories, cards with previews and permission badges, and\n// Install / Update / Remove. Installing always goes through the install screen (InstallHost), never\n// straight from here. Styles: `store.css` (framework `--wb-*` tokens). The app may pass its own\n// controls (buttons, search field, segmented control) so the view matches its settings.\n\nimport { useEffect, useMemo, useState, useSyncExternalStore, type ReactNode } from 'react';\nimport type { InstallController } from './installController.ts';\nimport type { StoreText } from './storeMessages.ts';\nimport { categoryLabel, errorText, filterItems, itemState, permissionBadges, type ItemState, type StoreCatalogView, type StoreItem } from './storeModel.ts';\n\ntype ButtonProps = { children: ReactNode; onClick?(): void; tone?: 'plain' | 'primary' | 'ghost' | 'danger'; size?: 'sm' | 'md'; disabled?: boolean; title?: string };\ntype Option<T extends string> = { value: T; label: string };\nexport type StoreControls = {\n  Button(props: ButtonProps): ReactNode;\n  SearchField(props: { value: string; onChange(next: string): void; placeholder: string; label: string }): ReactNode;\n  Segmented<T extends string>(props: { value: T; options: Array<Option<T>>; onChange(next: T): void; label: string; size?: 'sm' | 'md' }): ReactNode;\n  EmptyState(props: { icon?: ReactNode; title: string; children?: ReactNode; action?: ReactNode }): ReactNode;\n  Badge(props: { children: ReactNode }): ReactNode;\n};\n\nexport const DEFAULT_CONTROLS: StoreControls = {\n  Button: ({ children, onClick, tone = 'plain', size = 'md', disabled, title }) =>\n    <button type=\"button\" className={`wb-btn is-${tone} is-${size}`} disabled={disabled} title={title} onClick={onClick}>{children}</button>,\n  SearchField: ({ value, onChange, placeholder, label }) =>\n    <input className=\"wb-field\" type=\"search\" aria-label={label} placeholder={placeholder} value={value}\n      onChange={event => onChange(event.target.value)} onKeyDown={event => { if (event.key === 'Escape' && value) { event.stopPropagation(); onChange(''); } }}/>,\n  Segmented: ({ value, options, onChange, label }) =>\n    <div className=\"wb-segmented\" role=\"radiogroup\" aria-label={label}>\n      {options.map(option => <button key={option.value} type=\"button\" role=\"radio\" aria-checked={option.value === value} className={option.value === value ? 'is-on' : ''} onClick={() => onChange(option.value)}>{option.label}</button>)}\n    </div>,\n  EmptyState: ({ icon, title, children, action }) =>\n    <div className=\"wb-empty\">{icon && <div aria-hidden=\"true\">{icon}</div>}<strong>{title}</strong>{children && <p>{children}</p>}{action}</div>,\n  Badge: ({ children }) => <span className=\"wb-badge\">{children}</span>,\n};\n\nexport type StoreViewProps<Theme> = {\n  t: StoreText;\n  /** The site's name in messages (\"X\"). */\n  site: string;\n  /** `store_catalog` (the app passes `refresh => invoke('store_catalog', { refresh })`). */\n  load(refresh: boolean): Promise<StoreCatalogView>;\n  /** The install screen's controller: Install opens it; the list refreshes when it closes. */\n  controller: InstallController<Theme>;\n  /** Theme ids that ship with the app, and the owner's own theme ids now. */\n  builtinThemes: readonly string[];\n  userThemes: readonly string[];\n  /** Removes an installed item (plugin file, or the owner's copy of a store theme); false: nothing to remove. */\n  onRemove(item: StoreItem, view: StoreCatalogView): Promise<boolean>;\n  /** Makes a built-in theme the current one. */\n  onUse(item: StoreItem): Promise<void>;\n  notify(text: string, error?: boolean): void;\n  /** \"3 minutes ago\" for a timestamp (the app's relative-time formatter). */\n  relativeTime(at: number): string;\n  /** Window events after which the list reloads (e.g. the app's \"plugins changed\"). */\n  reloadOn?: readonly string[];\n  controls?: Partial<StoreControls>;\n};\n\nconst STORE_ICON = <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9l1.5-5h13L20 9M4 9h16v11H4zM4 9a2.7 2.7 0 0 0 5.3 0 2.7 2.7 0 0 0 5.4 0 2.7 2.7 0 0 0 5.3 0M10 20v-5h4v5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinejoin=\"round\"/></svg>;\n\nfunction Preview({ item }: { item: StoreItem }) {\n  const [broken, setBroken] = useState(false);\n  const c = item.colors;\n  if (item.preview && !broken) return <img className=\"wbs-img\" src={item.preview} alt=\"\" loading=\"lazy\" onError={() => setBroken(true)}/>;\n  // Offline or not published yet: swatches from the signed catalog (themes) or a plain tile.\n  return <div className=\"wbs-img wbs-swatch\" style={c ? { background: c.bg } : undefined} aria-hidden=\"true\">\n    {c ? <><span style={{ background: c.surface ?? c.bg, borderColor: c.text }}/><i style={{ background: c.text }}/><b style={{ background: c.accent }}/></> : <strong>{item.name.slice(0, 1)}</strong>}\n  </div>;\n}\n\nfunction Action({ item, state, busy, t, ui, onInstall, onRemove, onUse }: { item: StoreItem; state: ItemState; busy: boolean; t: StoreText; ui: StoreControls; onInstall(): void; onRemove(): void; onUse(): void }) {\n  const { Button } = ui;\n  const [asking, setAsking] = useState(false);\n  if (state.state === 'builtin') return <div className=\"wbs-actions\"><span className=\"wbs-state\">{t('wb.store.builtIn')}</span><Button size=\"sm\" onClick={onUse}>{t('wb.store.use')}</Button></div>;\n  if (state.state === 'install') return <div className=\"wbs-actions\"><Button size=\"sm\" tone=\"primary\" disabled={busy} onClick={onInstall}>{t('wb.store.install')}</Button></div>;\n  const remove = asking\n    ? <><Button size=\"sm\" tone=\"danger\" onClick={() => { setAsking(false); onRemove(); }}>{t('wb.store.remove')}</Button><Button size=\"sm\" tone=\"ghost\" onClick={() => setAsking(false)}>{t('wb.store.keep')}</Button></>\n    : <Button size=\"sm\" tone=\"ghost\" onClick={() => setAsking(true)}>{t('wb.store.remove')}</Button>;\n  if (state.state === 'update') return <div className=\"wbs-actions\"><Button size=\"sm\" tone=\"primary\" disabled={busy} onClick={onInstall}>{t('wb.store.updateTo', { version: item.version })}</Button>{remove}</div>;\n  if (state.state === 'modified') return <div className=\"wbs-actions\"><span className=\"wbs-state\" title={t('wb.store.modifiedTitle')}>{t('wb.store.modified')}</span><Button size=\"sm\" disabled={busy} onClick={onInstall}>{t('wb.store.replace')}</Button>{remove}</div>;\n  return <div className=\"wbs-actions\"><span className=\"wbs-state is-ok\">{state.version ? t('wb.store.installedVersion', { version: state.version }) : t('wb.store.installed')}</span>{remove}</div>;\n}\n\nexport function StoreView<Theme>(props: StoreViewProps<Theme>) {\n  const { t, site, controller, notify } = props;\n  const ui: StoreControls = { ...DEFAULT_CONTROLS, ...props.controls };\n  const { Button, SearchField, Segmented, EmptyState, Badge } = ui;\n  const [view, setView] = useState<StoreCatalogView | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [query, setQuery] = useState('');\n  const [kind, setKind] = useState<'all' | 'theme' | 'plugin' | 'strings'>('all');\n  const [category, setCategory] = useState<string>('all');\n  const request = useSyncExternalStore(controller.subscribe, controller.current, controller.current);\n\n  const load = (refresh: boolean) => {\n    setLoading(true);\n    return props.load(refresh).then(setView).catch(error => notify(errorText(error), true)).finally(() => setLoading(false));\n  };\n  useEffect(() => { void load(false); }, []);\n  // Installs finish in the install screen; refresh what is installed afterwards.\n  useEffect(() => {\n    const again = () => void load(false);\n    const events = props.reloadOn ?? [];\n    for (const name of events) window.addEventListener(name, again);\n    return () => { for (const name of events) window.removeEventListener(name, again); };\n  }, [(props.reloadOn ?? []).join(' ')]);\n  useEffect(() => { if (request === null) void load(false); }, [request === null]);\n\n  const items = view?.catalog?.items ?? [];\n  const context = { plugins: view?.plugins ?? {}, records: view?.records.items ?? {}, builtinThemes: props.builtinThemes, userThemes: props.userThemes };\n  const categories = useMemo(() => [...new Set(items.filter(item => kind === 'all' || item.kind === kind).map(item => item.category))].sort(), [items, kind]);\n  const shown = filterItems(items, query, kind, category);\n  const updates = items.filter(item => itemState(item, context).state === 'update');\n\n  const ago = (iso: string | null) => {\n    if (!iso) return '';\n    const at = Date.parse(iso);\n    return Number.isFinite(at) ? props.relativeTime(Math.min(at, Date.now())) : '';\n  };\n\n  async function removeItem(item: StoreItem) {\n    if (!view) return;\n    try {\n      if (!(await props.onRemove(item, view))) return;\n      notify(t('wb.store.removed', { name: item.name }));\n      await load(false);\n    } catch (error) { notify(errorText(error), true); }\n  }\n\n  const status = view?.error\n    ? <span className=\"wbs-status is-warn\" role=\"status\">{view.catalog ? t('wb.store.offline', { when: ago(view.fetchedAt), error: errorText(view.error) }) : t('wb.store.unreachableShort')}</span>\n    : view?.catalog ? <span className=\"wbs-status is-ok\" role=\"status\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l7 3v5c0 4.6-3 8.5-7 10-4-1.5-7-5.4-7-10V6zM8.5 12l2.5 2.5 4.5-5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></svg>{t('wb.store.verified', { when: ago(view.fetchedAt) })}</span> : null;\n\n  return <div className=\"wbs\">\n    <p className=\"wbs-intro\">{t('wb.store.intro')}</p>\n    <div className=\"wbs-toolbar\">\n      <SearchField label={t('wb.store.search')} placeholder={t('wb.store.searchPlaceholder')} value={query} onChange={setQuery}/>\n      <Segmented label={t('wb.store.kind')} size=\"sm\" value={kind} onChange={next => { setKind(next); setCategory('all'); }} options={[{ value: 'all', label: t('wb.store.all') }, { value: 'theme', label: t('wb.store.themes') }, { value: 'plugin', label: t('wb.store.pluginsTab') }, ...(items.some(item => item.kind === 'strings') ? [{ value: 'strings' as const, label: t('wb.store.strings') }] : [])]}/>\n      <Button size=\"sm\" tone=\"ghost\" disabled={loading} onClick={() => void load(true)}>{loading ? t('wb.store.checking') : t('wb.store.refresh')}</Button>\n    </div>\n    <div className=\"wbs-cats\" role=\"group\" aria-label={t('wb.store.categories')}>\n      {['all', ...categories].map(id => <button key={id} className={category === id ? 'is-on' : ''} aria-pressed={category === id} onClick={() => setCategory(id)}>{id === 'all' ? t('wb.store.everything') : categoryLabel(id, t)}</button>)}\n      <span className=\"wbs-cats-end\"/>\n      {status}\n    </div>\n    {updates.length > 0 && <div className=\"wbs-updates\" role=\"status\"><strong>{t('wb.store.updates', { count: updates.length })}</strong><span>{updates.map(item => item.name).join(', ')}</span></div>}\n    {!view && loading && <div className=\"wbs-grid\" aria-busy=\"true\">{Array.from({ length: 6 }, (_, i) => <div key={i} className=\"wbs-card is-skeleton\"/>)}</div>}\n    {view && !view.catalog && <EmptyState icon={STORE_ICON} title={t('wb.store.unreachable')} action={<Button size=\"sm\" onClick={() => void load(true)}>{t('wb.store.tryAgain')}</Button>}>\n      {view.error ? errorText(view.error).replace(/\\.?$/, '.') : t('wb.store.noCatalog')} {t('wb.store.nothingChanged')}\n    </EmptyState>}\n    {view?.catalog && shown.length === 0 && <EmptyState icon={STORE_ICON} title={t('wb.store.noMatch')}>{t('wb.store.noMatchHint')}</EmptyState>}\n    <div className=\"wbs-grid\">\n      {shown.map(item => {\n        const state = itemState(item, context);\n        return <article key={`${item.kind}:${item.id}`} className={`wbs-card is-${item.kind}`}>\n          <Preview item={item}/>\n          <div className=\"wbs-card-body\">\n            <header>\n              <h3>{item.name}</h3>\n              <Badge>{item.kind === 'theme' ? t('wb.store.theme') : item.kind === 'strings' ? t('wb.store.stringsItem') : t('wb.store.plugin')}</Badge>\n            </header>\n            <p className=\"wbs-meta\">{item.author && `${t('wb.store.by', { author: item.author })} · `}v{item.version} · {item.kind === 'strings' && item.language ? item.language : categoryLabel(item.category, t)}{item.license ? ` · ${item.license}` : ''}</p>\n            <p className=\"wbs-desc\">{item.description}</p>\n            {item.kind === 'plugin' && <ul className=\"wbs-perms\" aria-label={t('wb.store.permissions')}>\n              {permissionBadges(item.permissions, t, site).map(badge => <li key={badge.id} className={`is-${badge.tone}`} title={badge.detail}>{badge.label}</li>)}\n            </ul>}\n            <Action item={item} state={state} busy={request !== null} t={t} ui={ui}\n              onInstall={() => void controller.requestStoreItem(item)}\n              onRemove={() => void removeItem(item)}\n              onUse={() => void props.onUse(item).then(() => notify(t('wb.store.themeNow', { name: item.name }))).catch(error => notify(errorText(error), true))}/>\n          </div>\n        </article>;\n      })}\n    </div>\n    <p className=\"wbs-foot\">{t('wb.store.foot')}</p>\n  </div>;\n}\n"]}

package/dist/shell/addressModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"addressModel.js","sourceRoot":"","sources":["../../../shell/src/addressModel.ts"],"names":[],"mappings":"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","sourcesContent":["// Pure, unit-testable model for the address bar's breadcrumb chips.\n// No React, no Tauri: parseAddress(url, site) -> AddressModel | null. The site adapter turns its\n// own URLs into named chips; any other site gets host + path chips.\n\nexport type Segment = { label: string; href: string; mono?: boolean; quoted?: boolean };\nexport type AddressModel<Kind extends string = string> = {\n  site: { kind: Kind | 'host'; label: string; href: string };\n  segments: Segment[];\n  insecure: boolean;\n};\n\nexport type AddressSite<Kind extends string = string> = {\n  /** `site.kind` for the adapter's own pages, e.g. 'x'. */\n  kind: Kind;\n  /** Hostnames (lowercase) that are the site. */\n  hosts: ReadonlySet<string>;\n  /** The site chip's label. */\n  label: string;\n  /** Where the site chip links: its home page on this origin. */\n  home(origin: string): string;\n  /** Named chips for one of the site's URLs, or null to show no chips (an internal page). */\n  segments(url: URL): Segment[] | null;\n};\n\nexport function truncate(value: string, max: number): string {\n  return value.length > max ? `${value.slice(0, max - 1)}…` : value;\n}\n\n/** Long numeric ids shown by their last 6 characters. */\nexport function last6(id: string): string {\n  return `…${id.slice(-6)}`;\n}\n\nexport function titleCase(part: string): string {\n  return part\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\n/** Generic chips: one per path segment, then `?…` for a query. */\nexport function hostSegments(url: URL): Segment[] {\n  const origin = `${url.protocol}//${url.hostname}`;\n  const parts = url.pathname.split('/').filter(Boolean);\n  const segments: Segment[] = [];\n  parts.forEach((part, index) => {\n    const href = `${origin}/${parts.slice(0, index + 1).join('/')}`;\n    segments.push({ label: truncate(decodeURIComponent(part), 24), href });\n  });\n  if (url.search) {\n    segments.push({ label: '?…', href: `${origin}${url.pathname}${url.search}` });\n  }\n  return segments;\n}\n\nexport function parseAddress<Kind extends string>(url: string, site?: AddressSite<Kind>): AddressModel<Kind> | null {\n  let parsed: URL;\n  try {\n    parsed = new URL(url);\n  } catch {\n    return null;\n  }\n  if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {\n    return null;\n  }\n  const insecure = parsed.protocol === 'http:';\n  const hostname = parsed.hostname.replace(/^www\\./, '');\n\n  if (site && site.hosts.has(parsed.hostname.toLowerCase())) {\n    const origin = `${parsed.protocol}//${parsed.hostname}`;\n    const segments = site.segments(parsed);\n    if (segments === null) {\n      return null;\n    }\n    const last = segments[segments.length - 1];\n    if (last) (last as Segment & { current?: boolean }).current = true;\n    return {\n      site: { kind: site.kind, label: site.label, href: site.home(origin) },\n      segments,\n      insecure,\n    };\n  }\n\n  return {\n    site: { kind: 'host', label: hostname, href: `${parsed.protocol}//${parsed.hostname}` },\n    segments: hostSegments(parsed),\n    insecure,\n  };\n}\n"]}
+{"version":3,"file":"addressModel.js","sourceRoot":"","sources":["../../../../../shell/src/addressModel.ts"],"names":[],"mappings":"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","sourcesContent":["// Pure, unit-testable model for the address bar's breadcrumb chips.\n// No React, no Tauri: parseAddress(url, site) -> AddressModel | null. The site adapter turns its\n// own URLs into named chips; any other site gets host + path chips.\n\nexport type Segment = { label: string; href: string; mono?: boolean; quoted?: boolean };\nexport type AddressModel<Kind extends string = string> = {\n  site: { kind: Kind | 'host'; label: string; href: string };\n  segments: Segment[];\n  insecure: boolean;\n};\n\nexport type AddressSite<Kind extends string = string> = {\n  /** `site.kind` for the adapter's own pages, e.g. 'x'. */\n  kind: Kind;\n  /** Hostnames (lowercase) that are the site. */\n  hosts: ReadonlySet<string>;\n  /** The site chip's label. */\n  label: string;\n  /** Where the site chip links: its home page on this origin. */\n  home(origin: string): string;\n  /** Named chips for one of the site's URLs, or null to show no chips (an internal page). */\n  segments(url: URL): Segment[] | null;\n};\n\nexport function truncate(value: string, max: number): string {\n  return value.length > max ? `${value.slice(0, max - 1)}…` : value;\n}\n\n/** Long numeric ids shown by their last 6 characters. */\nexport function last6(id: string): string {\n  return `…${id.slice(-6)}`;\n}\n\nexport function titleCase(part: string): string {\n  return part\n    .split(/[-_]/)\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\n/** Generic chips: one per path segment, then `?…` for a query. */\nexport function hostSegments(url: URL): Segment[] {\n  const origin = `${url.protocol}//${url.hostname}`;\n  const parts = url.pathname.split('/').filter(Boolean);\n  const segments: Segment[] = [];\n  parts.forEach((part, index) => {\n    const href = `${origin}/${parts.slice(0, index + 1).join('/')}`;\n    segments.push({ label: truncate(decodeURIComponent(part), 24), href });\n  });\n  if (url.search) {\n    segments.push({ label: '?…', href: `${origin}${url.pathname}${url.search}` });\n  }\n  return segments;\n}\n\nexport function parseAddress<Kind extends string>(url: string, site?: AddressSite<Kind>): AddressModel<Kind> | null {\n  let parsed: URL;\n  try {\n    parsed = new URL(url);\n  } catch {\n    return null;\n  }\n  if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {\n    return null;\n  }\n  const insecure = parsed.protocol === 'http:';\n  const hostname = parsed.hostname.replace(/^www\\./, '');\n\n  if (site && site.hosts.has(parsed.hostname.toLowerCase())) {\n    const origin = `${parsed.protocol}//${parsed.hostname}`;\n    const segments = site.segments(parsed);\n    if (segments === null) {\n      return null;\n    }\n    const last = segments[segments.length - 1];\n    if (last) (last as Segment & { current?: boolean }).current = true;\n    return {\n      site: { kind: site.kind, label: site.label, href: site.home(origin) },\n      segments,\n      insecure,\n    };\n  }\n\n  return {\n    site: { kind: 'host', label: hostname, href: `${parsed.protocol}//${parsed.hostname}` },\n    segments: hostSegments(parsed),\n    insecure,\n  };\n}\n"]}

package/dist/shell/chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../shell/src/chrome.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,6FAA6F;AAC7F,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;AAC5B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC","sourcesContent":["// Layout constants for the custom window chrome (titlebar + toolbar), in logical px. TITLEBAR_H and\n// RESIZE_BORDER must match `policy::TITLEBAR_H` / `policy::RESIZE_BORDER` in waybetter-host.\nexport const TITLEBAR_H = 44;\nexport const TOOLBAR_H = 50;\nexport const RESIZE_BORDER = 5;\n"]}
+{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../../../shell/src/chrome.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,6FAA6F;AAC7F,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;AAC5B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC","sourcesContent":["// Layout constants for the custom window chrome (titlebar + toolbar), in logical px. TITLEBAR_H and\n// RESIZE_BORDER must match `policy::TITLEBAR_H` / `policy::RESIZE_BORDER` in waybetter-host.\nexport const TITLEBAR_H = 44;\nexport const TOOLBAR_H = 50;\nexport const RESIZE_BORDER = 5;\n"]}

package/dist/shell/deckModel.d.ts

@@ -0,0 +1,117 @@
+/** A column's content, named by the site adapter (e.g. `{ kind: 'search', value: 'from:me' }`). */
+export type ColumnSource = {
+    kind: string;
+    value?: string;
+};
+/** Per-column filters, applied by the page runtime to the site's items (runtime/column.ts). */
+export type ColumnFilters = {
+    /** Keywords (case-insensitive) or `/regex/flags`; a match hides the item. */
+    terms: string[];
+    hideReplies: boolean;
+    hideReposts: boolean;
+    mediaOnly: boolean;
+};
+export type DeckColumn = {
+    id: string;
+    /** The tab webview id this column runs in (`tab-<tabId>` natively). */
+    tabId: string;
+    /** Account profile of the column's webview. */
+    profile: string;
+    source: ColumnSource;
+    /** Preferred width in px; a page stretches its columns to fill the viewport. */
+    width: number;
+    /** Per-column feature flags over the global ones (allow-listed natively). */
+    flags: Record<string, boolean>;
+    filters: ColumnFilters;
+    /** Optional title the user gave the column. */
+    title?: string;
+};
+export type Deck = {
+    id: string;
+    name: string;
+    columns: DeckColumn[];
+};
+export declare const COLUMN_WIDTHS: readonly [320, 360, 400, 480];
+export declare const DEFAULT_COLUMN_WIDTH = 360;
+export declare const MIN_COLUMN_WIDTH = 280;
+export declare const MAX_COLUMN_WIDTH = 640;
+export declare const MAX_COLUMNS = 24;
+export declare const MAX_DECKS = 12;
+export declare const MAX_TERMS = 32;
+export declare const MAX_TERM_CHARS = 200;
+export declare const MAX_FLAGS = 16;
+/** Visible columns per page before the memory guard warns. */
+export declare const DEFAULT_MAX_VISIBLE = 6;
+/** Gap between columns in px. */
+export declare const COLUMN_GAP = 8;
+export declare const emptyFilters: () => ColumnFilters;
+export declare const validColumnId: (id: unknown) => id is string;
+export declare function normalizeFilters(value: unknown): ColumnFilters;
+export declare function normalizeFlags(value: unknown, allowed?: readonly string[]): Record<string, boolean>;
+export declare const clampWidth: (width: unknown) => number;
+export type NormalizeOptions = {
+    /** Source kinds the site adapter knows; others are dropped. */
+    kinds?: readonly string[];
+    /** Profile ids that exist; a column of a removed profile moves to `fallbackProfile`. */
+    profiles?: readonly string[];
+    fallbackProfile?: string;
+    /** Allow-listed per-column flags. */
+    flags?: readonly string[];
+};
+export declare function normalizeColumn(value: unknown, options?: NormalizeOptions): DeckColumn | null;
+/** Anything from storage → a bounded deck (unique column and tab ids, at most MAX_COLUMNS). */
+export declare function normalizeDeck(value: unknown, options?: NormalizeOptions): Deck | null;
+export declare function normalizeDecks(value: unknown, options?: NormalizeOptions): Deck[];
+export type PlacedColumn = {
+    id: string;
+    x: number;
+    width: number;
+};
+export type DeckLayout = {
+    /** The page shown (clamped into range). */
+    page: number;
+    pages: number;
+    visible: PlacedColumn[];
+    /** Columns on other pages: their webviews are hidden (and parked when the setting says so). */
+    parked: string[];
+};
+export type LayoutOptions = {
+    gap?: number;
+    maxVisible?: number;
+};
+/**
+ * Splits columns into pages of whole columns that fit `viewportW` (at least one per page). Pages
+ * are filled from the left; the last page is filled from the right end instead, so it is as full as
+ * the others (it may repeat columns of the page before) rather than one lone stretched column.
+ */
+export declare function paginate(viewportW: number, columns: readonly Pick<DeckColumn, 'id' | 'width'>[], options?: LayoutOptions): string[][];
+/** A page's columns stretch to fill the viewport, but never beyond this factor of their width. */
+export declare const MAX_STRETCH = 2;
+/**
+ * Where each column of `page` goes in a viewport `viewportW` px wide. The page's columns stretch
+ * evenly to fill the width (no ragged gap on the right); a lone column wider than the viewport
+ * is squeezed to it. Columns on other pages are `parked`.
+ */
+export declare function layoutColumns(viewportW: number, columns: readonly Pick<DeckColumn, 'id' | 'width'>[], page: number, options?: LayoutOptions): DeckLayout;
+/**
+ * The page that shows column `id`: `current` when it is on it already (so focusing a column never
+ * flips pages needlessly), else the first page that holds it (0 when it is unknown).
+ */
+export declare function pageOf(viewportW: number, columns: readonly Pick<DeckColumn, 'id' | 'width'>[], id: string, options?: LayoutOptions, current?: number): number;
+/** The column `delta` steps from `focused` (clamped at the ends; the first one when none is focused). */
+export declare function moveFocus(columns: readonly Pick<DeckColumn, 'id'>[], focused: string | null | undefined, delta: number): string | null;
+/** The URL a column loads: the adapter's `urlFor`, or null for a source it does not know. */
+export declare function columnUrl(source: ColumnSource, urlFor: (source: ColumnSource) => string | null): string | null;
+/** Unread count to show for a deck: the sum over its columns, capped like the native report (999). */
+export declare const MAX_UNREAD = 999;
+export declare function unreadTotal(unread: ReadonlyMap<string, number> | Record<string, number>, columns: readonly Pick<DeckColumn, 'tabId'>[]): number;
+/** Moves column `id` by `delta` places (clamped); returns a new array. */
+export declare function moveColumn<T extends {
+    id: string;
+}>(columns: readonly T[], id: string, delta: number): T[];
+/**
+ * A column still shows its source page (origin, path with the trailing slash ignored, and query);
+ * otherwise it navigated away (a post, a profile) and its header offers the way back. The page
+ * runtime uses the same rule (runtime/column.ts `isSourcePage`).
+ */
+export declare function isSourcePage(href: string, source: string): boolean;

package/dist/shell/deckModel.js

@@ -0,0 +1,267 @@
+// Power User Mode: a deck of narrow site columns (TweetDeck-style). Pure model (no Tauri/DOM), so
+// it is unit-tested under node. Every column is a real site tab webview in its own account profile;
+// this model only says which columns exist, which page of them is on screen and where each one
+// goes. What a column shows is the site adapter's business (`urlFor`), what it hides is the page
+// runtime's (runtime/column.ts). Paging, not pixel scrolling: a page is as many whole columns as
+// fit the viewport; the rest are parked off-page (hidden, low memory).
+export const COLUMN_WIDTHS = [320, 360, 400, 480];
+export const DEFAULT_COLUMN_WIDTH = 360;
+export const MIN_COLUMN_WIDTH = 280;
+export const MAX_COLUMN_WIDTH = 640;
+export const MAX_COLUMNS = 24;
+export const MAX_DECKS = 12;
+export const MAX_TERMS = 32;
+export const MAX_TERM_CHARS = 200;
+export const MAX_FLAGS = 16;
+/** Visible columns per page before the memory guard warns. */
+export const DEFAULT_MAX_VISIBLE = 6;
+/** Gap between columns in px. */
+export const COLUMN_GAP = 8;
+export const emptyFilters = () => ({ terms: [], hideReplies: false, hideReposts: false, mediaOnly: false });
+const ID = /^[a-z0-9][a-z0-9-]{0,39}$/i;
+export const validColumnId = (id) => typeof id === 'string' && ID.test(id);
+// eslint-disable-next-line no-control-regex
+const CONTROL = /[\u0000-\u001f\u007f-\u009f]/;
+function cleanText(value, max) {
+    if (typeof value !== 'string')
+        return null;
+    const trimmed = value.trim();
+    if (!trimmed || [...trimmed].length > max || CONTROL.test(trimmed))
+        return null;
+    return trimmed;
+}
+export function normalizeFilters(value) {
+    const raw = (value && typeof value === 'object' ? value : {});
+    const terms = [];
+    for (const term of Array.isArray(raw.terms) ? raw.terms : []) {
+        const clean = cleanText(term, MAX_TERM_CHARS);
+        if (clean && !terms.includes(clean) && terms.length < MAX_TERMS)
+            terms.push(clean);
+    }
+    return { terms, hideReplies: raw.hideReplies === true, hideReposts: raw.hideReposts === true, mediaOnly: raw.mediaOnly === true };
+}
+export function normalizeFlags(value, allowed) {
+    const flags = {};
+    if (!value || typeof value !== 'object')
+        return flags;
+    for (const [key, flag] of Object.entries(value)) {
+        if (typeof flag !== 'boolean' || !/^[a-zA-Z][a-zA-Z0-9]{0,47}$/.test(key))
+            continue;
+        if (allowed && !allowed.includes(key))
+            continue;
+        if (Object.keys(flags).length >= MAX_FLAGS)
+            break;
+        flags[key] = flag;
+    }
+    return flags;
+}
+export const clampWidth = (width) => typeof width === 'number' && Number.isFinite(width) ? Math.round(Math.min(MAX_COLUMN_WIDTH, Math.max(MIN_COLUMN_WIDTH, width))) : DEFAULT_COLUMN_WIDTH;
+export function normalizeColumn(value, options = {}) {
+    const raw = (value && typeof value === 'object' ? value : {});
+    if (!validColumnId(raw.id) || !validColumnId(raw.tabId))
+        return null;
+    const source = raw.source;
+    const kind = typeof source?.kind === 'string' && /^[a-z][a-z0-9-]{0,23}$/.test(source.kind) ? source.kind : null;
+    if (!kind || (options.kinds && !options.kinds.includes(kind)))
+        return null;
+    const sourceValue = source?.value === undefined ? undefined : cleanText(source.value, 512);
+    if (source?.value !== undefined && sourceValue === null)
+        return null;
+    let profile = typeof raw.profile === 'string' && raw.profile ? raw.profile : options.fallbackProfile ?? 'default';
+    if (options.profiles && !options.profiles.includes(profile))
+        profile = options.fallbackProfile ?? options.profiles[0] ?? 'default';
+    const title = cleanText(raw.title, 60);
+    return {
+        id: raw.id,
+        tabId: raw.tabId,
+        profile,
+        source: sourceValue ? { kind, value: sourceValue } : { kind },
+        width: clampWidth(raw.width),
+        flags: normalizeFlags(raw.flags, options.flags),
+        filters: normalizeFilters(raw.filters),
+        ...(title ? { title } : {}),
+    };
+}
+/** Anything from storage → a bounded deck (unique column and tab ids, at most MAX_COLUMNS). */
+export function normalizeDeck(value, options = {}) {
+    const raw = (value && typeof value === 'object' ? value : {});
+    if (!validColumnId(raw.id))
+        return null;
+    const name = cleanText(raw.name, 40) ?? 'Deck';
+    const columns = [];
+    const ids = new Set();
+    for (const item of Array.isArray(raw.columns) ? raw.columns : []) {
+        if (columns.length >= MAX_COLUMNS)
+            break;
+        const column = normalizeColumn(item, options);
+        if (!column || ids.has(column.id) || ids.has(`tab:${column.tabId}`))
+            continue;
+        ids.add(column.id);
+        ids.add(`tab:${column.tabId}`);
+        columns.push(column);
+    }
+    return { id: raw.id, name, columns };
+}
+export function normalizeDecks(value, options = {}) {
+    const decks = [];
+    const tabs = new Set();
+    for (const item of Array.isArray(value) ? value : []) {
+        if (decks.length >= MAX_DECKS)
+            break;
+        const deck = normalizeDeck(item, options);
+        if (!deck || decks.some(other => other.id === deck.id))
+            continue;
+        // A tab webview belongs to exactly one column of one deck.
+        deck.columns = deck.columns.filter(column => !tabs.has(column.tabId));
+        for (const column of deck.columns)
+            tabs.add(column.tabId);
+        decks.push(deck);
+    }
+    return decks;
+}
+/** How many columns from `start` (forward, or backward with `step` -1) fit `viewportW` (at least one). */
+function fitCount(viewportW, widths, start, step, gap, maxVisible) {
+    let used = 0;
+    let count = 0;
+    for (let i = start; i >= 0 && i < widths.length && count < maxVisible; i += step) {
+        const needed = count ? used + gap + widths[i] : widths[i];
+        if (count && needed > viewportW)
+            break;
+        used = needed;
+        count++;
+    }
+    return Math.max(1, count);
+}
+/**
+ * Splits columns into pages of whole columns that fit `viewportW` (at least one per page). Pages
+ * are filled from the left; the last page is filled from the right end instead, so it is as full as
+ * the others (it may repeat columns of the page before) rather than one lone stretched column.
+ */
+export function paginate(viewportW, columns, options = {}) {
+    const gap = options.gap ?? COLUMN_GAP;
+    const maxVisible = Math.max(1, Math.floor(options.maxVisible ?? DEFAULT_MAX_VISIBLE));
+    const widths = columns.map(column => clampWidth(column.width));
+    const pages = [];
+    let start = 0;
+    while (start < columns.length) {
+        const count = fitCount(viewportW, widths, start, 1, gap, maxVisible);
+        if (start + count >= columns.length && pages.length) {
+            // The last page: as many columns as fit, counted back from the end.
+            const back = fitCount(viewportW, widths, columns.length - 1, -1, gap, maxVisible);
+            pages.push(columns.slice(columns.length - back).map(column => column.id));
+            break;
+        }
+        pages.push(columns.slice(start, start + count).map(column => column.id));
+        start += count;
+    }
+    return pages;
+}
+/** A page's columns stretch to fill the viewport, but never beyond this factor of their width. */
+export const MAX_STRETCH = 2;
+/**
+ * Where each column of `page` goes in a viewport `viewportW` px wide. The page's columns stretch
+ * evenly to fill the width (no ragged gap on the right); a lone column wider than the viewport
+ * is squeezed to it. Columns on other pages are `parked`.
+ */
+export function layoutColumns(viewportW, columns, page, options = {}) {
+    const gap = options.gap ?? COLUMN_GAP;
+    const width = Math.max(0, Math.floor(viewportW));
+    const pages = paginate(width, columns, options);
+    if (!pages.length)
+        return { page: 0, pages: 0, visible: [], parked: [] };
+    const index = Math.min(pages.length - 1, Math.max(0, Math.floor(Number.isFinite(page) ? page : 0)));
+    const ids = pages[index];
+    const byId = new Map(columns.map(column => [column.id, clampWidth(column.width)]));
+    const preferred = ids.map(id => byId.get(id));
+    const sum = preferred.reduce((total, w) => total + w, 0);
+    const room = Math.max(ids.length, width - gap * (ids.length - 1));
+    // Integer px in proportion to the preferred widths; the rounding remainder goes 1 px per column
+    // from the left, so the row ends exactly at the viewport edge.
+    // Stretch to fill, up to MAX_STRETCH; a page of few columns on a wide screen leaves room at the end.
+    const target = Math.min(room, Math.floor(sum * MAX_STRETCH));
+    const widths = preferred.map(w => Math.max(1, Math.floor((w * target) / sum)));
+    let remainder = target - widths.reduce((total, w) => total + w, 0);
+    for (let i = 0; remainder > 0; i = (i + 1) % widths.length, remainder--)
+        widths[i] += 1;
+    const visible = [];
+    let x = 0;
+    ids.forEach((id, i) => {
+        visible.push({ id, x, width: widths[i] });
+        x += widths[i] + gap;
+    });
+    const shown = new Set(ids);
+    return { page: index, pages: pages.length, visible, parked: columns.map(c => c.id).filter(id => !shown.has(id)) };
+}
+/**
+ * The page that shows column `id`: `current` when it is on it already (so focusing a column never
+ * flips pages needlessly), else the first page that holds it (0 when it is unknown).
+ */
+export function pageOf(viewportW, columns, id, options = {}, current) {
+    const pages = paginate(Math.max(0, Math.floor(viewportW)), columns, options);
+    if (current !== undefined && pages[current]?.includes(id))
+        return current;
+    const index = pages.findIndex(page => page.includes(id));
+    return index < 0 ? 0 : index;
+}
+/** The column `delta` steps from `focused` (clamped at the ends; the first one when none is focused). */
+export function moveFocus(columns, focused, delta) {
+    if (!columns.length)
+        return null;
+    const index = columns.findIndex(column => column.id === focused);
+    if (index < 0)
+        return columns[delta < 0 ? columns.length - 1 : 0].id;
+    return columns[Math.min(columns.length - 1, Math.max(0, index + Math.trunc(delta)))].id;
+}
+/** The URL a column loads: the adapter's `urlFor`, or null for a source it does not know. */
+export function columnUrl(source, urlFor) {
+    try {
+        const url = urlFor(source);
+        if (!url)
+            return null;
+        const parsed = new URL(url);
+        return parsed.protocol === 'https:' && !parsed.username && !parsed.password ? parsed.href : null;
+    }
+    catch {
+        return null;
+    }
+}
+/** Unread count to show for a deck: the sum over its columns, capped like the native report (999). */
+export const MAX_UNREAD = 999;
+export function unreadTotal(unread, columns) {
+    const get = (id) => (unread instanceof Map ? unread.get(id) : unread[id]) ?? 0;
+    let total = 0;
+    for (const column of columns) {
+        const value = get(column.tabId);
+        if (Number.isFinite(value) && value > 0)
+            total += Math.floor(value);
+    }
+    return Math.min(MAX_UNREAD, total);
+}
+/** Moves column `id` by `delta` places (clamped); returns a new array. */
+export function moveColumn(columns, id, delta) {
+    const index = columns.findIndex(column => column.id === id);
+    if (index < 0)
+        return [...columns];
+    const target = Math.min(columns.length - 1, Math.max(0, index + Math.trunc(delta)));
+    const next = [...columns];
+    const [item] = next.splice(index, 1);
+    next.splice(target, 0, item);
+    return next;
+}
+/**
+ * A column still shows its source page (origin, path with the trailing slash ignored, and query);
+ * otherwise it navigated away (a post, a profile) and its header offers the way back. The page
+ * runtime uses the same rule (runtime/column.ts `isSourcePage`).
+ */
+export function isSourcePage(href, source) {
+    try {
+        const a = new URL(href);
+        const b = new URL(source);
+        const path = (url) => url.pathname.replace(/\/+$/, '') || '/';
+        return a.origin === b.origin && path(a) === path(b) && a.search === b.search;
+    }
+    catch {
+        return false;
+    }
+}
+//# sourceMappingURL=deckModel.js.map