@celljs/ta-web 0.0.0-stage → 4.6.0

package/esm/browser/components/settings-controls.d.ts

@@ -0,0 +1,40 @@
+import type { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages.js';
+export interface Choice<T> {
+    value: T;
+    icon?: LucideIcon;
+    label: MessageId | string;
+}
+/** One row of a section: what the search looks in, and what it draws. */
+export interface RowEntry {
+    key: string;
+    search: string;
+    node: React.ReactNode;
+}
+export declare function Keys({ keys }: {
+    keys: string;
+}): React.JSX.Element;
+export declare function Segmented<T extends string>({ value, choices, onChange, label }: {
+    value: T;
+    choices: Choice<T>[];
+    onChange(value: T): void;
+    label: string;
+}): React.JSX.Element;
+export declare function Switch({ checked, onChange, label, disabled }: {
+    checked: boolean;
+    onChange(checked: boolean): void;
+    label: string;
+    disabled?: boolean;
+}): React.JSX.Element;
+export interface RowProps {
+    label: string;
+    description?: React.ReactNode;
+    stacked?: boolean;
+    /** Set in the file shown: a bar on its left, as in an IDE. */
+    modified?: boolean;
+    children?: React.ReactNode;
+}
+/** Label and description on the left, the control on the right; stacked when the control is wide. */
+export declare function Row({ label, description, stacked, modified, children }: RowProps): React.JSX.Element;
+export declare function row(key: string, search: (string | undefined)[], node: React.ReactNode): RowEntry;

package/esm/browser/components/settings-controls.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { ShortcutUtil } from '../settings/agent-settings.js';
+import { Icon } from './icon.js';
+export function Keys({ keys }) {
+    return (React.createElement("span", { className: "ta-keys" }, ShortcutUtil.keys(keys).map((key, index) => (React.createElement("kbd", { key: index, className: "ta-kbd" }, key)))));
+}
+export function Segmented({ value, choices, onChange, label }) {
+    const t = useT();
+    return (React.createElement("fieldset", { className: "ta-segmented", "aria-label": label }, choices.map(choice => (React.createElement("button", { key: choice.value, type: "button", "aria-pressed": choice.value === value, className: choice.value === value ? 'ta-on' : '', onClick: () => onChange(choice.value) },
+        choice.icon && React.createElement(Icon, { icon: choice.icon, size: 15 }),
+        choice.label.startsWith('ta.') ? t(choice.label) : choice.label)))));
+}
+export function Switch({ checked, onChange, label, disabled }) {
+    return (React.createElement("input", { type: "checkbox", role: "switch", className: "ta-switch", "aria-label": label, "aria-checked": checked, checked: checked, disabled: disabled, onChange: event => onChange(event.target.checked) }));
+}
+/** Label and description on the left, the control on the right; stacked when the control is wide. */
+export function Row({ label, description, stacked, modified, children }) {
+    return (React.createElement("div", { className: `ta-setting-row${stacked ? ' ta-stacked' : ''}${modified ? ' ta-modified' : ''}` },
+        React.createElement("div", { className: "ta-setting-text" },
+            React.createElement("span", { className: "ta-setting-label" }, label),
+            description && React.createElement("span", { className: "ta-setting-description" }, description)),
+        children && React.createElement("div", { className: "ta-setting-control" }, children)));
+}
+export function row(key, search, node) {
+    return { key, search: search.filter(Boolean).join(' '), node };
+}
+//# sourceMappingURL=settings-controls.js.map

package/esm/browser/components/settings-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-controls.js","sourceRoot":"","sources":["../../../src/browser/components/settings-controls.tsx"],"names":[],"mappings":"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"}

package/esm/browser/components/settings-view.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { MessageId } from '../i18n/messages.js';
+/** A section of the settings view: `appearance`, `model`, `packages`, ... */
+export type SettingsSection = string;
+/** The keys of the page and of the message box; `Mod` is ⌘ on a Mac, Ctrl elsewhere. */
+export declare const SHORTCUTS: {
+    keys: string;
+    label: MessageId;
+}[];
+export interface SettingsViewProps {
+    /** The section to show first. */
+    section?: SettingsSection;
+    onClose(): void;
+    /** The menu of a narrow screen. */
+    onMenu(): void;
+}
+/**
+ * The settings, as a page of the main area: those of this page (kept in the browser) and those of ta
+ * (pi's settings files, of the user or of the project), with a search and a table of contents in two
+ * levels on the left.
+ */
+export declare function SettingsView({ section, onClose, onMenu }: SettingsViewProps): React.JSX.Element;

package/esm/browser/components/settings-view.js

@@ -0,0 +1,357 @@
+import { Blocks, FolderOpen, Globe, Info, Keyboard, KeyRound, Languages, Layers, Link2, LogOut, Menu, MessagesSquare, Monitor, Moon, Palette, Puzzle, RefreshCw, Search, Smartphone, Sparkles, Sun, Trash2, Volume2, Wrench, X, } from 'lucide-react';
+import * as React from 'react';
+import { useNotices, useSettings, useWebExtensions, useWorkbench } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { AGENT_SETTINGS_GROUPS, AgentSettingsUtil } from '../settings/agent-settings.js';
+import { AgentControl, ScopeBar, useAgentSettings } from './agent-settings-view.js';
+import { AuthDialog } from './auth-view.js';
+import { Icon, IconButton } from './icon.js';
+import { RelayDialog } from './relay-view.js';
+import { Keys, Row, row, Segmented, Switch } from './settings-controls.js';
+import { TrustedDomains } from './trusted-domains.js';
+import { WorkingDirectoryPicker } from './working-directory.js';
+const THEMES = [
+    { value: 'system', icon: Monitor, label: 'ta.settings.theme.system' },
+    { value: 'light', icon: Sun, label: 'ta.settings.theme.light' },
+    { value: 'dark', icon: Moon, label: 'ta.settings.theme.dark' },
+];
+const LANGUAGES = [
+    { value: 'system', icon: Globe, label: 'ta.settings.language.system' },
+    { value: 'zh-CN', label: '简体中文' },
+    { value: 'en-US', label: 'English' },
+];
+const GROUP_ICONS = { model: Sparkles, conversation: MessagesSquare, context: Layers, tools: Wrench };
+/** The keys of the page and of the message box; `Mod` is ⌘ on a Mac, Ctrl elsewhere. */
+export const SHORTCUTS = [
+    { keys: 'Mod+,', label: 'ta.shortcut.settings' },
+    { keys: 'Mod+B', label: 'ta.shortcut.sidebar' },
+    { keys: 'Enter', label: 'ta.shortcut.send' },
+    { keys: 'Shift+Enter', label: 'ta.shortcut.newline' },
+    { keys: 'Alt+Enter', label: 'ta.shortcut.followUp' },
+    { keys: 'Esc', label: 'ta.shortcut.stop' },
+    { keys: '/', label: 'ta.shortcut.commands' },
+    { keys: '@', label: 'ta.shortcut.files' },
+    { keys: 'Mod+S', label: 'ta.shortcut.save' },
+];
+/**
+ * The packages pi loads, as the server lists them, those turned off too: the built-in ones turn off and
+ * stay; the others turn off and on, and go.
+ */
+function usePackages() {
+    const [workbench, bench] = useWorkbench();
+    const [, host] = useWebExtensions();
+    const [packages, setPackages] = React.useState([]);
+    const read = React.useCallback(() => bench.packages.listPackages().then(setPackages), [bench]);
+    React.useEffect(() => {
+        if (workbench.status === 'online') {
+            read().catch(() => undefined);
+        }
+    }, [workbench.status, read]);
+    const changed = async () => {
+        await host.refresh();
+        await read();
+    };
+    /** By the name of a built-in package, by the id of another. */
+    const toggle = async (pkg, on) => {
+        setPackages(current => current.map(other => (other.id === pkg.id ? { ...other, enabled: on } : other)));
+        await bench.packages.setPackageEnabled(pkg.origin === 'builtin' ? pkg.name : pkg.id, on);
+        await changed();
+    };
+    const remove = async (pkg) => {
+        await bench.packages.removePackage(pkg.id);
+        await changed();
+    };
+    return { packages, toggle, remove, read };
+}
+/** The sections of the page and of ta, by part, with their rows. */
+function useParts(scope, onScope, onClose, onDialog) {
+    var _a;
+    const t = useT();
+    const [{ settings }, store] = useSettings();
+    const [workbench, bench] = useWorkbench();
+    const [{ extensions, cwd }, host] = useWebExtensions();
+    const packageList = usePackages();
+    const builtinPackages = packageList.packages.filter(pkg => pkg.origin === 'builtin');
+    const agent = useAgentSettings(cwd !== null && cwd !== void 0 ? cwd : (_a = workbench.server) === null || _a === void 0 ? void 0 : _a.cwd);
+    const [, notices] = useNotices();
+    const [busy, setBusy] = React.useState(false);
+    const run = (action, done) => {
+        setBusy(true);
+        action()
+            .then(() => done && notices.notify(done, { level: 'success' }))
+            .catch(error => notices.error(error))
+            .finally(() => setBusy(false));
+    };
+    const remove = async (pkg) => {
+        const confirmed = await notices.confirm({
+            title: t('ta.packages.removeConfirm', { name: pkg.name }),
+            message: t('ta.packages.removeDetail'),
+            confirmLabel: t('ta.packages.remove'),
+            danger: true,
+        });
+        if (confirmed) {
+            run(() => packageList.remove(pkg), t('ta.packages.removed', { name: pkg.name }));
+        }
+    };
+    const toggleBuiltin = (name, on) => {
+        store.update({ builtinsOff: on ? settings.builtinsOff.filter(other => other !== name) : [...settings.builtinsOff, name] });
+        run(() => host.refresh());
+    };
+    const web = [
+        {
+            id: 'appearance',
+            title: t('ta.settings.appearance'),
+            icon: Palette,
+            rows: [
+                row('theme', [t('ta.settings.theme'), 'theme'], React.createElement(Row, { label: t('ta.settings.theme'), stacked: true },
+                    React.createElement(Segmented, { label: t('ta.settings.theme'), value: settings.theme, choices: THEMES, onChange: theme => store.update({ theme }) }))),
+                row('motion', [t('ta.settings.motion'), t('ta.settings.motionHint')], React.createElement(Row, { label: t('ta.settings.motion'), description: t('ta.settings.motionHint') },
+                    React.createElement(Switch, { label: t('ta.settings.motion'), checked: settings.reduceMotion, onChange: reduceMotion => store.update({ reduceMotion }) }))),
+            ],
+        },
+        {
+            id: 'language',
+            title: t('ta.settings.language'),
+            icon: Languages,
+            rows: [
+                row('language', [t('ta.settings.displayLanguage'), 'language'], React.createElement(Row, { label: t('ta.settings.displayLanguage'), stacked: true },
+                    React.createElement(Segmented, { label: t('ta.settings.displayLanguage'), value: settings.language, choices: LANGUAGES, onChange: language => store.update({ language }) }))),
+            ],
+        },
+        {
+            id: 'links',
+            title: t('ta.settings.links'),
+            icon: Link2,
+            rows: [
+                row('trusted-domains', [t('ta.settings.trustedDomains'), t('ta.settings.trustedDomainsHint'), ...settings.trustedDomains], React.createElement(TrustedDomains, null)),
+            ],
+        },
+        {
+            id: 'voice',
+            title: t('ta.settings.voice'),
+            icon: Volume2,
+            rows: [
+                row('speak', [t('ta.settings.speak'), t('ta.settings.speakHint')], React.createElement(Row, { label: t('ta.settings.speak'), description: t('ta.settings.speakHint') },
+                    React.createElement(Switch, { label: t('ta.settings.speak'), checked: settings.speak, onChange: speak => store.update({ speak }) }))),
+            ],
+        },
+    ];
+    const { snapshot } = agent;
+    const locked = !!snapshot && scope === 'project' && !snapshot.projectTrusted;
+    const lead = (React.createElement(React.Fragment, null,
+        React.createElement(ScopeBar, { scope: scope, onScope: onScope, snapshot: snapshot }),
+        !agent.online && React.createElement("div", { className: "ta-settings-note" }, t('ta.settings.offline')),
+        agent.online && !snapshot && !agent.error && React.createElement("div", { className: "ta-settings-note" }, t('ta.settings.loading')),
+        locked && React.createElement("div", { className: "ta-settings-note" }, t('ta.settings.untrusted')),
+        agent.error && React.createElement("div", { className: "ta-banner ta-banner-error" }, t('ta.settings.failed', { error: agent.error }))));
+    const ta = AGENT_SETTINGS_GROUPS.map((group, index) => { var _a; return ({
+        id: group.id,
+        title: t(group.title),
+        icon: (_a = GROUP_ICONS[group.id]) !== null && _a !== void 0 ? _a : Wrench,
+        lead: index === 0 ? lead : undefined,
+        rows: snapshot
+            ? group.keys.flatMap(key => {
+                const spec = AgentSettingsUtil.spec(key);
+                if (!spec) {
+                    return [];
+                }
+                const label = t(AgentSettingsUtil.label(key));
+                const hint = AgentSettingsUtil.hint(key);
+                return [
+                    row(key, [label, hint && t(hint), key], React.createElement(Row, { label: label, description: hint && t(hint), modified: snapshot[scope][key] !== undefined },
+                        React.createElement(AgentControl, { spec: spec, scope: scope, snapshot: snapshot, disabled: locked, onChange: changes => agent.update(scope, changes) }))),
+                ];
+            })
+            : [],
+    }); });
+    const packages = packageList.packages.filter(pkg => pkg.origin !== 'builtin');
+    /** Why the web extension of a package did not load, if it did not. */
+    const failure = (pkg) => { var _a; return (_a = extensions.find(extension => { var _a; return ((_a = extension.info) === null || _a === void 0 ? void 0 : _a.source) === pkg.source && extension.error; })) === null || _a === void 0 ? void 0 : _a.error; };
+    const reload = async () => {
+        await host.refresh();
+        await packageList.read();
+    };
+    const more = [
+        {
+            id: 'packages',
+            title: t('ta.packages'),
+            icon: Puzzle,
+            rows: [
+                row('packages', [t('ta.packages'), t('ta.packages.hint')], React.createElement(Row, { label: t('ta.packages.installed'), description: t('ta.packages.hint') },
+                    React.createElement("button", { type: "button", className: "ta-button", disabled: busy, onClick: () => run(reload, t('ta.packages.reloaded')) },
+                        React.createElement(Icon, { icon: RefreshCw, size: 14 }),
+                        " ",
+                        t('ta.packages.reload')))),
+                ...packages.map(pkg => {
+                    const error = failure(pkg);
+                    return row(`package:${pkg.id}`, [pkg.name, pkg.description, t('ta.packages')], React.createElement(Row, { label: pkg.name, description: error
+                            ? t('ta.packages.failed', { error })
+                            : [pkg.description, t(pkg.scope === 'project' ? 'ta.packages.scope.project' : 'ta.packages.scope.user')]
+                                .filter(Boolean)
+                                .join(' · ') },
+                        React.createElement(IconButton, { icon: Trash2, label: t('ta.packages.remove'), disabled: busy, onClick: () => void remove(pkg) }),
+                        React.createElement(Switch, { label: pkg.name, checked: pkg.enabled, disabled: busy, onChange: on => run(() => packageList.toggle(pkg, on)) })));
+                }),
+                ...(packages.length === 0 ? [row('packages:none', [t('ta.packages.none')], React.createElement(Row, { label: t('ta.packages.none') }))] : []),
+            ],
+        },
+        {
+            id: 'builtin',
+            title: t('ta.packages.builtinTitle'),
+            icon: Blocks,
+            rows: [
+                ...builtinPackages.map(info => row(`builtin:${info.name}`, [info.name, t('ta.packages.builtinTitle')], React.createElement(Row, { label: info.name, description: t(info.enabled ? 'ta.packages.builtinOn' : 'ta.packages.builtinOff') },
+                    React.createElement(Switch, { label: info.name, checked: info.enabled, onChange: on => run(() => packageList.toggle(info, on)) })))),
+                ...host.builtins.map(builtin => row(`web:${builtin.name}`, [t(builtin.title), t(builtin.description), t('ta.packages.builtinTitle')], React.createElement(Row, { label: t(builtin.title), description: t(builtin.description) },
+                    React.createElement(Switch, { label: t(builtin.title), checked: !settings.builtinsOff.includes(builtin.name), onChange: on => toggleBuiltin(builtin.name, on) })))),
+            ],
+        },
+        {
+            id: 'shortcuts',
+            title: t('ta.settings.shortcuts'),
+            icon: Keyboard,
+            rows: SHORTCUTS.map(shortcut => row(`key:${shortcut.keys}`, [t(shortcut.label), shortcut.keys, t('ta.settings.shortcuts')], React.createElement(Row, { label: t(shortcut.label) },
+                React.createElement(Keys, { keys: shortcut.keys })))),
+        },
+        {
+            id: 'about',
+            title: t('ta.settings.about'),
+            icon: Info,
+            rows: workbench.server
+                ? [
+                    row('version', [t('ta.settings.version'), 'version'], React.createElement(Row, { label: t('ta.settings.version') },
+                        React.createElement("span", { className: "ta-path" },
+                            "v",
+                            workbench.server.version))),
+                    row('cwd', [t('ta.settings.cwd'), workbench.server.cwd], React.createElement(Row, { label: t('ta.settings.cwd'), description: t('ta.settings.cwdDescription', { path: workbench.server.cwd }) },
+                        React.createElement("button", { type: "button", className: "ta-button", onClick: () => onDialog('directory') },
+                            React.createElement(Icon, { icon: FolderOpen, size: 15 }),
+                            " ",
+                            t('ta.settings.cwdChange')))),
+                    row('accounts', [t('ta.settings.accounts'), t('ta.settings.accountsDescription')], React.createElement(Row, { label: t('ta.settings.accounts'), description: t('ta.settings.accountsDescription') },
+                        React.createElement("button", { type: "button", className: "ta-button", onClick: () => onDialog('accounts') },
+                            React.createElement(Icon, { icon: KeyRound, size: 15 }),
+                            " ",
+                            t('ta.settings.manageAccounts')))),
+                    row('relay', [t('ta.settings.relay'), t('ta.settings.relayDescription')], React.createElement(Row, { label: t('ta.settings.relay'), description: t('ta.settings.relayDescription') },
+                        React.createElement("button", { type: "button", className: "ta-button", onClick: () => onDialog('relay') },
+                            React.createElement(Icon, { icon: Smartphone, size: 15 }),
+                            " ",
+                            t('ta.settings.manageAccounts')))),
+                    row('signOut', [t('ta.settings.signOut')], React.createElement(Row, { label: t('ta.settings.signOut') },
+                        React.createElement("button", { type: "button", className: "ta-button ta-danger", onClick: () => {
+                                onClose();
+                                bench.signOut();
+                            } },
+                            React.createElement(Icon, { icon: LogOut, size: 15 }),
+                            " ",
+                            t('ta.settings.signOut')))),
+                ]
+                : [],
+        },
+    ];
+    return [
+        { id: 'web', title: t('ta.settings.web'), sections: web },
+        { id: 'agent', title: t('ta.settings.agent'), sections: ta },
+        { id: 'more', title: t('ta.settings.more'), sections: more },
+    ];
+}
+const sectionId = (id) => `ta-settings-${id}`;
+/**
+ * The settings, as a page of the main area: those of this page (kept in the browser) and those of ta
+ * (pi's settings files, of the user or of the project), with a search and a table of contents in two
+ * levels on the left.
+ */
+export function SettingsView({ section, onClose, onMenu }) {
+    const t = useT();
+    const [query, setQuery] = React.useState('');
+    const [scope, setScope] = React.useState('user');
+    const [active, setActive] = React.useState(section !== null && section !== void 0 ? section : 'appearance');
+    const scroller = React.useRef(null);
+    const [dialog, setDialog] = React.useState();
+    const closeDialog = React.useCallback(() => setDialog(undefined), []);
+    const parts = useParts(scope, setScope, onClose, setDialog);
+    const searching = query.trim().length > 0;
+    const shown = parts
+        .map(part => ({
+        ...part,
+        sections: part.sections
+            .map(entry => {
+            if (!searching) {
+                return entry;
+            }
+            // The rows that match; all of a section whose title matches when none does.
+            const rows = entry.rows.filter(candidate => AgentSettingsUtil.matches(query, candidate.search));
+            return { ...entry, rows: rows.length > 0 || !AgentSettingsUtil.matches(query, entry.title) ? rows : entry.rows };
+        })
+            .filter(entry => !searching || entry.rows.length > 0),
+    }))
+        .filter(part => part.sections.length > 0);
+    const go = React.useCallback((id) => {
+        var _a;
+        setActive(id);
+        (_a = document.getElementById(sectionId(id))) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start', behavior: 'smooth' });
+    }, []);
+    React.useEffect(() => {
+        var _a;
+        if (section) {
+            setActive(section);
+            (_a = document.getElementById(sectionId(section))) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start' });
+        }
+    }, [section]);
+    React.useEffect(() => {
+        const onKey = (event) => { var _a, _b; return event.key === 'Escape' && !((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, 'input, select, textarea')) && onClose(); };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    // The section at the top of the view is the one marked on the left.
+    const onScroll = () => {
+        const root = scroller.current;
+        if (!root) {
+            return;
+        }
+        const top = root.getBoundingClientRect().top + 32;
+        let current;
+        for (const element of root.querySelectorAll('[data-section]')) {
+            if (element.getBoundingClientRect().top <= top) {
+                current = element.dataset.section;
+            }
+        }
+        if (current && current !== active) {
+            setActive(current);
+        }
+    };
+    return (React.createElement("section", { className: "ta-settings-page", "aria-label": t('ta.settings') },
+        React.createElement("header", { className: "ta-main-head ta-settings-head" },
+            React.createElement(IconButton, { icon: Menu, label: t('ta.menu'), className: "ta-narrow-only", onClick: onMenu }),
+            React.createElement("div", { className: "ta-settings-title" }, t('ta.settings')),
+            React.createElement("label", { className: "ta-field ta-settings-search" },
+                React.createElement(Icon, { icon: Search, size: 14 }),
+                React.createElement("input", { value: query, placeholder: t('ta.settings.search'), "aria-label": t('ta.settings.search'), onChange: event => setQuery(event.target.value) }),
+                query && React.createElement(IconButton, { icon: X, label: t('ta.close'), onClick: () => setQuery('') })),
+            React.createElement(IconButton, { icon: X, label: t('ta.close'), onClick: onClose })),
+        React.createElement("div", { className: "ta-settings-body" },
+            React.createElement("nav", { className: "ta-settings-toc", "aria-label": t('ta.settings') }, shown.map(part => (React.createElement("div", { key: part.id, className: "ta-settings-toc-part" },
+                React.createElement("button", { type: "button", className: "ta-settings-toc-group", onClick: () => go(part.sections[0].id) }, part.title),
+                part.sections.map(entry => (React.createElement("button", { key: entry.id, type: "button", className: `ta-settings-toc-item${active === entry.id ? ' ta-active' : ''}`, "aria-current": active === entry.id || undefined, onClick: () => go(entry.id) },
+                    React.createElement(Icon, { icon: entry.icon, size: 14 }),
+                    React.createElement("span", { className: "ta-ellipsis" }, entry.title)))))))),
+            React.createElement("div", { className: "ta-settings-scroll", ref: scroller, onScroll: onScroll },
+                React.createElement("div", { className: "ta-settings-content" },
+                    shown.length === 0 && React.createElement("div", { className: "ta-empty" }, t('ta.settings.noMatch', { query: query.trim() })),
+                    shown.map(part => (React.createElement("div", { key: part.id, className: "ta-settings-part" },
+                        React.createElement("h1", { className: "ta-settings-part-title" },
+                            part.title,
+                            part.id === 'web' && React.createElement("span", { className: "ta-settings-part-hint" }, t('ta.settings.webHint'))),
+                        part.sections.map(entry => (React.createElement("section", { key: entry.id, id: sectionId(entry.id), "data-section": entry.id, className: "ta-setting-section", "aria-label": entry.title },
+                            React.createElement("h2", { className: "ta-hud" },
+                                React.createElement(Icon, { icon: entry.icon, size: 13 }),
+                                " ",
+                                entry.title),
+                            entry.lead,
+                            entry.rows.length > 0 && (React.createElement("div", { className: "ta-setting-card" }, entry.rows.map(candidate => (React.createElement(React.Fragment, { key: candidate.key }, candidate.node)))))))))))))),
+        dialog === 'accounts' && React.createElement(AuthDialog, { onClose: closeDialog }),
+        dialog === 'directory' && React.createElement(WorkingDirectoryPicker, { onClose: closeDialog }),
+        dialog === 'relay' && React.createElement(RelayDialog, { onClose: closeDialog })));
+}
+//# sourceMappingURL=settings-view.js.map

package/esm/browser/components/settings-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-view.js","sourceRoot":"","sources":["../../../src/browser/components/settings-view.tsx"],"names":[],"mappings":"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"}

package/esm/browser/components/split-pane.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type PaneSide, type PaneSpec, type PaneState } from '../util/layout.js';
+export interface Pane extends PaneState {
+    spec: PaneSpec;
+    resize(state: PaneState): void;
+    toggle(): void;
+    /** Opens it if collapsed. */
+    reveal(): void;
+}
+/** The width of a column and whether it is collapsed, kept in this browser. */
+export declare function usePane(spec: PaneSpec): Pane;
+/** The style that gives a pane its width; CSS of narrow screens may override it. */
+export declare function paneStyle(pane: Pane): React.CSSProperties;
+export interface SashProps {
+    pane: Pane;
+    /** Where the pane is: `start` before the sash, `end` after it. */
+    side: PaneSide;
+    label: string;
+}
+/**
+ * The bar between two columns: drag it to resize the pane, far enough to collapse it; double-click it
+ * for the initial width; arrows, Home and End move it from the keyboard.
+ */
+export declare function Sash({ pane, side, label }: SashProps): React.JSX.Element;

package/esm/browser/components/split-pane.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { usePersisted } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { LayoutUtil } from '../util/layout.js';
+/** The width of a column and whether it is collapsed, kept in this browser. */
+export function usePane(spec) {
+    const kept = React.useMemo(() => LayoutUtil.state(spec), [spec]);
+    const [state, change] = usePersisted(kept);
+    // Stable callbacks, so that effects may depend on them.
+    const resize = React.useCallback((next) => change(() => next), [change]);
+    const toggle = React.useCallback(() => change(previous => ({ ...previous, collapsed: !previous.collapsed })), [change]);
+    const reveal = React.useCallback(() => change(previous => (previous.collapsed ? { ...previous, collapsed: false } : previous)), [change]);
+    return { ...state, spec, resize, toggle, reveal };
+}
+/** The style that gives a pane its width; CSS of narrow screens may override it. */
+export function paneStyle(pane) {
+    return { '--ta-pane': `${pane.size}px` };
+}
+/**
+ * The bar between two columns: drag it to resize the pane, far enough to collapse it; double-click it
+ * for the initial width; arrows, Home and End move it from the keyboard.
+ */
+export function Sash({ pane, side, label }) {
+    const t = useT();
+    const [dragging, setDragging] = React.useState(false);
+    const onPointerDown = (event) => {
+        if (event.pointerType === 'mouse' && event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        const target = event.currentTarget;
+        const startX = event.clientX;
+        const startSize = pane.size;
+        let frame = 0;
+        let last;
+        target.setPointerCapture(event.pointerId);
+        document.documentElement.classList.add('ta-resizing');
+        setDragging(true);
+        const move = (moved) => {
+            last = LayoutUtil.drag(startSize, moved.clientX - startX, side, pane.spec);
+            // One layout per frame, however fast the pointer moves.
+            if (!frame) {
+                frame = requestAnimationFrame(() => {
+                    frame = 0;
+                    if (last) {
+                        pane.resize(last);
+                    }
+                });
+            }
+        };
+        const end = () => {
+            cancelAnimationFrame(frame);
+            if (last) {
+                pane.resize(last);
+            }
+            document.documentElement.classList.remove('ta-resizing');
+            setDragging(false);
+            target.removeEventListener('pointermove', move);
+            target.removeEventListener('pointerup', end);
+            target.removeEventListener('pointercancel', end);
+        };
+        target.addEventListener('pointermove', move);
+        target.addEventListener('pointerup', end);
+        target.addEventListener('pointercancel', end);
+    };
+    const onKeyDown = (event) => {
+        const size = LayoutUtil.key(pane.size, event.key, event.shiftKey, side, pane.spec);
+        if (size !== undefined) {
+            event.preventDefault();
+            pane.resize({ size, collapsed: false });
+        }
+    };
+    return (React.createElement("div", { role: "separator", tabIndex: 0, "aria-orientation": "vertical", "aria-label": label, "aria-valuemin": pane.spec.min, "aria-valuemax": pane.spec.max, "aria-valuenow": pane.size, title: t('ta.layout.resize'), className: `ta-sash ta-sash-${side} ${dragging ? 'ta-dragging' : ''}`, onPointerDown: onPointerDown, onKeyDown: onKeyDown, onDoubleClick: () => pane.resize({ size: pane.spec.initial, collapsed: false }) }));
+}
+//# sourceMappingURL=split-pane.js.map

package/esm/browser/components/split-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.js","sourceRoot":"","sources":["../../../src/browser/components/split-pane.tsx"],"names":[],"mappings":"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"}

package/esm/browser/components/ta-avatar.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type Mood } from '../avatar/dino-avatar.js';
+/**
+ * ta, drawn for its mood and moving with it (dino-motion.ts); `size` in pixels; `mark` (one or two
+ * characters) tells agents apart; `roam` lets the big ta of an empty page walk to and fro.
+ */
+export declare function TaAvatar({ mood, size, mark, className, roam, }: {
+    mood?: Mood;
+    size?: number;
+    mark?: string;
+    className?: string;
+    roam?: boolean;
+}): React.JSX.Element;