waybetter 0.1.0 → 0.6.0

package/dist/shell/panel/controls.js

@@ -0,0 +1,213 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Shared panel controls. One visual language for every setting: a row is label + hint on the left
+// and one aligned control on the right (stacked under the label in a narrow split pane). Controls
+// are small, keyboard-first and announce state with the matching ARIA role.
+import { createContext, Fragment, useContext, useEffect, useId, useLayoutEffect, useRef, useState, } from 'react';
+import { useT } from "../frame/hooks.js";
+// ---------------------------------------------------------------------------------------------
+// Search: rows hide themselves when they do not match the panel's settings search.
+const SearchContext = createContext('');
+export const SearchProvider = SearchContext.Provider;
+export const useSettingsQuery = () => useContext(SearchContext);
+/** Whether every word of the settings search is in one of `texts`. */
+export const matchesQuery = (query, ...texts) => {
+    const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+    const hay = texts.filter(Boolean).join(' ').toLowerCase();
+    return words.every(word => hay.includes(word));
+};
+/** Wraps text so the part matching the settings search is highlighted. */
+function Mark({ text }) {
+    const query = useSettingsQuery().trim();
+    if (!query)
+        return _jsx(_Fragment, { children: text });
+    const word = query.split(/\s+/).find(w => text.toLowerCase().includes(w.toLowerCase()));
+    if (!word)
+        return _jsx(_Fragment, { children: text });
+    const at = text.toLowerCase().indexOf(word.toLowerCase());
+    return _jsxs(_Fragment, { children: [text.slice(0, at), _jsx("mark", { children: text.slice(at, at + word.length) }), text.slice(at + word.length)] });
+}
+// ---------------------------------------------------------------------------------------------
+// Layout
+export function Section({ title, hint, action, children, id }) {
+    return _jsxs("section", { className: "bt-section", "aria-labelledby": id ? `${id}-h` : undefined, "data-section": title, children: [_jsxs("header", { className: "bt-section-head", children: [_jsxs("div", { children: [_jsx("h2", { id: id ? `${id}-h` : undefined, children: title }), hint && _jsx("p", { children: hint })] }), action && _jsx("div", { className: "bt-section-action", children: action })] }), _jsx("div", { className: "bt-card", children: children })] });
+}
+/** A setting: label and hint on the left, one control on the right. `wide` puts the control on its own line. */
+export function Row({ label, hint, children, keywords, wide, badge }) {
+    const query = useSettingsQuery();
+    const id = useId();
+    if (query && !matchesQuery(query, label, typeof hint === 'string' ? hint : '', keywords))
+        return null;
+    return _jsxs("div", { className: `bt-row ${wide ? 'is-wide' : ''}`, role: "group", "aria-labelledby": id, children: [_jsxs("div", { className: "bt-row-copy", children: [_jsxs("div", { className: "bt-row-label", id: id, children: [_jsx(Mark, { text: label }), badge] }), hint && _jsx("div", { className: "bt-row-hint", children: typeof hint === 'string' ? _jsx(Mark, { text: hint }) : hint })] }), children && _jsx("div", { className: "bt-row-control", children: children })] });
+}
+export function Badge({ children, tone = 'plain' }) {
+    return _jsx("span", { className: `bt-badge is-${tone}`, children: children });
+}
+export function EmptyState({ icon, title, children, action }) {
+    return _jsxs("div", { className: "bt-empty", children: [icon && _jsx("div", { className: "bt-empty-icon", "aria-hidden": "true", children: icon }), _jsx("strong", { children: title }), children && _jsx("p", { children: children }), action && _jsx("div", { className: "bt-empty-action", children: action })] });
+}
+export function Button({ children, onClick, tone = 'plain', disabled, title, icon, size = 'md', type = 'button', label }) {
+    return _jsxs("button", { type: type, className: `bt-btn is-${tone} is-${size}`, disabled: disabled, title: title, "aria-label": label, onClick: onClick, children: [icon, children] });
+}
+// ---------------------------------------------------------------------------------------------
+// Toggle
+export function Toggle({ checked, onChange, label, disabled }) {
+    return _jsx("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": label, disabled: disabled, className: `bt-toggle ${checked ? 'is-on' : ''}`, onClick: () => onChange(!checked), children: _jsx("span", { className: "bt-toggle-knob" }) });
+}
+export function Segmented({ value, options, onChange, label, size = 'md' }) {
+    const ref = useRef(null);
+    const [thumb, setThumb] = useState({ opacity: 0 });
+    const index = options.findIndex(option => option.value === value);
+    useLayoutEffect(() => {
+        const root = ref.current;
+        const node = root?.querySelectorAll('[role="radio"]')[index];
+        if (!root || !node) {
+            setThumb({ opacity: 0 });
+            return;
+        }
+        setThumb({ opacity: 1, width: node.offsetWidth, transform: `translateX(${node.offsetLeft - 3}px)` });
+    }, [index, options.length]);
+    useEffect(() => {
+        const root = ref.current;
+        if (!root || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => {
+            const node = root.querySelectorAll('[role="radio"]')[index];
+            if (node)
+                setThumb({ opacity: 1, width: node.offsetWidth, transform: `translateX(${node.offsetLeft - 3}px)` });
+        });
+        observer.observe(root);
+        return () => observer.disconnect();
+    }, [index]);
+    const onKey = (event) => {
+        // Right-to-left layouts put the next option on the left.
+        const rtl = !!ref.current && getComputedStyle(ref.current).direction === 'rtl';
+        const forward = rtl ? 'ArrowLeft' : 'ArrowRight';
+        const back = rtl ? 'ArrowRight' : 'ArrowLeft';
+        const step = event.key === forward || event.key === 'ArrowDown' ? 1 : event.key === back || event.key === 'ArrowUp' ? -1 : 0;
+        if (!step)
+            return;
+        event.preventDefault();
+        const next = options[(Math.max(index, 0) + step + options.length) % options.length];
+        onChange(next.value);
+        requestAnimationFrame(() => ref.current?.querySelector('[aria-checked="true"]')?.focus());
+    };
+    return _jsxs("div", { ref: ref, className: `bt-seg is-${size}`, role: "radiogroup", "aria-label": label, onKeyDown: onKey, children: [_jsx("span", { className: "bt-seg-thumb", style: thumb, "aria-hidden": "true" }), options.map((option, i) => _jsxs("button", { type: "button", role: "radio", "aria-checked": i === index, tabIndex: i === index || (index < 0 && i === 0) ? 0 : -1, title: option.hint, style: option.style, className: i === index ? 'is-on' : '', onClick: () => onChange(option.value), children: [option.icon, option.label] }, String(option.value)))] });
+}
+// ---------------------------------------------------------------------------------------------
+// Select (listbox popover for longer lists)
+export function Select({ value, options, onChange, label, placeholder: givenPlaceholder, width }) {
+    const t = useT();
+    const placeholder = givenPlaceholder ?? t('wb.ui.select.placeholder');
+    const [open, setOpen] = useState(false);
+    const [active, setActive] = useState(0);
+    const root = useRef(null);
+    const list = useRef(null);
+    const id = useId();
+    const current = options.find(option => option.value === value);
+    useEffect(() => {
+        if (!open)
+            return;
+        setActive(Math.max(0, options.findIndex(option => option.value === value)));
+        const close = (event) => { if (!root.current?.contains(event.target))
+            setOpen(false); };
+        document.addEventListener('pointerdown', close);
+        return () => document.removeEventListener('pointerdown', close);
+    }, [open]);
+    useEffect(() => { if (open)
+        list.current?.querySelectorAll('li[role="option"]')[active]?.scrollIntoView({ block: 'nearest' }); }, [active, open]);
+    const choose = (option) => { onChange(option.value); setOpen(false); root.current?.querySelector('button')?.focus(); };
+    const onKey = (event) => {
+        if (!open && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {
+            event.preventDefault();
+            setOpen(true);
+            return;
+        }
+        if (!open)
+            return;
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            setOpen(false);
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setActive(i => Math.min(options.length - 1, i + 1));
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setActive(i => Math.max(0, i - 1));
+        }
+        else if (event.key === 'Home') {
+            event.preventDefault();
+            setActive(0);
+        }
+        else if (event.key === 'End') {
+            event.preventDefault();
+            setActive(options.length - 1);
+        }
+        else if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            const option = options[active];
+            if (option)
+                choose(option);
+        }
+        else if (event.key === 'Tab')
+            setOpen(false);
+    };
+    return _jsxs("div", { ref: root, className: `bt-select ${open ? 'is-open' : ''}`, style: width ? { width } : undefined, onKeyDown: onKey, children: [_jsxs("button", { type: "button", className: "bt-select-button", "aria-haspopup": "listbox", "aria-expanded": open, "aria-label": `${label}: ${current?.label ?? placeholder}`, "aria-controls": id, onClick: () => setOpen(!open), children: [_jsxs("span", { className: "bt-select-value", style: current?.style, children: [current?.icon, current?.label ?? placeholder] }), _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: _jsx("path", { d: "M3 4.5 6 7.5 9 4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open && _jsx("ul", { ref: list, id: id, role: "listbox", "aria-label": label, className: "bt-select-list", "aria-activedescendant": `${id}-${active}`, children: options.map((option, i) => _jsxs(Fragment, { children: [option.group && option.group !== options[i - 1]?.group && _jsx("li", { role: "presentation", className: "bt-select-group", children: option.group }), _jsxs("li", { id: `${id}-${i}`, role: "option", "aria-selected": option.value === value, className: `${i === active ? 'is-active' : ''} ${option.value === value ? 'is-on' : ''}`, onPointerEnter: () => setActive(i), onClick: () => choose(option), children: [_jsxs("span", { className: "bt-select-opt", style: option.style, children: [option.icon, option.label] }), option.hint && _jsx("small", { children: option.hint }), option.value === value && _jsx("svg", { className: "bt-select-check", width: "14", height: "14", viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("path", { d: "m3 7.5 2.5 2.5L11 4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }, String(option.value))) })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Slider
+export function Slider({ value, min, max, step = 1, onChange, onCommit, label, format }) {
+    const pct = ((value - min) / (max - min)) * 100;
+    return _jsxs("div", { className: "bt-slider", children: [_jsx("input", { type: "range", min: min, max: max, step: step, value: value, "aria-label": label, "aria-valuetext": format(value), style: { '--pct': `${pct}%` }, onChange: event => onChange(Number(event.target.value)), onPointerUp: event => onCommit?.(Number(event.target.value)), onKeyUp: event => onCommit?.(Number(event.target.value)) }), _jsx("output", { children: format(value) })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Color: swatches, a custom picker and a hex field
+export function ColorField({ value, swatches, onChange, autoLabel, label }) {
+    const t = useT();
+    const [draft, setDraft] = useState(value ?? '');
+    useEffect(() => setDraft(value ?? ''), [value]);
+    const custom = value && !swatches.includes(value);
+    const commit = (text) => {
+        const hex = text.trim().replace(/^([0-9a-f]{6})$/i, '#$1').toLowerCase();
+        if (/^#[0-9a-f]{6}$/.test(hex))
+            onChange(hex);
+        else
+            setDraft(value ?? '');
+    };
+    return _jsxs("div", { className: "bt-color", role: "radiogroup", "aria-label": label, children: [autoLabel && _jsx("button", { type: "button", role: "radio", "aria-checked": !value, className: `bt-swatch is-auto ${!value ? 'is-on' : ''}`, onClick: () => onChange(null), children: autoLabel }), swatches.map(color => _jsx("button", { type: "button", role: "radio", "aria-checked": value === color, "aria-label": color, title: color, className: `bt-swatch ${value === color ? 'is-on' : ''}`, style: { '--sw': color }, onClick: () => onChange(color) }, color)), _jsx("label", { className: `bt-swatch is-picker ${custom ? 'is-on' : ''}`, title: t('wb.ui.color.pick'), style: custom ? { '--sw': value } : undefined, children: _jsx("input", { type: "color", "aria-label": t('wb.ui.color.custom', { label }), value: value ?? '#1d9bf0', onChange: event => onChange(event.target.value.toLowerCase()) }) }), _jsx("input", { className: "bt-hex", "aria-label": t('wb.ui.color.hex', { label }), spellCheck: false, maxLength: 7, placeholder: "#rrggbb", value: draft, onChange: event => setDraft(event.target.value), onBlur: event => commit(event.target.value), onKeyDown: event => { if (event.key === 'Enter')
+                    commit(event.target.value); } })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Text inputs
+export function TextInput({ value, onChange, placeholder, label, type = 'text', width, onEnter, mono }) {
+    return _jsx("input", { className: `bt-input ${mono ? 'is-mono' : ''}`, type: type, "aria-label": label, placeholder: placeholder, value: value, style: width ? { width } : undefined, onChange: event => onChange(event.target.value), onKeyDown: event => { if (event.key === 'Enter')
+            onEnter?.(); } });
+}
+/** An input with its action button attached (Save, Add…). */
+export function InputRow({ value, onChange, onSubmit, placeholder, label, button, disabled, mono }) {
+    return _jsxs("form", { className: "bt-inputrow", onSubmit: event => { event.preventDefault(); if (!disabled)
+            onSubmit(); }, children: [_jsx("input", { className: mono ? 'is-mono' : '', "aria-label": label, placeholder: placeholder, value: value, onChange: event => onChange(event.target.value) }), _jsx("button", { type: "submit", disabled: disabled, children: button })] });
+}
+export function SearchField({ value, onChange, placeholder, label }) {
+    const t = useT();
+    return _jsxs("label", { className: "bt-search", children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", "aria-hidden": "true", children: [_jsx("circle", { cx: "7", cy: "7", r: "4.75", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m10.5 10.5 3 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }), _jsx("input", { 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('');
+                } } }), value && _jsx("button", { type: "button", "aria-label": t('wb.ui.search.clear'), onClick: () => onChange(''), children: "\u00D7" })] });
+}
+// ---------------------------------------------------------------------------------------------
+// Chips: removable list items (folders, keywords)
+export function ChipList({ items, onRemove, render, title, empty, icon }) {
+    const t = useT();
+    if (!items.length)
+        return empty ? _jsx("p", { className: "bt-chips-empty", children: empty }) : null;
+    return _jsx("ul", { className: "bt-chips", children: items.map(item => _jsxs("li", { className: "bt-chip", title: title?.(item) ?? item, children: [icon, _jsx("span", { children: render ? render(item) : item }), _jsx("button", { type: "button", "aria-label": t('wb.ui.chip.remove', { item: render ? render(item) : item }), onClick: () => onRemove(item), children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: _jsx("path", { d: "m2.5 2.5 5 5m0-5-5 5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }) }) })] }, item)) });
+}
+/** Number with − / + buttons. */
+export function Stepper({ value, min, max, onChange, label, suffix }) {
+    const t = useT();
+    return _jsxs("div", { className: "bt-stepper", role: "group", "aria-label": label, children: [_jsx("button", { type: "button", "aria-label": t('wb.ui.stepper.decrease', { label }), disabled: value <= min, onClick: () => onChange(Math.max(min, value - 1)), children: "\u2212" }), _jsxs("output", { "aria-live": "polite", children: [value, suffix && _jsx("small", { children: suffix })] }), _jsx("button", { type: "button", "aria-label": t('wb.ui.stepper.increase', { label }), disabled: value >= max, onClick: () => onChange(Math.min(max, value + 1)), children: "+" })] });
+}
+//# sourceMappingURL=controls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/controls.tsx"],"names":[],"mappings":"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","sourcesContent":["// Shared panel controls. One visual language for every setting: a row is label + hint on the left\n// and one aligned control on the right (stacked under the label in a narrow split pane). Controls\n// are small, keyboard-first and announce state with the matching ARIA role.\nimport {\n  createContext, Fragment, useContext, useEffect, useId, useLayoutEffect, useRef, useState,\n  type CSSProperties, type KeyboardEvent, type ReactNode,\n} from 'react';\nimport { useT } from '../frame/hooks.ts';\n\n// ---------------------------------------------------------------------------------------------\n// Search: rows hide themselves when they do not match the panel's settings search.\n\nconst SearchContext = createContext('');\nexport const SearchProvider = SearchContext.Provider;\nexport const useSettingsQuery = () => useContext(SearchContext);\n/** Whether every word of the settings search is in one of `texts`. */\nexport const matchesQuery = (query: string, ...texts: Array<string | undefined>) => {\n  const words = query.toLowerCase().split(/\\s+/).filter(Boolean);\n  const hay = texts.filter(Boolean).join(' ').toLowerCase();\n  return words.every(word => hay.includes(word));\n};\n\n/** Wraps text so the part matching the settings search is highlighted. */\nfunction Mark({ text }: { text: string }) {\n  const query = useSettingsQuery().trim();\n  if (!query) return <>{text}</>;\n  const word = query.split(/\\s+/).find(w => text.toLowerCase().includes(w.toLowerCase()));\n  if (!word) return <>{text}</>;\n  const at = text.toLowerCase().indexOf(word.toLowerCase());\n  return <>{text.slice(0, at)}<mark>{text.slice(at, at + word.length)}</mark>{text.slice(at + word.length)}</>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Layout\n\nexport function Section({ title, hint, action, children, id }: { title: string; hint?: ReactNode; action?: ReactNode; children: ReactNode; id?: string }) {\n  return <section className=\"bt-section\" aria-labelledby={id ? `${id}-h` : undefined} data-section={title}>\n    <header className=\"bt-section-head\">\n      <div><h2 id={id ? `${id}-h` : undefined}>{title}</h2>{hint && <p>{hint}</p>}</div>\n      {action && <div className=\"bt-section-action\">{action}</div>}\n    </header>\n    <div className=\"bt-card\">{children}</div>\n  </section>;\n}\n\n/** A setting: label and hint on the left, one control on the right. `wide` puts the control on its own line. */\nexport function Row({ label, hint, children, keywords, wide, badge }: { label: string; hint?: ReactNode; children?: ReactNode; keywords?: string; wide?: boolean; badge?: ReactNode }) {\n  const query = useSettingsQuery();\n  const id = useId();\n  if (query && !matchesQuery(query, label, typeof hint === 'string' ? hint : '', keywords)) return null;\n  return <div className={`bt-row ${wide ? 'is-wide' : ''}`} role=\"group\" aria-labelledby={id}>\n    <div className=\"bt-row-copy\">\n      <div className=\"bt-row-label\" id={id}><Mark text={label}/>{badge}</div>\n      {hint && <div className=\"bt-row-hint\">{typeof hint === 'string' ? <Mark text={hint}/> : hint}</div>}\n    </div>\n    {children && <div className=\"bt-row-control\">{children}</div>}\n  </div>;\n}\n\nexport function Badge({ children, tone = 'plain' }: { children: ReactNode; tone?: 'plain' | 'accent' | 'warn' | 'ok' }) {\n  return <span className={`bt-badge is-${tone}`}>{children}</span>;\n}\n\nexport function EmptyState({ icon, title, children, action }: { icon?: ReactNode; title: string; children?: ReactNode; action?: ReactNode }) {\n  return <div className=\"bt-empty\">\n    {icon && <div className=\"bt-empty-icon\" aria-hidden=\"true\">{icon}</div>}\n    <strong>{title}</strong>\n    {children && <p>{children}</p>}\n    {action && <div className=\"bt-empty-action\">{action}</div>}\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Buttons\n\ntype ButtonProps = { children: ReactNode; onClick?: () => void; tone?: 'plain' | 'primary' | 'danger' | 'ghost'; disabled?: boolean; title?: string; icon?: ReactNode; size?: 'sm' | 'md'; type?: 'button' | 'submit'; label?: string };\nexport function Button({ children, onClick, tone = 'plain', disabled, title, icon, size = 'md', type = 'button', label }: ButtonProps) {\n  return <button type={type} className={`bt-btn is-${tone} is-${size}`} disabled={disabled} title={title} aria-label={label} onClick={onClick}>{icon}{children}</button>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Toggle\n\nexport function Toggle({ checked, onChange, label, disabled }: { checked: boolean; onChange(next: boolean): void; label: string; disabled?: boolean }) {\n  return <button type=\"button\" role=\"switch\" aria-checked={checked} aria-label={label} disabled={disabled} className={`bt-toggle ${checked ? 'is-on' : ''}`} onClick={() => onChange(!checked)}>\n    <span className=\"bt-toggle-knob\"/>\n  </button>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Segmented control (2-4 options)\n\n/** `group`: a Select shows a heading above the first option of each group (options of a group are consecutive). */\nexport type Option<T extends string | number> = { value: T; label: string; hint?: string; icon?: ReactNode; style?: CSSProperties; group?: string };\n\nexport function Segmented<T extends string | number>({ value, options, onChange, label, size = 'md' }: { value: T | null; options: Array<Option<T>>; onChange(next: T): void; label: string; size?: 'sm' | 'md' }) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [thumb, setThumb] = useState<CSSProperties>({ opacity: 0 });\n  const index = options.findIndex(option => option.value === value);\n  useLayoutEffect(() => {\n    const root = ref.current;\n    const node = root?.querySelectorAll<HTMLElement>('[role=\"radio\"]')[index];\n    if (!root || !node) { setThumb({ opacity: 0 }); return; }\n    setThumb({ opacity: 1, width: node.offsetWidth, transform: `translateX(${node.offsetLeft - 3}px)` });\n  }, [index, options.length]);\n  useEffect(() => {\n    const root = ref.current;\n    if (!root || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => {\n      const node = root.querySelectorAll<HTMLElement>('[role=\"radio\"]')[index];\n      if (node) setThumb({ opacity: 1, width: node.offsetWidth, transform: `translateX(${node.offsetLeft - 3}px)` });\n    });\n    observer.observe(root);\n    return () => observer.disconnect();\n  }, [index]);\n  const onKey = (event: KeyboardEvent) => {\n    // Right-to-left layouts put the next option on the left.\n    const rtl = !!ref.current && getComputedStyle(ref.current).direction === 'rtl';\n    const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const back = rtl ? 'ArrowRight' : 'ArrowLeft';\n    const step = event.key === forward || event.key === 'ArrowDown' ? 1 : event.key === back || event.key === 'ArrowUp' ? -1 : 0;\n    if (!step) return;\n    event.preventDefault();\n    const next = options[(Math.max(index, 0) + step + options.length) % options.length]!;\n    onChange(next.value);\n    requestAnimationFrame(() => ref.current?.querySelector<HTMLElement>('[aria-checked=\"true\"]')?.focus());\n  };\n  return <div ref={ref} className={`bt-seg is-${size}`} role=\"radiogroup\" aria-label={label} onKeyDown={onKey}>\n    <span className=\"bt-seg-thumb\" style={thumb} aria-hidden=\"true\"/>\n    {options.map((option, i) => <button key={String(option.value)} type=\"button\" role=\"radio\" aria-checked={i === index} tabIndex={i === index || (index < 0 && i === 0) ? 0 : -1}\n      title={option.hint} style={option.style} className={i === index ? 'is-on' : ''} onClick={() => onChange(option.value)}>{option.icon}{option.label}</button>)}\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Select (listbox popover for longer lists)\n\nexport function Select<T extends string>({ value, options, onChange, label, placeholder: givenPlaceholder, width }: { value: T | null; options: Array<Option<T>>; onChange(next: T): void; label: string; placeholder?: string; width?: number }) {\n  const t = useT();\n  const placeholder = givenPlaceholder ?? t('wb.ui.select.placeholder');\n  const [open, setOpen] = useState(false);\n  const [active, setActive] = useState(0);\n  const root = useRef<HTMLDivElement>(null);\n  const list = useRef<HTMLUListElement>(null);\n  const id = useId();\n  const current = options.find(option => option.value === value);\n  useEffect(() => {\n    if (!open) return;\n    setActive(Math.max(0, options.findIndex(option => option.value === value)));\n    const close = (event: PointerEvent) => { if (!root.current?.contains(event.target as Node)) setOpen(false); };\n    document.addEventListener('pointerdown', close);\n    return () => document.removeEventListener('pointerdown', close);\n  }, [open]);\n  useEffect(() => { if (open) list.current?.querySelectorAll('li[role=\"option\"]')[active]?.scrollIntoView({ block: 'nearest' }); }, [active, open]);\n  const choose = (option: Option<T>) => { onChange(option.value); setOpen(false); root.current?.querySelector<HTMLElement>('button')?.focus(); };\n  const onKey = (event: KeyboardEvent) => {\n    if (!open && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) { event.preventDefault(); setOpen(true); return; }\n    if (!open) return;\n    if (event.key === 'Escape') { event.preventDefault(); event.stopPropagation(); setOpen(false); }\n    else if (event.key === 'ArrowDown') { event.preventDefault(); setActive(i => Math.min(options.length - 1, i + 1)); }\n    else if (event.key === 'ArrowUp') { event.preventDefault(); setActive(i => Math.max(0, i - 1)); }\n    else if (event.key === 'Home') { event.preventDefault(); setActive(0); }\n    else if (event.key === 'End') { event.preventDefault(); setActive(options.length - 1); }\n    else if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); const option = options[active]; if (option) choose(option); }\n    else if (event.key === 'Tab') setOpen(false);\n  };\n  return <div ref={root} className={`bt-select ${open ? 'is-open' : ''}`} style={width ? { width } : undefined} onKeyDown={onKey}>\n    <button type=\"button\" className=\"bt-select-button\" aria-haspopup=\"listbox\" aria-expanded={open} aria-label={`${label}: ${current?.label ?? placeholder}`} aria-controls={id} onClick={() => setOpen(!open)}>\n      <span className=\"bt-select-value\" style={current?.style}>{current?.icon}{current?.label ?? placeholder}</span>\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M3 4.5 6 7.5 9 4.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></svg>\n    </button>\n    {open && <ul ref={list} id={id} role=\"listbox\" aria-label={label} className=\"bt-select-list\" aria-activedescendant={`${id}-${active}`}>\n      {options.map((option, i) => <Fragment key={String(option.value)}>\n        {option.group && option.group !== options[i - 1]?.group && <li role=\"presentation\" className=\"bt-select-group\">{option.group}</li>}\n        <li id={`${id}-${i}`} role=\"option\" aria-selected={option.value === value}\n          className={`${i === active ? 'is-active' : ''} ${option.value === value ? 'is-on' : ''}`} onPointerEnter={() => setActive(i)} onClick={() => choose(option)}>\n          <span className=\"bt-select-opt\" style={option.style}>{option.icon}{option.label}</span>\n          {option.hint && <small>{option.hint}</small>}\n          {option.value === value && <svg className=\"bt-select-check\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" aria-hidden=\"true\"><path d=\"m3 7.5 2.5 2.5L11 4.5\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/></svg>}\n        </li>\n      </Fragment>)}\n    </ul>}\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Slider\n\nexport function Slider({ value, min, max, step = 1, onChange, onCommit, label, format }: { value: number; min: number; max: number; step?: number; onChange(next: number): void; onCommit?(next: number): void; label: string; format(value: number): string }) {\n  const pct = ((value - min) / (max - min)) * 100;\n  return <div className=\"bt-slider\">\n    <input type=\"range\" min={min} max={max} step={step} value={value} aria-label={label} aria-valuetext={format(value)} style={{ '--pct': `${pct}%` } as CSSProperties}\n      onChange={event => onChange(Number(event.target.value))}\n      onPointerUp={event => onCommit?.(Number((event.target as HTMLInputElement).value))}\n      onKeyUp={event => onCommit?.(Number((event.target as HTMLInputElement).value))}/>\n    <output>{format(value)}</output>\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Color: swatches, a custom picker and a hex field\n\nexport function ColorField({ value, swatches, onChange, autoLabel, label }: { value: string | null; swatches: string[]; onChange(next: string | null): void; autoLabel?: string; label: string }) {\n  const t = useT();\n  const [draft, setDraft] = useState(value ?? '');\n  useEffect(() => setDraft(value ?? ''), [value]);\n  const custom = value && !swatches.includes(value);\n  const commit = (text: string) => {\n    const hex = text.trim().replace(/^([0-9a-f]{6})$/i, '#$1').toLowerCase();\n    if (/^#[0-9a-f]{6}$/.test(hex)) onChange(hex); else setDraft(value ?? '');\n  };\n  return <div className=\"bt-color\" role=\"radiogroup\" aria-label={label}>\n    {autoLabel && <button type=\"button\" role=\"radio\" aria-checked={!value} className={`bt-swatch is-auto ${!value ? 'is-on' : ''}`} onClick={() => onChange(null)}>{autoLabel}</button>}\n    {swatches.map(color => <button key={color} type=\"button\" role=\"radio\" aria-checked={value === color} aria-label={color} title={color}\n      className={`bt-swatch ${value === color ? 'is-on' : ''}`} style={{ '--sw': color } as CSSProperties} onClick={() => onChange(color)}/>)}\n    <label className={`bt-swatch is-picker ${custom ? 'is-on' : ''}`} title={t('wb.ui.color.pick')} style={custom ? { '--sw': value } as CSSProperties : undefined}>\n      <input type=\"color\" aria-label={t('wb.ui.color.custom', { label })} value={value ?? '#1d9bf0'} onChange={event => onChange(event.target.value.toLowerCase())}/>\n    </label>\n    <input className=\"bt-hex\" aria-label={t('wb.ui.color.hex', { label })} spellCheck={false} maxLength={7} placeholder=\"#rrggbb\" value={draft}\n      onChange={event => setDraft(event.target.value)} onBlur={event => commit(event.target.value)} onKeyDown={event => { if (event.key === 'Enter') commit((event.target as HTMLInputElement).value); }}/>\n  </div>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Text inputs\n\nexport function TextInput({ value, onChange, placeholder, label, type = 'text', width, onEnter, mono }: { value: string; onChange(next: string): void; placeholder?: string; label: string; type?: string; width?: number | string; onEnter?(): void; mono?: boolean }) {\n  return <input className={`bt-input ${mono ? 'is-mono' : ''}`} type={type} aria-label={label} placeholder={placeholder} value={value} style={width ? { width } : undefined}\n    onChange={event => onChange(event.target.value)} onKeyDown={event => { if (event.key === 'Enter') onEnter?.(); }}/>;\n}\n\n/** An input with its action button attached (Save, Add…). */\nexport function InputRow({ value, onChange, onSubmit, placeholder, label, button, disabled, mono }: { value: string; onChange(next: string): void; onSubmit(): void; placeholder?: string; label: string; button: string; disabled?: boolean; mono?: boolean }) {\n  return <form className=\"bt-inputrow\" onSubmit={event => { event.preventDefault(); if (!disabled) onSubmit(); }}>\n    <input className={mono ? 'is-mono' : ''} aria-label={label} placeholder={placeholder} value={value} onChange={event => onChange(event.target.value)}/>\n    <button type=\"submit\" disabled={disabled}>{button}</button>\n  </form>;\n}\n\nexport function SearchField({ value, onChange, placeholder, label }: { value: string; onChange(next: string): void; placeholder: string; label: string }) {\n  const t = useT();\n  return <label className=\"bt-search\">\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"7\" r=\"4.75\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\"/><path d=\"m10.5 10.5 3 3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\"/></svg>\n    <input type=\"search\" aria-label={label} placeholder={placeholder} value={value} onChange={event => onChange(event.target.value)}\n      onKeyDown={event => { if (event.key === 'Escape' && value) { event.stopPropagation(); onChange(''); } }}/>\n    {value && <button type=\"button\" aria-label={t('wb.ui.search.clear')} onClick={() => onChange('')}>×</button>}\n  </label>;\n}\n\n// ---------------------------------------------------------------------------------------------\n// Chips: removable list items (folders, keywords)\n\nexport function ChipList({ items, onRemove, render, title, empty, icon }: { items: string[]; onRemove(item: string): void; render?(item: string): string; title?(item: string): string; empty?: string; icon?: ReactNode }) {\n  const t = useT();\n  if (!items.length) return empty ? <p className=\"bt-chips-empty\">{empty}</p> : null;\n  return <ul className=\"bt-chips\">\n    {items.map(item => <li key={item} className=\"bt-chip\" title={title?.(item) ?? item}>\n      {icon}<span>{render ? render(item) : item}</span>\n      <button type=\"button\" aria-label={t('wb.ui.chip.remove', { item: render ? render(item) : item })} onClick={() => onRemove(item)}>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\"><path d=\"m2.5 2.5 5 5m0-5-5 5\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\"/></svg>\n      </button>\n    </li>)}\n  </ul>;\n}\n\n/** Number with − / + buttons. */\nexport function Stepper({ value, min, max, onChange, label, suffix }: { value: number; min: number; max: number; onChange(next: number): void; label: string; suffix?: string }) {\n  const t = useT();\n  return <div className=\"bt-stepper\" role=\"group\" aria-label={label}>\n    <button type=\"button\" aria-label={t('wb.ui.stepper.decrease', { label })} disabled={value <= min} onClick={() => onChange(Math.max(min, value - 1))}>−</button>\n    <output aria-live=\"polite\">{value}{suffix && <small>{suffix}</small>}</output>\n    <button type=\"button\" aria-label={t('wb.ui.stepper.increase', { label })} disabled={value >= max} onClick={() => onChange(Math.min(max, value + 1))}>+</button>\n  </div>;\n}\n"]}

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

@@ -0,0 +1,69 @@
+import { type AreaSpec, type FeatureSpec, type FeatureTable, type Flags } from '../../runtime/featureTable.ts';
+/** A plugin file as the Plugins list knows it (`plugins_list`). */
+export type PluginFileState = {
+    file: string;
+    enabled: boolean;
+    name?: string;
+};
+export type FeatureRow = {
+    spec: FeatureSpec;
+    /** `flag`: `features_set`; `plugin`: `plugin_set_enabled` on `spec.file`. */
+    kind: 'flag' | 'plugin';
+    /** As the owner set it. */
+    on: boolean;
+    /** A plugin-backed feature whose file is not in the plugins folder (the owner deleted it). */
+    missing: boolean;
+    /** The owner's own copy of the plugin file this feature replaced is still there (null: none). */
+    ownCopy: PluginFileState | null;
+    /** On unless the owner turned it off. */
+    isDefault: boolean;
+    /** On, but it paused itself in the focused site tab (the page changed under it). */
+    paused: boolean;
+    /** Catalog keys. */
+    label: string;
+    description: string;
+};
+export type AreaCard = {
+    area: AreaSpec;
+    /** The area's switch. */
+    enabled: boolean;
+    groups: Array<{
+        id: string;
+        rows: FeatureRow[];
+    }>;
+    rows: FeatureRow[];
+    /** Features that are on (whatever the switch says) and how many there are. */
+    on: number;
+    total: number;
+    /** A feature with settings of its own is running: the card offers "Settings". */
+    settings: boolean;
+    /** How many of its features paused themselves in the focused site tab. */
+    paused: number;
+};
+/**
+ * One card per area, in table order; rows keep the table's order inside their group. `paused`:
+ * the flags the focused site tab reported as paused (runtime featureTable `pausedFeatures`).
+ */
+export declare function areaCards(table: FeatureTable, flags: Readonly<Flags>, plugins: ReadonlyArray<PluginFileState>, paused?: ReadonlySet<string>): AreaCard[];
+/** The core flags, minus the ones the app shows elsewhere (branding in Appearance, a row in Settings). */
+export declare function fixRows(table: FeatureTable, flags: Readonly<Flags>, elsewhere?: readonly string[]): FeatureRow[];
+/** The plugin files that are rows of a card (the Plugins list below the cards leaves them out). */
+export declare function featureFiles(table: FeatureTable): Set<string>;
+export type ModePlan = {
+    /** The full flag map to save. */
+    flags: Flags;
+    /** Old plugin files to turn off (a mode starts with none of them; kept when the owner keeps their changes). */
+    disable: string[];
+    /** How many of the owner's own choices the new mode would replace (flags and plugin files). */
+    changes: number;
+};
+/**
+ * What choosing mode `to` does while on `from` (null: never chosen). With `keep`, whatever the
+ * owner changed by hand stays: flags that differ from `from`'s preset, and the old plugin files
+ * they turned on.
+ */
+export declare function modePlan(table: FeatureTable, flags: Readonly<Flags>, plugins: ReadonlyArray<PluginFileState>, from: string | null, to: string, keep: boolean): ModePlan;
+/** Words the panel search matches for a row besides its label and description. */
+export declare function rowKeywords(row: FeatureRow, area?: AreaSpec): string;
+/** Whether every flag is what the table starts from (nothing stored). */
+export declare const untouched: (table: FeatureTable, flags: Readonly<Flags>) => boolean;

package/dist/shell/panel/featureModel.js

@@ -0,0 +1,79 @@
+// What the Plugins section shows of an app's feature table (runtime featureTable.ts): one card per
+// area with its features grouped, the core flags as the Fixes list, and what choosing a mode
+// changes. Pure (no React, no native calls), unit-tested under node.
+//
+// A feature's switch is its flag, or, while it is still an old plugin file that has not been ported
+// into its area, that file's enabled state. The card shows both the same way; `kind` says which
+// native call a toggle makes.
+import { areaFeatures, areaFlag, coreFeatures, featureWords, manualChanges, switchMode, tableDefaults, } from "../../runtime/featureTable.js";
+function rowOf(spec, flags, plugins, paused) {
+    const words = featureWords(spec);
+    const file = spec.backing === 'plugin' ? plugins.find(plugin => plugin.file === spec.file) : undefined;
+    const ownCopy = spec.backing !== 'plugin' && spec.supersedes ? plugins.find(plugin => plugin.file === spec.supersedes) ?? null : null;
+    return {
+        spec,
+        kind: spec.backing === 'plugin' ? 'plugin' : 'flag',
+        on: spec.backing === 'plugin' ? !!file?.enabled : flags[spec.id] === true,
+        missing: spec.backing === 'plugin' && !file,
+        ownCopy,
+        isDefault: spec.default,
+        paused: spec.backing !== 'plugin' && flags[spec.id] === true && !!paused?.has(spec.id),
+        label: words.label,
+        description: words.description,
+    };
+}
+/**
+ * One card per area, in table order; rows keep the table's order inside their group. `paused`:
+ * the flags the focused site tab reported as paused (runtime featureTable `pausedFeatures`).
+ */
+export function areaCards(table, flags, plugins, paused) {
+    return table.areas.map(area => {
+        const enabled = flags[areaFlag(area.id)] !== false;
+        const rows = areaFeatures(table, area.id).map(spec => rowOf(spec, flags, plugins, enabled ? paused : undefined));
+        const groups = [];
+        for (const row of rows) {
+            const id = row.spec.group ?? '';
+            const group = groups.find(item => item.id === id) ?? groups[groups.push({ id, rows: [] }) - 1];
+            group.rows.push(row);
+        }
+        return {
+            area, enabled, groups, rows,
+            on: rows.filter(row => row.on).length,
+            total: rows.length,
+            settings: enabled && rows.some(row => row.spec.settings && row.on),
+            paused: rows.filter(row => row.paused).length,
+        };
+    });
+}
+/** The core flags, minus the ones the app shows elsewhere (branding in Appearance, a row in Settings). */
+export function fixRows(table, flags, elsewhere = []) {
+    return coreFeatures(table).filter(spec => !elsewhere.includes(spec.id)).map(spec => rowOf(spec, flags, []));
+}
+/** The plugin files that are rows of a card (the Plugins list below the cards leaves them out). */
+export function featureFiles(table) {
+    return new Set(table.features.filter(feature => feature.backing === 'plugin' && feature.file).map(feature => feature.file));
+}
+/**
+ * What choosing mode `to` does while on `from` (null: never chosen). With `keep`, whatever the
+ * owner changed by hand stays: flags that differ from `from`'s preset, and the old plugin files
+ * they turned on.
+ */
+export function modePlan(table, flags, plugins, from, to, keep) {
+    const files = featureFiles(table);
+    const on = plugins.filter(plugin => plugin.enabled && files.has(plugin.file)).map(plugin => plugin.file);
+    return {
+        flags: switchMode(table, flags, from, to, keep),
+        disable: keep ? [] : on,
+        changes: manualChanges(table, flags, from).length + on.length,
+    };
+}
+/** Words the panel search matches for a row besides its label and description. */
+export function rowKeywords(row, area) {
+    return [row.spec.id, row.spec.keywords, row.spec.file, row.spec.supersedes, area?.name].filter(Boolean).join(' ');
+}
+/** Whether every flag is what the table starts from (nothing stored). */
+export const untouched = (table, flags) => {
+    const defaults = tableDefaults(table);
+    return Object.keys(defaults).every(key => flags[key] === defaults[key]);
+};
+//# sourceMappingURL=featureModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"featureModel.js","sourceRoot":"","sources":["../../../../../../shell/src/panel/featureModel.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,6FAA6F;AAC7F,qEAAqE;AACrE,EAAE;AACF,oGAAoG;AACpG,gGAAgG;AAChG,8BAA8B;AAE9B,OAAO,EACL,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,GAE7F,MAAM,sCAAsC,CAAC;AAuC9C,SAAS,KAAK,CAAC,IAAiB,EAAE,KAAsB,EAAE,OAAuC,EAAE,MAA4B;IAC7H,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACvG,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACtI,OAAO;QACL,IAAI;QACJ,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;QACnD,EAAE,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI;QACzE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAC,IAAI;QAC3C,OAAO;QACP,SAAS,EAAE,IAAI,CAAC,OAAO;QACvB,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QACtF,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAmB,EAAE,KAAsB,EAAE,OAAuC,EAAE,MAA4B;IAC1I,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC;QACnD,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QACjH,MAAM,MAAM,GAAuB,EAAE,CAAC;QACtC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YAChC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAE,CAAC;YAChG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;QACD,OAAO;YACL,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI;YAC3B,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM;YACrC,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,QAAQ,EAAE,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC,EAAE,CAAC;YAClE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM;SAC9C,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,0GAA0G;AAC1G,MAAM,UAAU,OAAO,CAAC,KAAmB,EAAE,KAAsB,EAAE,YAA+B,EAAE;IACpG,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AAC9G,CAAC;AAED,mGAAmG;AACnG,MAAM,UAAU,YAAY,CAAC,KAAmB;IAC9C,OAAO,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAK,CAAC,CAAC,CAAC;AAC/H,CAAC;AAWD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAmB,EAAE,KAAsB,EAAE,OAAuC,EAAE,IAAmB,EAAE,EAAU,EAAE,IAAa;IAC3J,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACzG,OAAO;QACL,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;QAC/C,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACvB,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,MAAM;KAC9D,CAAC;AACJ,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,WAAW,CAAC,GAAe,EAAE,IAAe;IAC1D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACpH,CAAC;AAED,yEAAyE;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAmB,EAAE,KAAsB,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1E,CAAC,CAAC","sourcesContent":["// What the Plugins section shows of an app's feature table (runtime featureTable.ts): one card per\n// area with its features grouped, the core flags as the Fixes list, and what choosing a mode\n// changes. Pure (no React, no native calls), unit-tested under node.\n//\n// A feature's switch is its flag, or, while it is still an old plugin file that has not been ported\n// into its area, that file's enabled state. The card shows both the same way; `kind` says which\n// native call a toggle makes.\n\nimport {\n  areaFeatures, areaFlag, coreFeatures, featureWords, manualChanges, switchMode, tableDefaults,\n  type AreaSpec, type FeatureSpec, type FeatureTable, type Flags,\n} from '../../../runtime/src/featureTable.ts';\n\n/** A plugin file as the Plugins list knows it (`plugins_list`). */\nexport type PluginFileState = { file: string; enabled: boolean; name?: string };\n\nexport type FeatureRow = {\n  spec: FeatureSpec;\n  /** `flag`: `features_set`; `plugin`: `plugin_set_enabled` on `spec.file`. */\n  kind: 'flag' | 'plugin';\n  /** As the owner set it. */\n  on: boolean;\n  /** A plugin-backed feature whose file is not in the plugins folder (the owner deleted it). */\n  missing: boolean;\n  /** The owner's own copy of the plugin file this feature replaced is still there (null: none). */\n  ownCopy: PluginFileState | null;\n  /** On unless the owner turned it off. */\n  isDefault: boolean;\n  /** On, but it paused itself in the focused site tab (the page changed under it). */\n  paused: boolean;\n  /** Catalog keys. */\n  label: string;\n  description: string;\n};\n\nexport type AreaCard = {\n  area: AreaSpec;\n  /** The area's switch. */\n  enabled: boolean;\n  groups: Array<{ id: string; rows: FeatureRow[] }>;\n  rows: FeatureRow[];\n  /** Features that are on (whatever the switch says) and how many there are. */\n  on: number;\n  total: number;\n  /** A feature with settings of its own is running: the card offers \"Settings\". */\n  settings: boolean;\n  /** How many of its features paused themselves in the focused site tab. */\n  paused: number;\n};\n\nfunction rowOf(spec: FeatureSpec, flags: Readonly<Flags>, plugins: ReadonlyArray<PluginFileState>, paused?: ReadonlySet<string>): FeatureRow {\n  const words = featureWords(spec);\n  const file = spec.backing === 'plugin' ? plugins.find(plugin => plugin.file === spec.file) : undefined;\n  const ownCopy = spec.backing !== 'plugin' && spec.supersedes ? plugins.find(plugin => plugin.file === spec.supersedes) ?? null : null;\n  return {\n    spec,\n    kind: spec.backing === 'plugin' ? 'plugin' : 'flag',\n    on: spec.backing === 'plugin' ? !!file?.enabled : flags[spec.id] === true,\n    missing: spec.backing === 'plugin' && !file,\n    ownCopy,\n    isDefault: spec.default,\n    paused: spec.backing !== 'plugin' && flags[spec.id] === true && !!paused?.has(spec.id),\n    label: words.label,\n    description: words.description,\n  };\n}\n\n/**\n * One card per area, in table order; rows keep the table's order inside their group. `paused`:\n * the flags the focused site tab reported as paused (runtime featureTable `pausedFeatures`).\n */\nexport function areaCards(table: FeatureTable, flags: Readonly<Flags>, plugins: ReadonlyArray<PluginFileState>, paused?: ReadonlySet<string>): AreaCard[] {\n  return table.areas.map(area => {\n    const enabled = flags[areaFlag(area.id)] !== false;\n    const rows = areaFeatures(table, area.id).map(spec => rowOf(spec, flags, plugins, enabled ? paused : undefined));\n    const groups: AreaCard['groups'] = [];\n    for (const row of rows) {\n      const id = row.spec.group ?? '';\n      const group = groups.find(item => item.id === id) ?? groups[groups.push({ id, rows: [] }) - 1]!;\n      group.rows.push(row);\n    }\n    return {\n      area, enabled, groups, rows,\n      on: rows.filter(row => row.on).length,\n      total: rows.length,\n      settings: enabled && rows.some(row => row.spec.settings && row.on),\n      paused: rows.filter(row => row.paused).length,\n    };\n  });\n}\n\n/** The core flags, minus the ones the app shows elsewhere (branding in Appearance, a row in Settings). */\nexport function fixRows(table: FeatureTable, flags: Readonly<Flags>, elsewhere: readonly string[] = []): FeatureRow[] {\n  return coreFeatures(table).filter(spec => !elsewhere.includes(spec.id)).map(spec => rowOf(spec, flags, []));\n}\n\n/** The plugin files that are rows of a card (the Plugins list below the cards leaves them out). */\nexport function featureFiles(table: FeatureTable): Set<string> {\n  return new Set(table.features.filter(feature => feature.backing === 'plugin' && feature.file).map(feature => feature.file!));\n}\n\nexport type ModePlan = {\n  /** The full flag map to save. */\n  flags: Flags;\n  /** Old plugin files to turn off (a mode starts with none of them; kept when the owner keeps their changes). */\n  disable: string[];\n  /** How many of the owner's own choices the new mode would replace (flags and plugin files). */\n  changes: number;\n};\n\n/**\n * What choosing mode `to` does while on `from` (null: never chosen). With `keep`, whatever the\n * owner changed by hand stays: flags that differ from `from`'s preset, and the old plugin files\n * they turned on.\n */\nexport function modePlan(table: FeatureTable, flags: Readonly<Flags>, plugins: ReadonlyArray<PluginFileState>, from: string | null, to: string, keep: boolean): ModePlan {\n  const files = featureFiles(table);\n  const on = plugins.filter(plugin => plugin.enabled && files.has(plugin.file)).map(plugin => plugin.file);\n  return {\n    flags: switchMode(table, flags, from, to, keep),\n    disable: keep ? [] : on,\n    changes: manualChanges(table, flags, from).length + on.length,\n  };\n}\n\n/** Words the panel search matches for a row besides its label and description. */\nexport function rowKeywords(row: FeatureRow, area?: AreaSpec): string {\n  return [row.spec.id, row.spec.keywords, row.spec.file, row.spec.supersedes, area?.name].filter(Boolean).join(' ');\n}\n\n/** Whether every flag is what the table starts from (nothing stored). */\nexport const untouched = (table: FeatureTable, flags: Readonly<Flags>) => {\n  const defaults = tableDefaults(table);\n  return Object.keys(defaults).every(key => flags[key] === defaults[key]);\n};\n"]}

package/dist/shell/panel/fonts/FontBrowser.d.ts

@@ -0,0 +1,10 @@
+export type FontPick = {
+    family: string[];
+    source?: 'google';
+};
+export declare function FontBrowser({ role, current, onPick, onClose }: {
+    role: string;
+    current: string | null;
+    onPick(pick: FontPick): void;
+    onClose(): void;
+}): import("react").ReactPortal;