waybetter 0.1.0 → 0.6.0

package/dist/shell/panel/PluginFeatures.d.ts

@@ -0,0 +1,24 @@
+import { type FeatureTable, type Flags } from '../../runtime/featureTable.ts';
+import { type Notify } from './site.ts';
+import './plugins.css';
+/** The app's feature table (an app without one has no area cards). */
+export declare const featureTable: () => FeatureTable | null;
+/**
+ * The saved flags as a full map (defaults filled in) and a setter that shows a change at once,
+ * saves only what differs from the defaults and reverts when native code refuses it.
+ */
+export declare function useFlags(table: FeatureTable, notify: Notify): [Flags | null, (patch: Flags) => Promise<boolean>, () => Promise<void>];
+/** Tells every `useFlags` that the saved flags changed. */
+export declare const flagsChanged: () => boolean;
+/**
+ * Lines for the app menu's "Report a problem" summary (the frame's `ShellSite.menu.report.details`):
+ * the feature flags the focused site tab says paused themselves. Flag ids only.
+ */
+export declare function reportDetails(): Array<{
+    label: string;
+    values: string[];
+}>;
+/** The area cards and the Fixes list. Renders nothing for an app without a feature table. */
+export declare function AreaPlugins({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;

package/dist/shell/panel/PluginFeatures.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Area plugins: one card per area of the app's feature table (runtime featureTable.ts), each with
+// its switch, its features grouped with a toggle per feature, and a Settings button that opens the
+// area's settings dialog in the site tab. Under the cards, the core flags as "Fixes": on in every
+// mode, owned by no plugin. Flags are the host's (`features_get/set`, stored sparsely); a feature
+// that is still an old plugin file is switched with `plugin_set_enabled`.
+import { useEffect, useRef, useState } from 'react';
+import { areaFlag, normalizeFlags, pausedFeatures, sparseFlags } from "../../runtime/featureTable.js";
+import { invoke } from "../frame/bridge.js";
+import { useT } from "../frame/hooks.js";
+import { tx } from "../frame/i18n.js";
+import { COMMANDS_CHANGED, focusedCommands, runPluginCommand } from "../frame/pluginCommandStore.js";
+import { hasFeature } from "../frame/site.js";
+import { Badge, Button, Row, Section, Toggle, matchesQuery, useSettingsQuery } from "./controls.js";
+import { areaCards, fixRows, rowKeywords } from "./featureModel.js";
+import { NavIcon } from "./NavIcon.js";
+import { panelSite } from "./site.js";
+import './plugins.css';
+const getError = (error) => error instanceof Error ? error.message : String(error);
+const AREA_ICON = 'M6 2.5v3M10 2.5v3M4 5.5h8V8a4 4 0 0 1-8 0zM8 12v1.5';
+/** The app's feature table (an app without one has no area cards). */
+export const featureTable = () => panelSite().features?.table ?? null;
+/**
+ * The saved flags as a full map (defaults filled in) and a setter that shows a change at once,
+ * saves only what differs from the defaults and reverts when native code refuses it.
+ */
+export function useFlags(table, notify) {
+    const [flags, setFlags] = useState(null);
+    const latest = useRef(null);
+    latest.current = flags;
+    const load = () => invoke('features_get').then(value => setFlags(normalizeFlags(table, value))).catch(err => notify(getError(err), true));
+    useEffect(() => {
+        void load();
+        // Another part of the panel changed them (a mode was chosen).
+        const again = () => void load();
+        window.addEventListener('wb-features-changed', again);
+        return () => window.removeEventListener('wb-features-changed', again);
+    }, []);
+    async function choose(patch) {
+        const before = latest.current;
+        if (!before)
+            return false;
+        const next = { ...before, ...patch };
+        setFlags(next);
+        try {
+            await invoke('features_set', { features: sparseFlags(table, next) });
+            return true;
+        }
+        catch (err) {
+            setFlags(before);
+            notify(getError(err), true);
+            return false;
+        }
+    }
+    return [flags, choose, load];
+}
+/** Tells every `useFlags` that the saved flags changed. */
+export const flagsChanged = () => window.dispatchEvent(new CustomEvent('wb-features-changed'));
+function usePluginFiles() {
+    const [plugins, setPlugins] = useState([]);
+    useEffect(() => {
+        const load = () => invoke('plugins_list').then(setPlugins).catch(() => { });
+        void load();
+        window.addEventListener('bt-plugins-changed', load);
+        return () => window.removeEventListener('bt-plugins-changed', load);
+    }, []);
+    return [plugins, setPlugins];
+}
+/** The flags the focused site tab says paused themselves (its area's `health` palette entry). */
+function usePaused(table) {
+    const [paused, setPaused] = useState(() => pausedFeatures(table, focusedCommands()?.items));
+    useEffect(() => {
+        const read = () => setPaused(before => {
+            const next = pausedFeatures(table, focusedCommands()?.items);
+            return next.size === before.size && [...next].every(id => before.has(id)) ? before : next;
+        });
+        read();
+        window.addEventListener(COMMANDS_CHANGED, read);
+        return () => window.removeEventListener(COMMANDS_CHANGED, read);
+    }, [table]);
+    return paused;
+}
+/**
+ * Lines for the app menu's "Report a problem" summary (the frame's `ShellSite.menu.report.details`):
+ * the feature flags the focused site tab says paused themselves. Flag ids only.
+ */
+export function reportDetails() {
+    const table = featureTable();
+    return table ? [{ label: 'Paused features', values: [...pausedFeatures(table, focusedCommands()?.items)].sort() }] : [];
+}
+/** The area cards and the Fixes list. Renders nothing for an app without a feature table. */
+export function AreaPlugins({ notify }) {
+    const table = featureTable();
+    return table ? _jsx(AreaPluginsOf, { table: table, notify: notify }) : null;
+}
+function AreaPluginsOf({ table, notify }) {
+    const t = useT();
+    const query = useSettingsQuery().trim();
+    const [flags, choose] = useFlags(table, notify);
+    const [plugins, setPlugins] = usePluginFiles();
+    const [open, setOpen] = useState({});
+    const [asking, setAsking] = useState(null);
+    const paused = usePaused(table);
+    if (!flags)
+        return null;
+    const cards = areaCards(table, flags, plugins, paused);
+    const fixes = fixRows(table, flags, panelSite().features?.elsewhere);
+    const words = (row) => ({ label: tx(row.label, undefined, row.spec.id), description: tx(row.description, undefined, '') });
+    const shown = (row, card) => !query || matchesQuery(query, words(row).label, words(row).description, rowKeywords(row, card?.area));
+    async function setPlugin(file, enabled) {
+        try {
+            setPlugins(await invoke('plugin_set_enabled', { file, enabled }));
+            window.dispatchEvent(new CustomEvent('bt-plugins-changed'));
+            return true;
+        }
+        catch (err) {
+            notify(getError(err), true);
+            return false;
+        }
+    }
+    async function toggle(row, next) {
+        if (row.kind === 'plugin') {
+            await setPlugin(row.spec.file, next);
+            return;
+        }
+        // Never the owner's own copy of the old plugin and the built-in feature at once.
+        if (next && row.ownCopy?.enabled) {
+            setAsking(row.spec.id);
+            return;
+        }
+        await choose({ [row.spec.id]: next });
+    }
+    async function useBuiltIn(row) {
+        setAsking(null);
+        if (row.ownCopy && await setPlugin(row.ownCopy.file, false))
+            await choose({ [row.spec.id]: true });
+    }
+    function openSettings(card) {
+        const commands = focusedCommands();
+        const id = `${card.area.owner}:settings`;
+        if (commands?.items.some(item => item.id === id))
+            runPluginCommand(commands.tab, id);
+        else
+            notify(t('wb.features.settingsNoTab'), true);
+    }
+    const featureRow = (row, card) => {
+        if (!shown(row, card))
+            return null;
+        const text = words(row);
+        const copy = row.ownCopy;
+        const locked = row.missing || (!!card && !card.enabled && row.kind === 'flag');
+        return _jsx(Row, { label: text.label, keywords: `${rowKeywords(row, card?.area)} ${text.description}`, hint: _jsxs(_Fragment, { children: [text.description, row.paused && _jsx("span", { className: "wbf-note", children: t('wb.features.paused') }), copy && !row.on && _jsx("span", { className: "wbf-note", children: t('wb.features.ownCopy', { name: copy.name ?? copy.file }) }), asking === row.spec.id && copy && _jsxs("span", { className: "wbf-ask", role: "alertdialog", children: [t('wb.features.ownCopyAsk', { name: copy.name ?? copy.file }), _jsx(Button, { size: "sm", tone: "primary", onClick: () => void useBuiltIn(row), children: t('wb.features.useBuiltIn') }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setAsking(null), children: t('wb.common.cancel') })] })] }), badge: _jsxs(_Fragment, { children: [row.paused && _jsx(Badge, { tone: "warn", children: t('wb.features.pausedBadge') }), row.isDefault && _jsx(Badge, { children: t('wb.features.default') }), card && row.spec.backing === 'app' && _jsx(Badge, { children: t('wb.features.inApp') }), row.kind === 'plugin' && _jsx(Badge, { tone: row.missing ? 'warn' : 'plain', children: row.missing ? t('wb.features.missing') : t('wb.features.pluginFile') })] }), children: _jsx(Toggle, { label: text.label, checked: row.on, disabled: locked, onChange: next => void toggle(row, next) }) }, row.spec.id);
+    };
+    const visibleCards = cards.filter(card => !query || card.rows.some(row => shown(row, card)));
+    return _jsxs(_Fragment, { children: [visibleCards.length > 0 && _jsx(Section, { title: t('wb.features.areas'), hint: query ? undefined : t('wb.features.areasHint'), id: "areas", children: visibleCards.map(card => {
+                    const expanded = !!query || !!open[card.area.id];
+                    return _jsxs("div", { className: `wbf-area ${card.enabled ? '' : 'is-off'}`, "data-area": card.area.id, children: [_jsxs("div", { className: "wbf-head", children: [_jsx("span", { className: "wbf-icon", "aria-hidden": "true", children: _jsx(NavIcon, { d: card.area.icon ?? AREA_ICON }) }), _jsxs("button", { type: "button", className: "wbf-title", "aria-expanded": expanded, disabled: card.total === 0, onClick: () => setOpen({ ...open, [card.area.id]: !expanded }), children: [_jsx("strong", { children: card.area.name }), card.total > 0 && _jsx("span", { className: "wbf-count", children: t('wb.features.count', { on: card.on, total: card.total }) }), _jsxs("small", { children: [card.enabled ? tx(card.area.description, undefined, '') : t('wb.features.off'), card.total === 0 && ` ${t('wb.features.soon')}`] })] }), card.total > 0 && _jsx("span", { className: `wbf-caret ${expanded ? 'is-open' : ''}`, "aria-hidden": "true", children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", children: _jsx("path", { d: "M3 4.5 6 7.5l3-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), card.paused > 0 && _jsx(Badge, { tone: "warn", children: t('wb.features.pausedBadge') }), card.settings && hasFeature('pluginCommands') && _jsx(Button, { size: "sm", tone: "ghost", onClick: () => openSettings(card), children: t('wb.panel.section.settings') }), _jsx(Toggle, { label: t('wb.plugins.enabled', { name: card.area.name }), checked: card.enabled, onChange: next => void choose({ [areaFlag(card.area.id)]: next }) })] }), expanded && _jsx("div", { className: "wbf-body", children: card.groups.map(group => {
+                                    const rows = group.rows.map(row => featureRow(row, card)).filter(Boolean);
+                                    if (!rows.length)
+                                        return null;
+                                    return _jsxs("div", { className: "wbf-group", children: [group.id && _jsx("h3", { children: tx(`features.group.${group.id}`, undefined, group.id) }), rows] }, group.id);
+                                }) })] }, card.area.id);
+                }) }), fixes.some(row => shown(row)) && _jsx(Section, { title: t('wb.features.fixes'), hint: query ? undefined : t('wb.features.fixesHint'), id: "fixes", children: fixes.map(row => featureRow(row)) })] });
+}
+//# sourceMappingURL=PluginFeatures.js.map

package/dist/shell/panel/PluginFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginFeatures.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/PluginFeatures.tsx"],"names":[],"mappings":"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","sourcesContent":["// Area plugins: one card per area of the app's feature table (runtime featureTable.ts), each with\n// its switch, its features grouped with a toggle per feature, and a Settings button that opens the\n// area's settings dialog in the site tab. Under the cards, the core flags as \"Fixes\": on in every\n// mode, owned by no plugin. Flags are the host's (`features_get/set`, stored sparsely); a feature\n// that is still an old plugin file is switched with `plugin_set_enabled`.\nimport { useEffect, useRef, useState } from 'react';\nimport { areaFlag, normalizeFlags, pausedFeatures, sparseFlags, type FeatureTable, type Flags } from '../../../runtime/src/featureTable.ts';\nimport { invoke } from '../frame/bridge.ts';\nimport { useT } from '../frame/hooks.ts';\nimport { tx } from '../frame/i18n.ts';\nimport { COMMANDS_CHANGED, focusedCommands, runPluginCommand } from '../frame/pluginCommandStore.ts';\nimport { hasFeature } from '../frame/site.ts';\nimport { Badge, Button, Row, Section, Toggle, matchesQuery, useSettingsQuery } from './controls.tsx';\nimport { areaCards, fixRows, rowKeywords, type AreaCard, type FeatureRow, type PluginFileState } from './featureModel.ts';\nimport { NavIcon } from './NavIcon.tsx';\nimport { panelSite, type Notify } from './site.ts';\nimport './plugins.css';\n\nconst getError = (error: unknown) => error instanceof Error ? error.message : String(error);\nconst AREA_ICON = 'M6 2.5v3M10 2.5v3M4 5.5h8V8a4 4 0 0 1-8 0zM8 12v1.5';\n\n/** The app's feature table (an app without one has no area cards). */\nexport const featureTable = (): FeatureTable | null => panelSite().features?.table ?? null;\n\n/**\n * The saved flags as a full map (defaults filled in) and a setter that shows a change at once,\n * saves only what differs from the defaults and reverts when native code refuses it.\n */\nexport function useFlags(table: FeatureTable, notify: Notify): [Flags | null, (patch: Flags) => Promise<boolean>, () => Promise<void>] {\n  const [flags, setFlags] = useState<Flags | null>(null);\n  const latest = useRef<Flags | null>(null);\n  latest.current = flags;\n  const load = () => invoke<unknown>('features_get').then(value => setFlags(normalizeFlags(table, value))).catch(err => notify(getError(err), true));\n  useEffect(() => {\n    void load();\n    // Another part of the panel changed them (a mode was chosen).\n    const again = () => void load();\n    window.addEventListener('wb-features-changed', again);\n    return () => window.removeEventListener('wb-features-changed', again);\n  }, []);\n  async function choose(patch: Flags) {\n    const before = latest.current;\n    if (!before) return false;\n    const next = { ...before, ...patch };\n    setFlags(next);\n    try { await invoke('features_set', { features: sparseFlags(table, next) }); return true; }\n    catch (err) { setFlags(before); notify(getError(err), true); return false; }\n  }\n  return [flags, choose, load];\n}\n\n/** Tells every `useFlags` that the saved flags changed. */\nexport const flagsChanged = () => window.dispatchEvent(new CustomEvent('wb-features-changed'));\n\nfunction usePluginFiles(): [PluginFileState[], (list: PluginFileState[]) => void] {\n  const [plugins, setPlugins] = useState<PluginFileState[]>([]);\n  useEffect(() => {\n    const load = () => invoke<PluginFileState[]>('plugins_list').then(setPlugins).catch(() => {});\n    void load();\n    window.addEventListener('bt-plugins-changed', load);\n    return () => window.removeEventListener('bt-plugins-changed', load);\n  }, []);\n  return [plugins, setPlugins];\n}\n\n/** The flags the focused site tab says paused themselves (its area's `health` palette entry). */\nfunction usePaused(table: FeatureTable): Set<string> {\n  const [paused, setPaused] = useState(() => pausedFeatures(table, focusedCommands()?.items));\n  useEffect(() => {\n    const read = () => setPaused(before => {\n      const next = pausedFeatures(table, focusedCommands()?.items);\n      return next.size === before.size && [...next].every(id => before.has(id)) ? before : next;\n    });\n    read();\n    window.addEventListener(COMMANDS_CHANGED, read);\n    return () => window.removeEventListener(COMMANDS_CHANGED, read);\n  }, [table]);\n  return paused;\n}\n\n/**\n * Lines for the app menu's \"Report a problem\" summary (the frame's `ShellSite.menu.report.details`):\n * the feature flags the focused site tab says paused themselves. Flag ids only.\n */\nexport function reportDetails(): Array<{ label: string; values: string[] }> {\n  const table = featureTable();\n  return table ? [{ label: 'Paused features', values: [...pausedFeatures(table, focusedCommands()?.items)].sort() }] : [];\n}\n\n/** The area cards and the Fixes list. Renders nothing for an app without a feature table. */\nexport function AreaPlugins({ notify }: { notify: Notify }) {\n  const table = featureTable();\n  return table ? <AreaPluginsOf table={table} notify={notify}/> : null;\n}\n\nfunction AreaPluginsOf({ table, notify }: { table: FeatureTable; notify: Notify }) {\n  const t = useT();\n  const query = useSettingsQuery().trim();\n  const [flags, choose] = useFlags(table, notify);\n  const [plugins, setPlugins] = usePluginFiles();\n  const [open, setOpen] = useState<Record<string, boolean>>({});\n  const [asking, setAsking] = useState<string | null>(null);\n  const paused = usePaused(table);\n  if (!flags) return null;\n\n  const cards = areaCards(table, flags, plugins, paused);\n  const fixes = fixRows(table, flags, panelSite().features?.elsewhere);\n  const words = (row: FeatureRow) => ({ label: tx(row.label, undefined, row.spec.id), description: tx(row.description, undefined, '') });\n  const shown = (row: FeatureRow, card?: AreaCard) => !query || matchesQuery(query, words(row).label, words(row).description, rowKeywords(row, card?.area));\n\n  async function setPlugin(file: string, enabled: boolean) {\n    try { setPlugins(await invoke<PluginFileState[]>('plugin_set_enabled', { file, enabled })); window.dispatchEvent(new CustomEvent('bt-plugins-changed')); return true; }\n    catch (err) { notify(getError(err), true); return false; }\n  }\n  async function toggle(row: FeatureRow, next: boolean) {\n    if (row.kind === 'plugin') { await setPlugin(row.spec.file!, next); return; }\n    // Never the owner's own copy of the old plugin and the built-in feature at once.\n    if (next && row.ownCopy?.enabled) { setAsking(row.spec.id); return; }\n    await choose({ [row.spec.id]: next });\n  }\n  async function useBuiltIn(row: FeatureRow) {\n    setAsking(null);\n    if (row.ownCopy && await setPlugin(row.ownCopy.file, false)) await choose({ [row.spec.id]: true });\n  }\n  function openSettings(card: AreaCard) {\n    const commands = focusedCommands();\n    const id = `${card.area.owner}:settings`;\n    if (commands?.items.some(item => item.id === id)) runPluginCommand(commands.tab, id);\n    else notify(t('wb.features.settingsNoTab'), true);\n  }\n\n  const featureRow = (row: FeatureRow, card?: AreaCard) => {\n    if (!shown(row, card)) return null;\n    const text = words(row);\n    const copy = row.ownCopy;\n    const locked = row.missing || (!!card && !card.enabled && row.kind === 'flag');\n    return <Row key={row.spec.id} label={text.label} keywords={`${rowKeywords(row, card?.area)} ${text.description}`}\n      hint={<>{text.description}\n        {row.paused && <span className=\"wbf-note\">{t('wb.features.paused')}</span>}\n        {copy && !row.on && <span className=\"wbf-note\">{t('wb.features.ownCopy', { name: copy.name ?? copy.file })}</span>}\n        {asking === row.spec.id && copy && <span className=\"wbf-ask\" role=\"alertdialog\">{t('wb.features.ownCopyAsk', { name: copy.name ?? copy.file })}\n          <Button size=\"sm\" tone=\"primary\" onClick={() => void useBuiltIn(row)}>{t('wb.features.useBuiltIn')}</Button>\n          <Button size=\"sm\" tone=\"ghost\" onClick={() => setAsking(null)}>{t('wb.common.cancel')}</Button>\n        </span>}</>}\n      badge={<>\n        {row.paused && <Badge tone=\"warn\">{t('wb.features.pausedBadge')}</Badge>}\n        {row.isDefault && <Badge>{t('wb.features.default')}</Badge>}\n        {card && row.spec.backing === 'app' && <Badge>{t('wb.features.inApp')}</Badge>}\n        {row.kind === 'plugin' && <Badge tone={row.missing ? 'warn' : 'plain'}>{row.missing ? t('wb.features.missing') : t('wb.features.pluginFile')}</Badge>}\n      </>}>\n      <Toggle label={text.label} checked={row.on} disabled={locked} onChange={next => void toggle(row, next)}/>\n    </Row>;\n  };\n\n  const visibleCards = cards.filter(card => !query || card.rows.some(row => shown(row, card)));\n  return <>\n    {visibleCards.length > 0 && <Section title={t('wb.features.areas')} hint={query ? undefined : t('wb.features.areasHint')} id=\"areas\">\n      {visibleCards.map(card => {\n        const expanded = !!query || !!open[card.area.id];\n        return <div key={card.area.id} className={`wbf-area ${card.enabled ? '' : 'is-off'}`} data-area={card.area.id}>\n          <div className=\"wbf-head\">\n            <span className=\"wbf-icon\" aria-hidden=\"true\"><NavIcon d={card.area.icon ?? AREA_ICON}/></span>\n            <button type=\"button\" className=\"wbf-title\" aria-expanded={expanded} disabled={card.total === 0} onClick={() => setOpen({ ...open, [card.area.id]: !expanded })}>\n              <strong>{card.area.name}</strong>\n              {card.total > 0 && <span className=\"wbf-count\">{t('wb.features.count', { on: card.on, total: card.total })}</span>}\n              <small>{card.enabled ? tx(card.area.description, undefined, '') : t('wb.features.off')}{card.total === 0 && ` ${t('wb.features.soon')}`}</small>\n            </button>\n            {card.total > 0 && <span className={`wbf-caret ${expanded ? 'is-open' : ''}`} aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path d=\"M3 4.5 6 7.5l3-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></svg></span>}\n            {card.paused > 0 && <Badge tone=\"warn\">{t('wb.features.pausedBadge')}</Badge>}\n            {card.settings && hasFeature('pluginCommands') && <Button size=\"sm\" tone=\"ghost\" onClick={() => openSettings(card)}>{t('wb.panel.section.settings')}</Button>}\n            <Toggle label={t('wb.plugins.enabled', { name: card.area.name })} checked={card.enabled} onChange={next => void choose({ [areaFlag(card.area.id)]: next })}/>\n          </div>\n          {expanded && <div className=\"wbf-body\">\n            {card.groups.map(group => {\n              const rows = group.rows.map(row => featureRow(row, card)).filter(Boolean);\n              if (!rows.length) return null;\n              return <div key={group.id} className=\"wbf-group\">\n                {group.id && <h3>{tx(`features.group.${group.id}`, undefined, group.id)}</h3>}\n                {rows}\n              </div>;\n            })}\n          </div>}\n        </div>;\n      })}\n    </Section>}\n    {fixes.some(row => shown(row)) && <Section title={t('wb.features.fixes')} hint={query ? undefined : t('wb.features.fixesHint')} id=\"fixes\">\n      {fixes.map(row => featureRow(row))}\n    </Section>}\n  </>;\n}\n"]}

package/dist/shell/panel/Plugins.d.ts

@@ -0,0 +1,33 @@
+import './plugins.css';
+/** A `*.plugin.js` file from the local plugins folder (waybetter-host `plugins::ScriptPlugin`). */
+export type ScriptPlugin = {
+    file: string;
+    name: string;
+    description: string;
+    version: string;
+    author: string;
+    enabled: boolean;
+    /** Declared `@permissions`; null/absent = no line (legacy: full API, full page access). */
+    permissions?: string[] | null;
+    /** Header problems (e.g. an unknown permission name). */
+    problems?: string[];
+};
+type Notify = (text: string, error?: boolean) => void;
+/** A bundled plugin's name/description in the active language (`plugin.<file stem>.name`), else its header's. */
+export declare const pluginText: (plugin: {
+    file: string;
+    name: string;
+    description?: string;
+}) => {
+    name: string;
+    description: string;
+};
+/** BetterDiscord-style JavaScript plugins loaded from the local plugins folder into the site's page. */
+export declare function ScriptPlugins({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element;
+/** Free-form CSS applied to the site's page, like BetterDiscord's Custom CSS. */
+export declare function CustomCssEditor({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;
+export {};

package/dist/shell/panel/Plugins.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Plugins: the `*.plugin.js` files in the app's plugins folder (on/off live in every site tab, their
+// declared permissions, where each came from, removal through the install records) and the custom
+// CSS editor. Native code serves them (waybetter-host `plugins_*`, `custom_css_*`).
+import { useEffect, useState } from 'react';
+import { invoke } from "../frame/bridge.js";
+import { useT } from "../frame/hooks.js";
+import { t as frameText, tx } from "../frame/i18n.js";
+import { site } from "../frame/site.js";
+import { permissionBadges } from "../storeModel.js";
+import { Badge, Button, EmptyState, Row, Section, Toggle, useSettingsQuery } from "./controls.js";
+import { featureFiles } from "./featureModel.js";
+import { panelSite } from "./site.js";
+import './plugins.css';
+const getError = (error) => error instanceof Error ? error.message : String(error);
+const PLUG = _jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M9 3v5M15 3v5M6 8h12v3a6 6 0 0 1-12 0zM12 17v4", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) });
+/** A bundled plugin's name/description in the active language (`plugin.<file stem>.name`), else its header's. */
+export const pluginText = (plugin) => {
+    const ns = plugin.file.replace(/\.plugin\.js$/i, '');
+    return { name: tx(`plugin.${ns}.name`, undefined, plugin.name), description: tx(`plugin.${ns}.description`, undefined, plugin.description ?? '') };
+};
+const PLUGIN_EXAMPLE = '/** @name Hello @description Says hi */\nmodule.exports = class {\n  start() { console.log("hi"); }\n  stop() {}\n};';
+/** BetterDiscord-style JavaScript plugins loaded from the local plugins folder into the site's page. */
+export function ScriptPlugins({ notify }) {
+    const t = useT();
+    const [plugins, setPlugins] = useState(null);
+    const [error, setError] = useState('');
+    const [busy, setBusy] = useState(null);
+    const query = useSettingsQuery();
+    const [records, setRecords] = useState({});
+    const [removing, setRemoving] = useState(null);
+    const refresh = () => {
+        invoke('install_records').then(value => setRecords(value.items ?? {})).catch(() => { });
+        return invoke('plugins_list').then(items => { setPlugins(items); setError(''); }).catch(err => setError(getError(err)));
+    };
+    useEffect(() => {
+        void refresh();
+        // The install screen (links, dropped files, the Store) added or updated one.
+        const again = () => void refresh();
+        window.addEventListener('bt-plugins-changed', again);
+        return () => window.removeEventListener('bt-plugins-changed', again);
+    }, []);
+    async function remove(plugin) {
+        setRemoving(null);
+        setBusy(plugin.file);
+        try {
+            setPlugins(await invoke('plugin_remove', { file: plugin.file }));
+            notify(t('wb.common.removedNamed', { name: pluginText(plugin).name }));
+        }
+        catch (err) {
+            notify(getError(err), true);
+        }
+        finally {
+            setBusy(null);
+        }
+    }
+    async function toggle(plugin) {
+        setBusy(plugin.file);
+        try {
+            setPlugins(await invoke('plugin_set_enabled', { file: plugin.file, enabled: !plugin.enabled }));
+            notify(plugin.enabled ? t('wb.plugins.stopped', { name: pluginText(plugin).name }) : t('wb.plugins.started', { name: pluginText(plugin).name }));
+        }
+        catch (err) {
+            notify(getError(err), true);
+        }
+        finally {
+            setBusy(null);
+        }
+    }
+    // A plugin file that is a feature of an area card (until it is ported) is switched there.
+    const table = panelSite().features?.table;
+    const inCards = table ? featureFiles(table) : null;
+    const listed = plugins && inCards ? plugins.filter(plugin => !inCards.has(plugin.file)) : plugins;
+    // Removing a file goes through the install screen's native side (`plugin_remove`).
+    const removable = !!panelSite().store;
+    const folder = _jsxs("div", { className: "bt-inline", children: [_jsx(Button, { size: "sm", onClick: () => void invoke('plugins_open_folder').catch(err => notify(getError(err), true)), children: t('wb.plugins.openFolder') }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => void refresh(), children: t('wb.plugins.rescan') })] });
+    return _jsxs(Section, { title: t('wb.plugins.title'), hint: t('wb.plugins.hint'), action: plugins && (plugins.length > 0 || table) ? folder : undefined, children: [error && _jsx("div", { className: "bt-alert", role: "alert", children: error }), listed?.length === 0 && !query && !table && _jsxs(EmptyState, { icon: PLUG, title: t('wb.plugins.none'), action: folder, children: [t('wb.plugins.noneHint'), _jsx("code", { className: "bt-snippet", style: { display: 'block' }, children: PLUGIN_EXAMPLE })] }), listed?.map(plugin => {
+                const record = records[`plugin:${plugin.file}`];
+                const source = record ? (record.source === 'store' ? t('wb.panel.section.store') : record.source === 'link' ? t('wb.plugins.source.link') : t('wb.plugins.source.file')) : null;
+                const text = pluginText(plugin);
+                return _jsxs(Row, { label: text.name, hint: _jsxs(_Fragment, { children: [text.description || plugin.file, plugin.author ? ` · ${plugin.author}` : '', _jsxs("span", { className: "wbx-perms", children: [permissionBadges(plugin.permissions, frameText, site().name).map(badge => _jsx("span", { className: `is-${badge.tone}`, title: badge.detail, children: badge.label }, badge.id)), source && _jsx("span", { className: "is-source", title: record?.url ?? t('wb.plugins.source.fileTitle'), children: source }), (plugin.problems ?? []).map(problem => _jsx("span", { className: "is-warn", title: problem, children: t('wb.plugins.headerProblem') }, problem))] })] }), keywords: `plugin ${plugin.file} ${plugin.name} ${(plugin.permissions ?? ['legacy']).join(' ')}`, badge: _jsx(Badge, { children: plugin.version || t('wb.plugins.noVersion') }), children: [!removable ? null : removing === plugin.file
+                            ? _jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", tone: "danger", onClick: () => void remove(plugin), children: t('wb.plugins.deleteFile') }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setRemoving(null), children: t('wb.plugins.keep') })] })
+                            : _jsx(Button, { size: "sm", tone: "ghost", disabled: busy === plugin.file, onClick: () => setRemoving(plugin.file), children: t('wb.common.remove') }), _jsx(Toggle, { label: t('wb.plugins.enabled', { name: text.name }), checked: plugin.enabled, disabled: busy === plugin.file, onChange: () => void toggle(plugin) })] }, plugin.file);
+            })] });
+}
+/** Free-form CSS applied to the site's page, like BetterDiscord's Custom CSS. */
+export function CustomCssEditor({ notify }) {
+    const t = useT();
+    const [css, setCss] = useState('');
+    const [saved, setSaved] = useState('');
+    const [loaded, setLoaded] = useState(false);
+    const query = useSettingsQuery();
+    useEffect(() => { invoke('custom_css_get').then(value => { setCss(value); setSaved(value); setLoaded(true); }).catch(err => notify(getError(err), true)); }, []);
+    async function apply() {
+        try {
+            await invoke('custom_css_set', { css });
+            setSaved(css);
+            notify(t('wb.css.applied'));
+        }
+        catch (err) {
+            notify(getError(err), true);
+        }
+    }
+    if (query && !`custom css stylesheet style code ${t('wb.css.title')}`.toLowerCase().includes(query.toLowerCase().trim()))
+        return null;
+    const dirty = css !== saved;
+    return _jsx(Section, { title: t('wb.css.title'), hint: t('wb.css.hint'), action: _jsx("span", { className: `bt-status ${dirty ? 'is-warn' : ''}`, children: dirty ? t('wb.css.unsaved') : loaded ? (saved.trim() ? t('wb.css.applied.short') : t('wb.css.empty')) : '' }), children: _jsxs("div", { className: "bt-code", children: [_jsx("textarea", { "aria-label": t('wb.css.label'), spellCheck: false, value: css, placeholder: panelSite().cssExamples?.custom ?? '/* CSS for the page */', onChange: event => setCss(event.target.value), onKeyDown: event => { if ((event.ctrlKey || event.metaKey) && event.key === 's') {
+                        event.preventDefault();
+                        void apply();
+                    } } }), _jsxs("div", { className: "bt-code-bar", children: [_jsx("small", { children: t('wb.appearance.cssLines', { count: css.split('\n').length }) }), dirty && _jsx(Button, { size: "sm", tone: "ghost", onClick: () => setCss(saved), children: t('wb.common.discard') }), _jsx(Button, { size: "sm", tone: "primary", disabled: !loaded || !dirty, onClick: () => void apply(), children: t('wb.common.apply') })] })] }) });
+}
+//# sourceMappingURL=Plugins.js.map

package/dist/shell/panel/Plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plugins.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/Plugins.tsx"],"names":[],"mappings":"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","sourcesContent":["// Plugins: the `*.plugin.js` files in the app's plugins folder (on/off live in every site tab, their\n// declared permissions, where each came from, removal through the install records) and the custom\n// CSS editor. Native code serves them (waybetter-host `plugins_*`, `custom_css_*`).\nimport { useEffect, useState } from 'react';\nimport { invoke } from '../frame/bridge.ts';\nimport { useT } from '../frame/hooks.ts';\nimport { t as frameText, tx } from '../frame/i18n.ts';\nimport { site } from '../frame/site.ts';\nimport { permissionBadges, type InstallRecord } from '../storeModel.ts';\nimport { Badge, Button, EmptyState, Row, Section, Toggle, useSettingsQuery } from './controls.tsx';\nimport { featureFiles } from './featureModel.ts';\nimport { panelSite } from './site.ts';\nimport './plugins.css';\n\n/** A `*.plugin.js` file from the local plugins folder (waybetter-host `plugins::ScriptPlugin`). */\nexport type ScriptPlugin = {\n  file: string;\n  name: string;\n  description: string;\n  version: string;\n  author: string;\n  enabled: boolean;\n  /** Declared `@permissions`; null/absent = no line (legacy: full API, full page access). */\n  permissions?: string[] | null;\n  /** Header problems (e.g. an unknown permission name). */\n  problems?: string[];\n};\n\ntype Notify = (text: string, error?: boolean) => void;\nconst getError = (error: unknown) => error instanceof Error ? error.message : String(error);\nconst PLUG = <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3v5M15 3v5M6 8h12v3a6 6 0 0 1-12 0zM12 17v4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></svg>;\n\n/** A bundled plugin's name/description in the active language (`plugin.<file stem>.name`), else its header's. */\nexport const pluginText = (plugin: { file: string; name: string; description?: string }) => {\n  const ns = plugin.file.replace(/\\.plugin\\.js$/i, '');\n  return { name: tx(`plugin.${ns}.name`, undefined, plugin.name), description: tx(`plugin.${ns}.description`, undefined, plugin.description ?? '') };\n};\n\nconst PLUGIN_EXAMPLE = '/** @name Hello @description Says hi */\\nmodule.exports = class {\\n  start() { console.log(\"hi\"); }\\n  stop() {}\\n};';\n\n/** BetterDiscord-style JavaScript plugins loaded from the local plugins folder into the site's page. */\nexport function ScriptPlugins({ notify }: { notify: Notify }) {\n  const t = useT();\n  const [plugins, setPlugins] = useState<ScriptPlugin[] | null>(null);\n  const [error, setError] = useState('');\n  const [busy, setBusy] = useState<string | null>(null);\n  const query = useSettingsQuery();\n\n  const [records, setRecords] = useState<Record<string, InstallRecord>>({});\n  const [removing, setRemoving] = useState<string | null>(null);\n  const refresh = () => {\n    invoke<{ items: Record<string, InstallRecord> }>('install_records').then(value => setRecords(value.items ?? {})).catch(() => {});\n    return invoke<ScriptPlugin[]>('plugins_list').then(items => { setPlugins(items); setError(''); }).catch(err => setError(getError(err)));\n  };\n  useEffect(() => {\n    void refresh();\n    // The install screen (links, dropped files, the Store) added or updated one.\n    const again = () => void refresh();\n    window.addEventListener('bt-plugins-changed', again);\n    return () => window.removeEventListener('bt-plugins-changed', again);\n  }, []);\n\n  async function remove(plugin: ScriptPlugin) {\n    setRemoving(null);\n    setBusy(plugin.file);\n    try {\n      setPlugins(await invoke<ScriptPlugin[]>('plugin_remove', { file: plugin.file }));\n      notify(t('wb.common.removedNamed', { name: pluginText(plugin).name }));\n    } catch (err) { notify(getError(err), true); }\n    finally { setBusy(null); }\n  }\n\n  async function toggle(plugin: ScriptPlugin) {\n    setBusy(plugin.file);\n    try {\n      setPlugins(await invoke<ScriptPlugin[]>('plugin_set_enabled', { file: plugin.file, enabled: !plugin.enabled }));\n      notify(plugin.enabled ? t('wb.plugins.stopped', { name: pluginText(plugin).name }) : t('wb.plugins.started', { name: pluginText(plugin).name }));\n    } catch (err) { notify(getError(err), true); }\n    finally { setBusy(null); }\n  }\n\n  // A plugin file that is a feature of an area card (until it is ported) is switched there.\n  const table = panelSite().features?.table;\n  const inCards = table ? featureFiles(table) : null;\n  const listed = plugins && inCards ? plugins.filter(plugin => !inCards.has(plugin.file)) : plugins;\n  // Removing a file goes through the install screen's native side (`plugin_remove`).\n  const removable = !!panelSite().store;\n  const folder = <div className=\"bt-inline\">\n    <Button size=\"sm\" onClick={() => void invoke('plugins_open_folder').catch(err => notify(getError(err), true))}>{t('wb.plugins.openFolder')}</Button>\n    <Button size=\"sm\" tone=\"ghost\" onClick={() => void refresh()}>{t('wb.plugins.rescan')}</Button>\n  </div>;\n\n  return <Section title={t('wb.plugins.title')} hint={t('wb.plugins.hint')}\n    action={plugins && (plugins.length > 0 || table) ? folder : undefined}>\n    {error && <div className=\"bt-alert\" role=\"alert\">{error}</div>}\n    {listed?.length === 0 && !query && !table && <EmptyState icon={PLUG} title={t('wb.plugins.none')} action={folder}>\n      {t('wb.plugins.noneHint')}\n      <code className=\"bt-snippet\" style={{ display: 'block' }}>{PLUGIN_EXAMPLE}</code>\n    </EmptyState>}\n    {listed?.map(plugin => {\n      const record = records[`plugin:${plugin.file}`];\n      const source = record ? (record.source === 'store' ? t('wb.panel.section.store') : record.source === 'link' ? t('wb.plugins.source.link') : t('wb.plugins.source.file')) : null;\n      const text = pluginText(plugin);\n      return <Row key={plugin.file} label={text.name} hint={<>{text.description || plugin.file}{plugin.author ? ` · ${plugin.author}` : ''}\n        <span className=\"wbx-perms\">\n          {permissionBadges(plugin.permissions, frameText, site().name).map(badge => <span key={badge.id} className={`is-${badge.tone}`} title={badge.detail}>{badge.label}</span>)}\n          {source && <span className=\"is-source\" title={record?.url ?? t('wb.plugins.source.fileTitle')}>{source}</span>}\n          {(plugin.problems ?? []).map(problem => <span key={problem} className=\"is-warn\" title={problem}>{t('wb.plugins.headerProblem')}</span>)}\n        </span></>} keywords={`plugin ${plugin.file} ${plugin.name} ${(plugin.permissions ?? ['legacy']).join(' ')}`}\n        badge={<Badge>{plugin.version || t('wb.plugins.noVersion')}</Badge>}>\n        {!removable ? null : removing === plugin.file\n          ? <><Button size=\"sm\" tone=\"danger\" onClick={() => void remove(plugin)}>{t('wb.plugins.deleteFile')}</Button><Button size=\"sm\" tone=\"ghost\" onClick={() => setRemoving(null)}>{t('wb.plugins.keep')}</Button></>\n          : <Button size=\"sm\" tone=\"ghost\" disabled={busy === plugin.file} onClick={() => setRemoving(plugin.file)}>{t('wb.common.remove')}</Button>}\n        <Toggle label={t('wb.plugins.enabled', { name: text.name })} checked={plugin.enabled} disabled={busy === plugin.file} onChange={() => void toggle(plugin)}/>\n      </Row>;\n    })}\n  </Section>;\n}\n\n/** Free-form CSS applied to the site's page, like BetterDiscord's Custom CSS. */\nexport function CustomCssEditor({ notify }: { notify: Notify }) {\n  const t = useT();\n  const [css, setCss] = useState('');\n  const [saved, setSaved] = useState('');\n  const [loaded, setLoaded] = useState(false);\n  const query = useSettingsQuery();\n\n  useEffect(() => { invoke<string>('custom_css_get').then(value => { setCss(value); setSaved(value); setLoaded(true); }).catch(err => notify(getError(err), true)); }, []);\n\n  async function apply() {\n    try { await invoke('custom_css_set', { css }); setSaved(css); notify(t('wb.css.applied')); }\n    catch (err) { notify(getError(err), true); }\n  }\n  if (query && !`custom css stylesheet style code ${t('wb.css.title')}`.toLowerCase().includes(query.toLowerCase().trim())) return null;\n\n  const dirty = css !== saved;\n  return <Section title={t('wb.css.title')} hint={t('wb.css.hint')}\n    action={<span className={`bt-status ${dirty ? 'is-warn' : ''}`}>{dirty ? t('wb.css.unsaved') : loaded ? (saved.trim() ? t('wb.css.applied.short') : t('wb.css.empty')) : ''}</span>}>\n    <div className=\"bt-code\">\n      <textarea aria-label={t('wb.css.label')} spellCheck={false} value={css} placeholder={panelSite().cssExamples?.custom ?? '/* CSS for the page */'} onChange={event => setCss(event.target.value)}\n        onKeyDown={event => { if ((event.ctrlKey || event.metaKey) && event.key === 's') { event.preventDefault(); void apply(); } }}/>\n      <div className=\"bt-code-bar\">\n        <small>{t('wb.appearance.cssLines', { count: css.split('\\n').length })}</small>\n        {dirty && <Button size=\"sm\" tone=\"ghost\" onClick={() => setCss(saved)}>{t('wb.common.discard')}</Button>}\n        <Button size=\"sm\" tone=\"primary\" disabled={!loaded || !dirty} onClick={() => void apply()}>{t('wb.common.apply')}</Button>\n      </div>\n    </div>\n  </Section>;\n}\n"]}

package/dist/shell/panel/PowerSettings.d.ts

@@ -0,0 +1,4 @@
+import { type Notify } from './site.ts';
+export declare function PowerSettings({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;

package/dist/shell/panel/PowerSettings.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Settings → Power User: the deck's defaults (column width, density, default column flags), the
+// memory guard (columns per page, with the memory one column was measured to take, when the app
+// says so), parking off-page columns, presets and the list of decks. Stored in the shell
+// (frame/deckStore.ts); the column kinds, flags and presets are the site's (`site.deck`).
+import { useEffect, useReducer } from 'react';
+import { COLUMN_WIDTHS, DEFAULT_MAX_VISIBLE } from "../deckModel.js";
+import { createDeck, decks, forgetColumn, saveDecks, setDeckSettings } from "../frame/deckStore.js";
+import { useT } from "../frame/hooks.js";
+import { site } from "../frame/site.js";
+import { shell } from "../frame/state.js";
+import { Badge, Button, Row, Section, Segmented, Stepper, Toggle } from "./controls.js";
+import { panelSite } from "./site.js";
+function useDeckState() {
+    const [, tick] = useReducer((n) => n + 1, 0);
+    useEffect(() => { window.addEventListener('bt-decks', tick); return () => window.removeEventListener('bt-decks', tick); }, []);
+}
+const openDeck = (deckId) => window.dispatchEvent(new CustomEvent('bt-deck-open', { detail: deckId }));
+export function PowerSettings({ notify }) {
+    const t = useT();
+    useDeckState();
+    const settings = decks.settings;
+    const save = (patch, message) => { setDeckSettings({ ...settings, ...patch }); notify(message); };
+    const perPage = settings.maxVisible;
+    const guard = perPage > DEFAULT_MAX_VISIBLE;
+    const profiles = shell.profiles.profiles.map(p => p.id);
+    const deckSite = site().deck;
+    const power = panelSite().power;
+    const memory = power?.memory;
+    if (!deckSite)
+        return null;
+    const listed = power?.defaultFlags ?? Object.keys(deckSite.defaultFlags);
+    const preset = (item) => {
+        const ordered = [shell.profiles.active, ...profiles.filter(id => id !== shell.profiles.active)];
+        const deck = createDeck((item.name ?? item.label)(), item.columns(ordered));
+        openDeck(deck.id);
+        notify(t('wb.power.deckCreated', { name: deck.name }));
+    };
+    return _jsxs(_Fragment, { children: [_jsxs(Section, { title: t('wb.power.title'), hint: t('wb.power.hint'), action: _jsx(Button, { size: "sm", tone: "primary", onClick: () => openDeck(), children: t('wb.power.openDeck') }), children: [_jsx(Row, { label: t('wb.power.width'), hint: t('wb.power.widthHint'), keywords: "deck width narrow", children: _jsx(Segmented, { label: t('wb.power.width'), size: "sm", value: settings.width, onChange: width => save({ width }, t('wb.power.widthSaved', { width })), options: COLUMN_WIDTHS.map(width => ({ value: width, label: String(width) })) }) }), _jsx(Row, { label: t('wb.appearance.density'), hint: t('wb.power.densityHint'), keywords: "deck compact comfortable spacing", children: _jsx(Segmented, { label: t('wb.appearance.density'), size: "sm", value: settings.density, onChange: density => save({ density }, density === 'compact' ? t('wb.power.densityCompact') : t('wb.power.densityComfortable')), options: [{ value: 'compact', label: t('wb.appearance.density.compact') }, { value: 'comfortable', label: t('wb.power.comfortable') }] }) }), deckSite.flags.filter(option => listed.includes(option.key)).map(option => _jsx(Row, { label: t('wb.power.columnsFlag', { flag: option.label }), hint: option.hint, keywords: "deck column default flags autoplay promoted counts", children: _jsx(Toggle, { label: option.label, checked: settings.flags[option.key] === true, onChange: next => save({ flags: { ...settings.flags, [option.key]: next } }, next ? t('wb.power.flagOn', { flag: option.label }) : t('wb.power.flagOff', { flag: option.label })) }) }, option.key))] }), _jsxs(Section, { title: t('wb.power.memory'), hint: memory ? t('wb.power.memoryHint', { range: memory.range }) : undefined, children: [_jsx(Row, { label: t('wb.power.perPage'), hint: !memory ? t('wb.power.perPageSaved', { count: perPage }) : guard
+                            ? t('wb.power.perPageGuard', { max: DEFAULT_MAX_VISIBLE, mb: perPage * memory.perColumn })
+                            : t('wb.power.perPageHint', { count: perPage, mb: perPage * memory.perColumn }), badge: guard ? _jsx(Badge, { tone: "warn", children: t('wb.power.guard') }) : undefined, keywords: "deck memory ram guard page visible", children: _jsx(Stepper, { label: t('wb.power.perPage'), value: perPage, min: 1, max: 12, onChange: maxVisible => save({ maxVisible }, t('wb.power.perPageSaved', { count: maxVisible })) }) }), _jsx(Row, { label: t('wb.power.park'), hint: t('wb.power.parkHint'), keywords: "deck memory park low", children: _jsx(Toggle, { label: t('wb.power.park'), checked: settings.parkOffPage, onChange: parkOffPage => save({ parkOffPage }, parkOffPage ? t('wb.power.parkOn') : t('wb.power.parkOff')) }) })] }), _jsxs(Section, { title: t('wb.power.decks'), hint: t('wb.power.decksHint'), children: [(deckSite.presets ?? []).map(item => {
+                        const blocked = !!item.needsTwoAccounts && profiles.length < 2;
+                        return _jsx(Row, { label: (item.name ?? item.label)(), hint: item.hint?.(), keywords: `deck preset ${item.needsTwoAccounts ? 'accounts' : item.id}`, children: _jsx(Button, { size: "sm", disabled: blocked, onClick: () => preset(item), children: blocked ? t('wb.power.addAccountFirst') : t('wb.common.create') }) }, item.id);
+                    }), decks.list.map(deck => _jsx(Row, { label: deck.name, hint: t('wb.power.columnCount', { count: deck.columns.length }), keywords: "deck", children: _jsxs("div", { className: "bt-inline", children: [_jsx(Button, { size: "sm", onClick: () => openDeck(deck.id), children: t('wb.common.open') }), _jsx(Button, { size: "sm", tone: "ghost", onClick: () => {
+                                        for (const column of deck.columns)
+                                            forgetColumn(column.tabId);
+                                        decks.list = decks.list.filter(d => d.id !== deck.id);
+                                        saveDecks();
+                                        notify(t('wb.common.removedNamed', { name: deck.name }));
+                                    }, children: t('wb.common.remove') })] }) }, deck.id))] }), _jsxs(Section, { title: t('wb.power.keys'), hint: power?.keysHint?.(), children: [_jsx(Row, { label: t('wb.power.key.column'), hint: t('wb.power.key.columnHint'), keywords: "deck keys shortcut" }), _jsx(Row, { label: t('wb.power.key.jump'), hint: "Alt+1 \u2026 Alt+9", keywords: "deck keys shortcut" }), _jsx(Row, { label: t('wb.power.key.page'), hint: "Alt+PageUp / Alt+PageDown", keywords: "deck keys shortcut" }), _jsx(Row, { label: t('wb.power.key.read'), hint: "Alt+R / Alt+U", keywords: "deck keys shortcut unread" }), deckSite.compose && _jsx(Row, { label: t('wb.power.key.post'), hint: t('wb.power.key.postHint'), keywords: "deck keys shortcut compose" }), _jsx(Row, { label: t('wb.power.key.toggle'), hint: "Ctrl+Shift+D", keywords: "deck keys shortcut toggle" })] })] });
+}
+//# sourceMappingURL=PowerSettings.js.map

package/dist/shell/panel/PowerSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PowerSettings.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/PowerSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["// Settings → Power User: the deck's defaults (column width, density, default column flags), the\n// memory guard (columns per page, with the memory one column was measured to take, when the app\n// says so), parking off-page columns, presets and the list of decks. Stored in the shell\n// (frame/deckStore.ts); the column kinds, flags and presets are the site's (`site.deck`).\n\nimport { useEffect, useReducer } from 'react';\nimport { COLUMN_WIDTHS, DEFAULT_MAX_VISIBLE } from '../deckModel.ts';\nimport { createDeck, decks, forgetColumn, saveDecks, setDeckSettings, type DeckSettings } from '../frame/deckStore.ts';\nimport { useT } from '../frame/hooks.ts';\nimport { site, type DeckPreset } from '../frame/site.ts';\nimport { shell } from '../frame/state.ts';\nimport { Badge, Button, Row, Section, Segmented, Stepper, Toggle } from './controls.tsx';\nimport { panelSite, type Notify } from './site.ts';\n\nfunction useDeckState() {\n  const [, tick] = useReducer((n: number) => n + 1, 0);\n  useEffect(() => { window.addEventListener('bt-decks', tick); return () => window.removeEventListener('bt-decks', tick); }, []);\n}\n\nconst openDeck = (deckId?: string) => window.dispatchEvent(new CustomEvent('bt-deck-open', { detail: deckId }));\n\nexport function PowerSettings({ notify }: { notify: Notify }) {\n  const t = useT();\n  useDeckState();\n  const settings = decks.settings;\n  const save = (patch: Partial<DeckSettings>, message: string) => { setDeckSettings({ ...settings, ...patch }); notify(message); };\n  const perPage = settings.maxVisible;\n  const guard = perPage > DEFAULT_MAX_VISIBLE;\n  const profiles = shell.profiles.profiles.map(p => p.id);\n  const deckSite = site().deck;\n  const power = panelSite().power;\n  const memory = power?.memory;\n  if (!deckSite) return null;\n  const listed = power?.defaultFlags ?? Object.keys(deckSite.defaultFlags);\n  const preset = (item: DeckPreset) => {\n    const ordered = [shell.profiles.active, ...profiles.filter(id => id !== shell.profiles.active)];\n    const deck = createDeck((item.name ?? item.label)(), item.columns(ordered));\n    openDeck(deck.id);\n    notify(t('wb.power.deckCreated', { name: deck.name }));\n  };\n\n  return <>\n    <Section title={t('wb.power.title')} hint={t('wb.power.hint')}\n      action={<Button size=\"sm\" tone=\"primary\" onClick={() => openDeck()}>{t('wb.power.openDeck')}</Button>}>\n      <Row label={t('wb.power.width')} hint={t('wb.power.widthHint')} keywords=\"deck width narrow\">\n        <Segmented label={t('wb.power.width')} size=\"sm\" value={settings.width} onChange={width => save({ width }, t('wb.power.widthSaved', { width }))}\n          options={COLUMN_WIDTHS.map(width => ({ value: width, label: String(width) }))}/>\n      </Row>\n      <Row label={t('wb.appearance.density')} hint={t('wb.power.densityHint')} keywords=\"deck compact comfortable spacing\">\n        <Segmented label={t('wb.appearance.density')} size=\"sm\" value={settings.density} onChange={density => save({ density }, density === 'compact' ? t('wb.power.densityCompact') : t('wb.power.densityComfortable'))}\n          options={[{ value: 'compact', label: t('wb.appearance.density.compact') }, { value: 'comfortable', label: t('wb.power.comfortable') }]}/>\n      </Row>\n      {deckSite.flags.filter(option => listed.includes(option.key)).map(option =>\n        <Row key={option.key} label={t('wb.power.columnsFlag', { flag: option.label })} hint={option.hint} keywords=\"deck column default flags autoplay promoted counts\">\n          <Toggle label={option.label} checked={settings.flags[option.key] === true}\n            onChange={next => save({ flags: { ...settings.flags, [option.key]: next } }, next ? t('wb.power.flagOn', { flag: option.label }) : t('wb.power.flagOff', { flag: option.label }))}/>\n        </Row>)}\n    </Section>\n    <Section title={t('wb.power.memory')} hint={memory ? t('wb.power.memoryHint', { range: memory.range }) : undefined}>\n      <Row label={t('wb.power.perPage')} hint={!memory ? t('wb.power.perPageSaved', { count: perPage }) : guard\n        ? t('wb.power.perPageGuard', { max: DEFAULT_MAX_VISIBLE, mb: perPage * memory.perColumn })\n        : t('wb.power.perPageHint', { count: perPage, mb: perPage * memory.perColumn })}\n        badge={guard ? <Badge tone=\"warn\">{t('wb.power.guard')}</Badge> : undefined} keywords=\"deck memory ram guard page visible\">\n        <Stepper label={t('wb.power.perPage')} value={perPage} min={1} max={12} onChange={maxVisible => save({ maxVisible }, t('wb.power.perPageSaved', { count: maxVisible }))}/>\n      </Row>\n      <Row label={t('wb.power.park')} hint={t('wb.power.parkHint')} keywords=\"deck memory park low\">\n        <Toggle label={t('wb.power.park')} checked={settings.parkOffPage} onChange={parkOffPage => save({ parkOffPage }, parkOffPage ? t('wb.power.parkOn') : t('wb.power.parkOff'))}/>\n      </Row>\n    </Section>\n    <Section title={t('wb.power.decks')} hint={t('wb.power.decksHint')}>\n      {(deckSite.presets ?? []).map(item => {\n        const blocked = !!item.needsTwoAccounts && profiles.length < 2;\n        return <Row key={item.id} label={(item.name ?? item.label)()} hint={item.hint?.()} keywords={`deck preset ${item.needsTwoAccounts ? 'accounts' : item.id}`}>\n          <Button size=\"sm\" disabled={blocked} onClick={() => preset(item)}>{blocked ? t('wb.power.addAccountFirst') : t('wb.common.create')}</Button>\n        </Row>;\n      })}\n      {decks.list.map(deck => <Row key={deck.id} label={deck.name} hint={t('wb.power.columnCount', { count: deck.columns.length })} keywords=\"deck\">\n        <div className=\"bt-inline\">\n          <Button size=\"sm\" onClick={() => openDeck(deck.id)}>{t('wb.common.open')}</Button>\n          <Button size=\"sm\" tone=\"ghost\" onClick={() => {\n            for (const column of deck.columns) forgetColumn(column.tabId);\n            decks.list = decks.list.filter(d => d.id !== deck.id);\n            saveDecks();\n            notify(t('wb.common.removedNamed', { name: deck.name }));\n          }}>{t('wb.common.remove')}</Button>\n        </div>\n      </Row>)}\n    </Section>\n    <Section title={t('wb.power.keys')} hint={power?.keysHint?.()}>\n      <Row label={t('wb.power.key.column')} hint={t('wb.power.key.columnHint')} keywords=\"deck keys shortcut\"/>\n      <Row label={t('wb.power.key.jump')} hint=\"Alt+1 … Alt+9\" keywords=\"deck keys shortcut\"/>\n      <Row label={t('wb.power.key.page')} hint=\"Alt+PageUp / Alt+PageDown\" keywords=\"deck keys shortcut\"/>\n      <Row label={t('wb.power.key.read')} hint=\"Alt+R / Alt+U\" keywords=\"deck keys shortcut unread\"/>\n      {deckSite.compose && <Row label={t('wb.power.key.post')} hint={t('wb.power.key.postHint')} keywords=\"deck keys shortcut compose\"/>}\n      <Row label={t('wb.power.key.toggle')} hint=\"Ctrl+Shift+D\" keywords=\"deck keys shortcut toggle\"/>\n    </Section>\n  </>;\n}\n"]}

package/dist/shell/panel/Settings.d.ts

@@ -0,0 +1,23 @@
+import { type Notify } from './site.ts';
+/** The shell's settings (waybetter-host `ShellSettings`). */
+export type ShellSettings = {
+    homeUrl: string;
+    /** Links to other sites: beside the tab (split), a new tab, or the system browser. */
+    externalLinks: 'pane' | 'tab' | 'browser';
+    /** Site pages clicked in the page: the site's in-place navigation, beside, a new tab, or the system browser. */
+    siteLinks: 'same' | 'pane' | 'tab' | 'browser';
+    restoreTabs: boolean;
+};
+/** Home page, where links open, session restore. Stored natively; read by the tab webviews. */
+export declare function BrowserSettings({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;
+export declare const parseKeywords: (text: string) => string[];
+/** Keyword alerts: local OS notifications for keywords in items the site already loaded. Native only. */
+export declare function AlertSettings({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;
+/** Gallery folders and the opt-in clipboard history for the Media panel (Ctrl+Shift+G). Native only. */
+export declare function MediaSettingsRows({ notify }: {
+    notify: Notify;
+}): import("react").JSX.Element | null;