@celljs/ta-web 0.0.0-stage → 4.6.0

package/lib/browser/components/relay-view.js

@@ -0,0 +1,150 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelayDialog = RelayDialog;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const hooks_1 = require("../hooks");
+const use_t_1 = require("../i18n/use-t");
+const qr_code_1 = require("../util/qr-code");
+const icon_1 = require("./icon");
+/** A phone and this computer, a relay between them, and a lock on what goes through. */
+function RelayPicture() {
+    return (React.createElement("svg", { className: "ta-pic ta-relay-pic", viewBox: "0 0 240 72", "aria-hidden": "true" },
+        React.createElement("rect", { className: "ta-pic-frame", x: "14", y: "10", width: "32", height: "52", rx: "7" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "19", y: "17", width: "22", height: "30", rx: "3" }),
+        React.createElement("rect", { className: "ta-pic-line", x: "25", y: "53", width: "10", height: "3", rx: "1.5" }),
+        React.createElement("rect", { className: "ta-pic-frame", x: "168", y: "14", width: "58", height: "38", rx: "5" }),
+        React.createElement("rect", { className: "ta-pic-accent", x: "173", y: "19", width: "48", height: "28", rx: "3" }),
+        React.createElement("rect", { className: "ta-pic-line", x: "160", y: "54", width: "74", height: "5", rx: "2.5" }),
+        React.createElement("path", { className: "ta-pic-path", d: "M52 36h44M144 36h18" }),
+        React.createElement("circle", { className: "ta-pic-frame", cx: "120", cy: "36", r: "20" }),
+        React.createElement("path", { className: "ta-pic-mark", d: "M112 34h16v12h-16z" }),
+        React.createElement("path", { className: "ta-pic-shackle", d: "M115.5 34v-4a4.5 4.5 0 0 1 9 0v4" }),
+        React.createElement("circle", { className: "ta-pic-dot ta-relay-dot", cx: "74", cy: "36", r: "3" }),
+        React.createElement("circle", { className: "ta-pic-dot ta-relay-dot ta-relay-dot-back", cx: "153", cy: "36", r: "3" })));
+}
+function QrView({ text }) {
+    const code = React.useMemo(() => qr_code_1.QrCode.encode(text), [text]);
+    const quiet = 3;
+    const size = code.size + quiet * 2;
+    return (React.createElement("svg", { className: "ta-qr", viewBox: `${-quiet} ${-quiet} ${size} ${size}`, role: "img", "aria-label": "QR", shapeRendering: "crispEdges" },
+        React.createElement("rect", { x: -quiet, y: -quiet, width: size, height: size, fill: "#fff" }),
+        React.createElement("path", { d: code.path(), fill: "#111" })));
+}
+/** Using Ta from a phone: pair it through a relay, see and remove the devices paired. */
+function RelayDialog({ onClose }) {
+    var _a, _b;
+    const t = (0, use_t_1.useT)();
+    const [, bench] = (0, hooks_1.useWorkbench)();
+    const [, notices] = (0, hooks_1.useNotices)();
+    const [info, setInfo] = React.useState();
+    const [link, setLink] = React.useState();
+    const [name, setName] = React.useState('');
+    const [busy, setBusy] = React.useState(false);
+    const load = React.useCallback(() => {
+        bench.relay.getRelay().then(setInfo, (error) => notices.error(error));
+    }, [bench, notices]);
+    React.useEffect(() => {
+        load();
+        // Whether ta serve reached the relay shows a moment after pairing.
+        const timer = setInterval(load, 3000);
+        return () => clearInterval(timer);
+    }, [load]);
+    React.useEffect(() => {
+        const onKey = (event) => event.key === 'Escape' && onClose();
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    const pair = async () => {
+        var _a;
+        if (!info) {
+            return;
+        }
+        setBusy(true);
+        try {
+            const paired = await bench.relay.pair((_a = info.relay) !== null && _a !== void 0 ? _a : info.defaultRelay, name.trim() || t('ta.relay.phone'));
+            setLink(paired.link);
+            setName('');
+            load();
+        }
+        catch (error) {
+            notices.error(error);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const unpair = async (device) => {
+        if (await notices.confirm({ title: t('ta.relay.unpairConfirm', { name: device.name }), confirmLabel: t('ta.relay.unpair'), danger: true })) {
+            await bench.relay.unpair(device.id).catch((error) => notices.error(error));
+            load();
+        }
+    };
+    const relayHost = ((_b = (_a = info === null || info === void 0 ? void 0 : info.relay) !== null && _a !== void 0 ? _a : info === null || info === void 0 ? void 0 : info.defaultRelay) !== null && _b !== void 0 ? _b : '').replace(/^https?:\/\//, '');
+    return (0, react_dom_1.createPortal)(React.createElement("div", { className: "ta-modal-scrim" },
+        React.createElement("button", { type: "button", className: "ta-overlay-close", "aria-label": t('ta.close'), tabIndex: -1, onClick: onClose }),
+        React.createElement("div", { className: "ta-modal ta-relay-dialog", role: "dialog", "aria-modal": "true", "aria-label": t('ta.relay.title') },
+            React.createElement("div", { className: "ta-modal-head" },
+                React.createElement("span", { className: "ta-modal-title" }, t('ta.relay.title')),
+                React.createElement(icon_1.IconButton, { icon: lucide_react_1.X, label: t('ta.close'), onClick: onClose })),
+            link ? (React.createElement("div", { className: "ta-relay-pairing" },
+                React.createElement(QrView, { text: link }),
+                React.createElement("p", null, t('ta.relay.scan')),
+                React.createElement("div", { className: "ta-auth-actions" },
+                    React.createElement("button", { type: "button", className: "ta-button", onClick: () => { var _a; return void ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(link).catch(() => undefined)); } },
+                        React.createElement(icon_1.Icon, { icon: lucide_react_1.Copy, size: 15 }),
+                        " ",
+                        t('ta.auth.copyLink')),
+                    React.createElement("button", { type: "button", className: "ta-button ta-primary", onClick: () => setLink(undefined) }, t('ta.relay.done'))))) : (React.createElement("div", { className: "ta-relay-start" },
+                React.createElement(RelayPicture, null),
+                React.createElement("p", null, t('ta.relay.hint')),
+                React.createElement("div", { className: "ta-relay-form" },
+                    React.createElement("label", { className: "ta-field ta-field-small" },
+                        React.createElement(lucide_react_1.Smartphone, { size: 15, strokeWidth: 1.75, "aria-hidden": "true" }),
+                        React.createElement("input", { placeholder: t('ta.relay.phone'), value: name, onChange: event => setName(event.target.value) })),
+                    React.createElement("button", { type: "button", className: "ta-button ta-primary", disabled: busy || !info, onClick: () => void pair() }, t('ta.relay.pair'))))),
+            info && info.devices.length > 0 && (React.createElement("section", { className: "ta-auth-group" },
+                React.createElement("h3", null,
+                    t('ta.relay.devices'),
+                    React.createElement("span", { className: `ta-relay-state${info.online ? ' ta-on' : ''}` }, info.online ? t('ta.relay.online', { relay: relayHost }) : t('ta.relay.offline', { relay: relayHost }))),
+                info.devices.map(device => (React.createElement("div", { key: device.id, className: "ta-auth-row ta-relay-device" },
+                    React.createElement(icon_1.Icon, { icon: lucide_react_1.Smartphone, size: 16 }),
+                    React.createElement("span", { className: "ta-auth-name" }, device.name),
+                    React.createElement("span", { className: "ta-auth-note" }, new Date(device.createdAt).toLocaleDateString()),
+                    React.createElement(icon_1.IconButton, { icon: lucide_react_1.Trash2, label: t('ta.relay.unpair'), onClick: () => void unpair(device) })))))))), document.body);
+}
+//# sourceMappingURL=relay-view.js.map

package/lib/browser/components/relay-view.js.map

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

package/lib/browser/components/run-status.d.ts

@@ -0,0 +1,10 @@
+import type { SessionState } from '@celljs/ta-client';
+import * as React from 'react';
+/**
+ * What ta does while it works, in one line: the phase it is in (waiting for the model, thinking, writing,
+ * the tool it runs, a retry) and the tokens of the run, sent up and received down.
+ */
+export declare function RunStatus({ state }: {
+    state: SessionState;
+}): React.JSX.Element;
+//# sourceMappingURL=run-status.d.ts.map

package/lib/browser/components/run-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-status.d.ts","sourceRoot":"","sources":["../../../src/browser/components/run-status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,qBA6B3D"}

package/lib/browser/components/run-status.js

@@ -0,0 +1,90 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RunStatus = RunStatus;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const use_t_1 = require("../i18n/use-t");
+const progress_1 = require("../util/progress");
+const tool_1 = require("../util/tool");
+const icon_1 = require("./icon");
+function usePhaseText(phase) {
+    const t = (0, use_t_1.useT)();
+    switch (phase.kind) {
+        case 'waiting':
+            return t('ta.progress.waiting');
+        case 'thinking':
+            return t('ta.session.phase.thinking');
+        case 'writing':
+            return t('ta.session.phase.writing');
+        case 'calling': {
+            const { verb } = tool_1.ToolUtil.summary(phase.tool, {});
+            return t('ta.progress.calling', { tool: verb ? t(verb) : phase.tool });
+        }
+        case 'tool': {
+            const { verb, name, target } = phase.summary;
+            return [verb ? t(verb) : name, target].filter(Boolean).join(' ');
+        }
+        case 'clientTool':
+            return `${t('ta.session.waitingClientTool')} · ${phase.tool}`;
+        case 'attention':
+            return t('ta.mood.attention');
+        case 'compacting':
+            return t('ta.progress.compacting');
+        case 'retrying':
+            return t('ta.progress.retrying', { seconds: phase.seconds, attempt: phase.attempt, max: phase.maxAttempts });
+    }
+}
+/**
+ * What ta does while it works, in one line: the phase it is in (waiting for the model, thinking, writing,
+ * the tool it runs, a retry) and the tokens of the run, sent up and received down.
+ */
+function RunStatus({ state }) {
+    const t = (0, use_t_1.useT)();
+    const phase = progress_1.ProgressUtil.phase(state);
+    const text = usePhaseText(phase);
+    const { input, output } = progress_1.ProgressUtil.tokens(state);
+    return (React.createElement("span", { className: "ta-run-status", role: "status" },
+        React.createElement("span", { className: `ta-status ${phase.kind === 'attention' || phase.kind === 'retrying' ? 'ta-status-waiting' : 'ta-status-running'}` }),
+        React.createElement("span", { className: `ta-run-phase ${phase.kind === 'tool' ? 'ta-run-tool' : ''}`, title: text }, text),
+        (input > 0 || output > 0) && (React.createElement("span", { className: "ta-run-tokens" },
+            input > 0 && (React.createElement("span", { title: t('ta.progress.input') },
+                React.createElement(icon_1.Icon, { icon: lucide_react_1.ArrowUp, size: 12 }),
+                progress_1.ProgressUtil.format(input))),
+            output > 0 && (React.createElement("span", { title: t('ta.progress.output') },
+                React.createElement(icon_1.Icon, { icon: lucide_react_1.ArrowDown, size: 12 }),
+                progress_1.ProgressUtil.format(output)))))));
+}
+//# sourceMappingURL=run-status.js.map

package/lib/browser/components/run-status.js.map

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

package/lib/browser/components/session-settings.d.ts

@@ -0,0 +1,38 @@
+import type { TaCommandResult, TaServer, ThinkingLevel } from '@celljs/ta-protocol';
+import type { Translate } from '../i18n/use-t';
+import type { ComposerAction } from './composer-box';
+type Model = TaCommandResult<'get_available_models'>['models'][number];
+type Command = TaCommandResult<'get_commands'>['commands'][number];
+/** What a session needs from the server besides its events: models, thinking levels, commands. */
+export interface SessionSettings {
+    models: Model[];
+    model?: string;
+    thinkingLevel?: ThinkingLevel;
+    levels: ThinkingLevel[];
+    commands: Command[];
+}
+/** What the settings of a session do, once picked. */
+export interface SessionSettingsHandlers {
+    setModel(model: Model): void;
+    setThinkingLevel(level: ThinkingLevel): void;
+    compact(): void;
+}
+export declare namespace SessionSettingsUtil {
+    const EMPTY: SessionSettings;
+    function modelRef(model?: {
+        provider: string;
+        id: string;
+    } | null): string;
+    /** The settings of a session in the + of its box: the model and the thinking level as lists to pick from, and compacting. */
+    function actions(settings: SessionSettings, working: boolean, handlers: SessionSettingsHandlers, t: Translate): ComposerAction[];
+}
+/**
+ * The settings of a session, loaded again after each run (an extension or another client may have changed
+ * them), and the entries of the + menu that change them.
+ */
+export declare function useSessionSettings(server: TaServer, sessionId: string, working: boolean, t: Translate, onError: (error: unknown) => void): {
+    settings: SessionSettings;
+    actions: ComposerAction[];
+};
+export {};
+//# sourceMappingURL=session-settings.d.ts.map

package/lib/browser/components/session-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-settings.d.ts","sourceRoot":"","sources":["../../../src/browser/components/session-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,KAAK,KAAK,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACvE,KAAK,OAAO,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnE,kGAAkG;AAClG,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACvB;AAED,sDAAsD;AACtD,MAAM,WAAW,uBAAuB;IACpC,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,yBAAiB,mBAAmB,CAAC;IAC1B,MAAM,KAAK,EAAE,eAA0D,CAAC;IAE/E,SAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,MAAM,CAEhF;IAED,6HAA6H;IAC7H,SAAgB,OAAO,CAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC,EAAE,SAAS,GAAG,cAAc,EAAE,CAwCtI;CACJ;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,SAAS,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAClC;IAAE,QAAQ,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,CA+B1D"}

package/lib/browser/components/session-settings.js

@@ -0,0 +1,121 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionSettingsUtil = void 0;
+exports.useSessionSettings = useSessionSettings;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const icon_1 = require("./icon");
+var SessionSettingsUtil;
+(function (SessionSettingsUtil) {
+    SessionSettingsUtil.EMPTY = { models: [], levels: [], commands: [] };
+    function modelRef(model) {
+        return model ? `${model.provider}/${model.id}` : '';
+    }
+    SessionSettingsUtil.modelRef = modelRef;
+    /** The settings of a session in the + of its box: the model and the thinking level as lists to pick from, and compacting. */
+    function actions(settings, working, handlers, t) {
+        const model = settings.models.find(candidate => modelRef(candidate) === settings.model);
+        return [
+            {
+                key: 'model',
+                label: t('ta.session.model'),
+                icon: React.createElement(icon_1.Icon, { icon: lucide_react_1.Box, size: 16 }),
+                detail: model ? model.name || model.id : t('ta.session.noModel'),
+                items: settings.models.map(candidate => ({
+                    key: modelRef(candidate),
+                    label: candidate.name || candidate.id,
+                    detail: candidate.provider,
+                    checked: modelRef(candidate) === settings.model,
+                    run: () => handlers.setModel(candidate),
+                })),
+            },
+            ...(settings.levels.length > 1
+                ? [
+                    {
+                        key: 'thinking',
+                        label: t('ta.message.thinking'),
+                        icon: React.createElement(icon_1.Icon, { icon: lucide_react_1.Brain, size: 16 }),
+                        detail: settings.thinkingLevel,
+                        items: settings.levels.map(level => ({
+                            key: level,
+                            label: level,
+                            checked: level === settings.thinkingLevel,
+                            run: () => handlers.setThinkingLevel(level),
+                        })),
+                    },
+                ]
+                : []),
+            {
+                key: 'compact',
+                label: t('ta.session.compact'),
+                icon: React.createElement(icon_1.Icon, { icon: lucide_react_1.Archive, size: 16 }),
+                disabled: working,
+                run: handlers.compact,
+            },
+        ];
+    }
+    SessionSettingsUtil.actions = actions;
+})(SessionSettingsUtil || (exports.SessionSettingsUtil = SessionSettingsUtil = {}));
+/**
+ * The settings of a session, loaded again after each run (an extension or another client may have changed
+ * them), and the entries of the + menu that change them.
+ */
+function useSessionSettings(server, sessionId, working, t, onError) {
+    const [settings, setSettings] = React.useState(SessionSettingsUtil.EMPTY);
+    const load = React.useCallback(() => {
+        Promise.all([
+            server.getState(sessionId),
+            server.getAvailableModels(sessionId),
+            server.getAvailableThinkingLevels(sessionId),
+            server.getCommands(sessionId),
+        ])
+            .then(([state, { models }, { levels }, { commands }]) => setSettings({ models, model: SessionSettingsUtil.modelRef(state.model), thinkingLevel: state.thinkingLevel, levels, commands }))
+            .catch(() => undefined);
+    }, [server, sessionId]);
+    React.useEffect(() => {
+        if (!working) {
+            load();
+        }
+    }, [load, working]);
+    const run = (command) => command.then(load, onError);
+    const actions = SessionSettingsUtil.actions(settings, working, {
+        setModel: model => run(server.setModel(sessionId, model.provider, model.id)),
+        setThinkingLevel: level => run(server.setThinkingLevel(sessionId, level)),
+        compact: () => run(server.compact(sessionId)),
+    }, t);
+    return { settings, actions };
+}
+//# sourceMappingURL=session-settings.js.map

package/lib/browser/components/session-settings.js.map

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

package/lib/browser/components/session-settings.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=session-settings.spec.d.ts.map

package/lib/browser/components/session-settings.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-settings.spec.d.ts","sourceRoot":"","sources":["../../../src/browser/components/session-settings.spec.tsx"],"names":[],"mappings":""}

package/lib/browser/components/session-settings.spec.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const bun_test_1 = require("bun:test");
+const session_settings_1 = require("./session-settings");
+const t = id => id;
+const models = [
+    { provider: 'p', id: 'a', name: 'Model A' },
+    { provider: 'p', id: 'b', name: '' },
+];
+function handlers() {
+    const calls = [];
+    return {
+        calls,
+        handlers: {
+            setModel: (model) => calls.push(`model:${model.id}`),
+            setThinkingLevel: (level) => calls.push(`level:${level}`),
+            compact: () => calls.push('compact'),
+        },
+    };
+}
+(0, bun_test_1.describe)('SessionSettingsUtil', () => {
+    (0, bun_test_1.it)('lists the model and the thinking level to pick from, then compacting', () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const settings = { models, model: 'p/b', thinkingLevel: 'low', levels: ['off', 'low', 'high'], commands: [] };
+        const { calls, handlers: on } = handlers();
+        const [model, thinking, compact] = session_settings_1.SessionSettingsUtil.actions(settings, false, on, t);
+        (0, bun_test_1.expect)([model.key, thinking.key, compact.key]).toEqual(['model', 'thinking', 'compact']);
+        (0, bun_test_1.expect)(model.detail).toBe('b');
+        (0, bun_test_1.expect)((_a = model.items) === null || _a === void 0 ? void 0 : _a.map(item => [item.label, item.checked])).toEqual([
+            ['Model A', false],
+            ['b', true],
+        ]);
+        (0, bun_test_1.expect)(thinking.detail).toBe('low');
+        (_d = (_b = model.items) === null || _b === void 0 ? void 0 : (_c = _b[0]).run) === null || _d === void 0 ? void 0 : _d.call(_c);
+        (_g = (_e = thinking.items) === null || _e === void 0 ? void 0 : (_f = _e[2]).run) === null || _g === void 0 ? void 0 : _g.call(_f);
+        (_h = compact.run) === null || _h === void 0 ? void 0 : _h.call(compact);
+        (0, bun_test_1.expect)(calls).toEqual(['model:a', 'level:high', 'compact']);
+    });
+    (0, bun_test_1.it)('has no thinking level for a model without levels, and does not compact while the agent works', () => {
+        const settings = { ...session_settings_1.SessionSettingsUtil.EMPTY, levels: ['off'] };
+        const actions = session_settings_1.SessionSettingsUtil.actions(settings, true, handlers().handlers, t);
+        (0, bun_test_1.expect)(actions.map(action => action.key)).toEqual(['model', 'compact']);
+        (0, bun_test_1.expect)(actions[0].detail).toBe('ta.session.noModel');
+        (0, bun_test_1.expect)(actions[1].disabled).toBe(true);
+    });
+});
+//# sourceMappingURL=session-settings.spec.js.map

package/lib/browser/components/session-settings.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-settings.spec.js","sourceRoot":"","sources":["../../../src/browser/components/session-settings.spec.tsx"],"names":[],"mappings":";;AAAA,uCAAgD;AAGhD,yDAA+E;AAE/E,MAAM,CAAC,GAAc,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9B,MAAM,MAAM,GAAG;IACX,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;CACV,CAAC;AAE/B,SAAS,QAAQ;IACb,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,OAAO;QACH,KAAK;QACL,QAAQ,EAAE;YACN,QAAQ,EAAE,CAAC,KAAqB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,EAAE,CAAC;YACpE,gBAAgB,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;YACxE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;SACvC;KACJ,CAAC;AACN,CAAC;AAED,IAAA,mBAAQ,EAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,IAAA,aAAE,EAAC,sEAAsE,EAAE,GAAG,EAAE;;QAC5E,MAAM,QAAQ,GAAoB,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QAC/H,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,sCAAmB,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACvF,IAAA,iBAAM,EAAC,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;QACzF,IAAA,iBAAM,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAA,iBAAM,EAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACjE,CAAC,SAAS,EAAE,KAAK,CAAC;YAClB,CAAC,GAAG,EAAE,IAAI,CAAC;SACd,CAAC,CAAC;QACH,IAAA,iBAAM,EAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,MAAA,MAAA,KAAK,CAAC,KAAK,gDAAG,CAAC,GAAE,GAAG,kDAAI,CAAC;QACzB,MAAA,MAAA,QAAQ,CAAC,KAAK,gDAAG,CAAC,GAAE,GAAG,kDAAI,CAAC;QAC5B,MAAA,OAAO,CAAC,GAAG,+CAAX,OAAO,CAAQ,CAAC;QAChB,IAAA,iBAAM,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,8FAA8F,EAAE,GAAG,EAAE;QACpG,MAAM,QAAQ,GAAoB,EAAE,GAAG,sCAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QACpF,MAAM,OAAO,GAAG,sCAAmB,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACpF,IAAA,iBAAM,EAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;QACxE,IAAA,iBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACrD,IAAA,iBAAM,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/browser/components/session-view.d.ts

@@ -0,0 +1,25 @@
+import type { SessionStore } from '@celljs/ta-client';
+import type { TaServer, TaSessionInfo, TaWorkspaceServer } from '@celljs/ta-protocol';
+import * as React from 'react';
+export interface SessionViewProps {
+    store: SessionStore;
+    server: TaServer;
+    workspace: TaWorkspaceServer;
+    info?: TaSessionInfo;
+    onClosed(): void;
+    /** A run started or settled: the list of sessions shows it. */
+    onActivity(): void;
+    /** At the start and the end of the bar on top. */
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    /** Instead of the hint of an empty conversation. */
+    empty?: React.ReactNode;
+    aboveComposer?: React.ReactNode;
+    belowComposer?: React.ReactNode;
+    /** In the box at the start: the message a fork left out. */
+    draftText?: string;
+    /** In a narrow column, as a tab of the workbench: no bar on top. */
+    compact?: boolean;
+}
+export declare function SessionView({ store, server, workspace, info, onClosed, onActivity, leading, trailing, empty, aboveComposer, belowComposer, draftText, compact, }: SessionViewProps): React.JSX.Element;
+//# sourceMappingURL=session-view.d.ts.map

package/lib/browser/components/session-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-view.d.ts","sourceRoot":"","sources":["../../../src/browser/components/session-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,QAAQ,CAAC;IACjB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,IAAI,IAAI,CAAC;IACjB,+DAA+D;IAC/D,UAAU,IAAI,IAAI,CAAC;IACnB,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,aAAa,EACb,SAAS,EACT,OAAe,GAClB,EAAE,gBAAgB,qBAkFlB"}