@celljs/ta-web 0.0.0-stage → 4.6.1

package/esm/browser/components/notice-center.js

@@ -0,0 +1,114 @@
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useNotices } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { NoticesUtil } from '../notices/notices.js';
+import { LEVEL_ICONS } from './callout.js';
+import { Icon, IconButton } from './icon.js';
+/** How long a notice takes to go, in style.ts. */
+const LEAVE_MS = 160;
+/**
+ * Goes by itself after its time, which stops while the pointer or the focus is on it, or the page is hidden.
+ * A notice that comes again is a new one (a new id, so a new toast), and starts its time over.
+ */
+function useLifetime(notice, leave) {
+    const duration = NoticesUtil.duration(notice);
+    const [held, setHeld] = React.useState(false);
+    const [hidden, setHidden] = React.useState(() => document.visibilityState === 'hidden');
+    const left = React.useRef(duration);
+    React.useEffect(() => {
+        const onVisibility = () => setHidden(document.visibilityState === 'hidden');
+        document.addEventListener('visibilitychange', onVisibility);
+        return () => document.removeEventListener('visibilitychange', onVisibility);
+    }, []);
+    React.useEffect(() => {
+        if (left.current === undefined || held || hidden) {
+            return;
+        }
+        const started = Date.now();
+        const timer = setTimeout(leave, left.current);
+        return () => {
+            var _a;
+            clearTimeout(timer);
+            left.current = Math.max(0, ((_a = left.current) !== null && _a !== void 0 ? _a : 0) - (Date.now() - started));
+        };
+    }, [held, hidden, leave]);
+    return {
+        onPointerEnter: () => setHeld(true),
+        onPointerLeave: () => setHeld(false),
+        onFocus: () => setHeld(true),
+        onBlur: () => setHeld(false),
+    };
+}
+function Toast({ notice, notices }) {
+    const t = useT();
+    const [leaving, setLeaving] = React.useState(false);
+    const leave = React.useCallback(() => {
+        setLeaving(true);
+        setTimeout(() => notices.dismiss(notice.id), LEAVE_MS);
+    }, [notices, notice.id]);
+    const hold = useLifetime(notice, leave);
+    return (React.createElement("div", { className: `ta-toast ta-level-${notice.level}${leaving ? ' ta-leaving' : ''}`, role: notice.level === 'error' ? 'alert' : 'status', ...hold },
+        React.createElement(Icon, { icon: LEVEL_ICONS[notice.level], size: 16, className: "ta-level-icon" }),
+        React.createElement("div", { className: "ta-toast-text" },
+            React.createElement("div", { className: "ta-toast-message" },
+                notice.message,
+                notice.count > 1 && React.createElement("span", { className: "ta-toast-count" },
+                    "\u00D7",
+                    notice.count)),
+            notice.detail && React.createElement("div", { className: "ta-toast-detail" }, notice.detail),
+            notice.action && (React.createElement("button", { type: "button", className: "ta-toast-action", onClick: () => {
+                    var _a;
+                    (_a = notice.action) === null || _a === void 0 ? void 0 : _a.run();
+                    leave();
+                } }, notice.action.label))),
+        React.createElement(IconButton, { icon: X, label: t('ta.dismiss'), className: "ta-toast-close", onClick: leave })));
+}
+function ConfirmDialog({ request, notices }) {
+    var _a;
+    const t = useT();
+    const answer = (confirmed) => notices.answer(request.id, confirmed);
+    React.useEffect(() => {
+        const onKey = (event) => event.key === 'Escape' && notices.answer(request.id, false);
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [notices, request.id]);
+    return createPortal(React.createElement("div", { className: "ta-modal-scrim" },
+        React.createElement("button", { type: "button", className: "ta-overlay-close", "aria-label": t('ta.cancel'), tabIndex: -1, onClick: () => answer(false) }),
+        React.createElement("div", { className: "ta-modal ta-confirm", role: "alertdialog", "aria-modal": "true", "aria-label": request.title },
+            React.createElement("div", { className: "ta-confirm-title" }, request.title),
+            request.message && React.createElement("p", { className: "ta-confirm-message" }, request.message),
+            React.createElement("div", { className: "ta-dialog-actions" },
+                React.createElement("button", { type: "button", className: "ta-button", autoFocus: request.danger, onClick: () => answer(false) }, t('ta.cancel')),
+                React.createElement("button", { type: "button", className: `ta-button ${request.danger ? 'ta-button-danger' : 'ta-primary'}`, autoFocus: !request.danger, onClick: () => answer(true) }, (_a = request.confirmLabel) !== null && _a !== void 0 ? _a : t('ta.ok'))))), document.body);
+}
+/** Asks for a line of text, or several (`multiline`), as pi's `input` and `editor`. */
+function InputDialog({ request, notices }) {
+    var _a;
+    const t = useT();
+    const [value, setValue] = React.useState((_a = request.value) !== null && _a !== void 0 ? _a : '');
+    const cancel = () => notices.answerInput(request.id, undefined);
+    const submit = (event) => {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        notices.answerInput(request.id, value);
+    };
+    return createPortal(React.createElement("div", { className: "ta-modal-scrim" },
+        React.createElement("button", { type: "button", className: "ta-overlay-close", "aria-label": t('ta.cancel'), tabIndex: -1, onClick: cancel }),
+        React.createElement("form", { className: "ta-modal ta-confirm ta-ask", role: "dialog", "aria-modal": "true", "aria-label": request.title, onSubmit: submit, onKeyDown: event => event.key === 'Escape' && cancel() },
+            React.createElement("div", { className: "ta-confirm-title" }, request.title),
+            request.multiline ? (React.createElement("textarea", { className: "ta-input ta-ask-text", autoFocus: true, value: value, placeholder: request.placeholder, "aria-label": request.title, onChange: event => setValue(event.target.value), onKeyDown: event => event.key === 'Enter' && (event.metaKey || event.ctrlKey) && submit() })) : (React.createElement("input", { className: "ta-input", autoFocus: true, value: value, placeholder: request.placeholder, "aria-label": request.title, onFocus: event => event.currentTarget.select(), onChange: event => setValue(event.target.value) })),
+            React.createElement("div", { className: "ta-dialog-actions" },
+                React.createElement("button", { type: "button", className: "ta-button", onClick: cancel }, t('ta.cancel')),
+                React.createElement("button", { type: "submit", className: "ta-button ta-primary" }, t('ta.ok'))))), document.body);
+}
+/** The notices of the page in a corner, the newest nearest to it, and the question waiting for an answer. */
+export function NoticeCenter() {
+    const t = useT();
+    const [{ notices, confirm, input }, center] = useNotices();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("section", { className: "ta-toasts", "aria-label": t('ta.notices'), "aria-live": "polite" }, notices.map(notice => (React.createElement(Toast, { key: notice.id, notice: notice, notices: center })))),
+        confirm && React.createElement(ConfirmDialog, { key: confirm.id, request: confirm, notices: center }),
+        input && React.createElement(InputDialog, { key: input.id, request: input, notices: center })));
+}
+//# sourceMappingURL=notice-center.js.map

package/esm/browser/components/notice-center.js.map

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

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/** Using Ta from a phone: pair it through a relay, see and remove the devices paired. */
+export declare function RelayDialog({ onClose }: {
+    onClose(): void;
+}): React.ReactPortal;

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

@@ -0,0 +1,114 @@
+import { Copy, Smartphone, Trash2, X } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useNotices, useWorkbench } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { QrCode } from '../util/qr-code.js';
+import { Icon, IconButton } from './icon.js';
+/** 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(() => 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. */
+export function RelayDialog({ onClose }) {
+    var _a, _b;
+    const t = useT();
+    const [, bench] = useWorkbench();
+    const [, notices] = 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 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(IconButton, { icon: 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, { icon: 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(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, { icon: 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(IconButton, { icon: Trash2, label: t('ta.relay.unpair'), onClick: () => void unpair(device) })))))))), document.body);
+}
+//# sourceMappingURL=relay-view.js.map

package/esm/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":"AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE1C,wFAAwF;AACxF,SAAS,YAAY;IACjB,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAC,YAAY,iBAAa,MAAM;QACxE,8BAAM,SAAS,EAAC,cAAc,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QAC7E,8BAAM,SAAS,EAAC,eAAe,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QAC9E,8BAAM,SAAS,EAAC,aAAa,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;QAC7E,8BAAM,SAAS,EAAC,cAAc,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QAC9E,8BAAM,SAAS,EAAC,eAAe,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QAC/E,8BAAM,SAAS,EAAC,aAAa,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,GAAG;QAC9E,8BAAM,SAAS,EAAC,aAAa,EAAC,CAAC,EAAC,qBAAqB,GAAG;QACxD,gCAAQ,SAAS,EAAC,cAAc,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;QAC3D,8BAAM,SAAS,EAAC,aAAa,EAAC,CAAC,EAAC,oBAAoB,GAAG;QACvD,8BAAM,SAAS,EAAC,gBAAgB,EAAC,CAAC,EAAC,kCAAkC,GAAG;QACxE,gCAAQ,SAAS,EAAC,yBAAyB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG;QACpE,gCAAQ,SAAS,EAAC,2CAA2C,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,CACrF,CACT,CAAC;AACN,CAAC;AAED,SAAS,MAAM,CAAC,EAAE,IAAI,EAAoB;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC;IACnC,OAAO,CACH,6BAAK,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE,IAAI,EAAC,KAAK,gBAAY,IAAI,EAAC,cAAc,EAAC,YAAY;QACzH,8BAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,GAAG;QACrE,8BAAM,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,MAAM,GAAG,CAClC,CACT,CAAC;AACN,CAAC;AAED,yFAAyF;AACzF,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAuB;;IACxD,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,UAAU,EAAE,CAAC;IACjC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAe,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACjD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,EAAE,CAAC;QACP,mEAAmE;QACnE,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACtC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,EAAE,CAAC;QAC5E,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,OAAO;QACX,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,KAAK,CAAC,IAAI,OAAC,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAC3G,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,CAAC,EAAE,CAAC,CAAC;YACZ,IAAI,EAAE,CAAC;QACX,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;gBAAS,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,MAAqB,EAAE,EAAE;QAC3C,IAAI,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,wBAAwB,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACzI,MAAM,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAc,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACpF,IAAI,EAAE,CAAC;QACX,CAAC;IACL,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,aAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IACxF,OAAO,YAAY,CACf,6BAAK,SAAS,EAAC,gBAAgB;QAC3B,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,gBAAa,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI;QAChH,6BAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,gBAAa,CAAC,CAAC,gBAAgB,CAAC;YACrG,6BAAK,SAAS,EAAC,eAAe;gBAC1B,8BAAM,SAAS,EAAC,gBAAgB,IAAE,CAAC,CAAC,gBAAgB,CAAC,CAAQ;gBAC7D,oBAAC,UAAU,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D;YACL,IAAI,CAAC,CAAC,CAAC,CACJ,6BAAK,SAAS,EAAC,kBAAkB;gBAC7B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI;gBACtB,+BAAI,CAAC,CAAC,eAAe,CAAC,CAAK;gBAC3B,6BAAK,SAAS,EAAC,iBAAiB;oBAC5B,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,kBAAC,MAAK,MAAA,SAAS,CAAC,SAAS,0CAAE,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA,GAAA;wBACvH,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI;;wBAAE,CAAC,CAAC,kBAAkB,CAAC,CAChD;oBACT,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IACnF,CAAC,CAAC,eAAe,CAAC,CACd,CACP,CACJ,CACT,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,gBAAgB;gBAC3B,oBAAC,YAAY,OAAG;gBAChB,+BAAI,CAAC,CAAC,eAAe,CAAC,CAAK;gBAC3B,6BAAK,SAAS,EAAC,eAAe;oBAC1B,+BAAO,SAAS,EAAC,yBAAyB;wBACtC,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,iBAAc,MAAM,GAAG;wBAC9D,+BAAO,WAAW,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAI,CACpG;oBACR,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,IACrG,CAAC,CAAC,eAAe,CAAC,CACd,CACP,CACJ,CACT;YACA,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,iCAAS,SAAS,EAAC,eAAe;gBAC9B;oBACK,CAAC,CAAC,kBAAkB,CAAC;oBACtB,8BAAM,SAAS,EAAE,iBAAiB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAC1D,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CACpG,CACN;gBACJ,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACxB,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,6BAA6B;oBACxD,oBAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,GAAI;oBACpC,8BAAM,SAAS,EAAC,cAAc,IAAE,MAAM,CAAC,IAAI,CAAQ;oBACnD,8BAAM,SAAS,EAAC,cAAc,IAAE,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,CAAQ;oBACvF,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,GAAI,CAC3F,CACT,CAAC,CACI,CACb,CACC,CACJ,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,9 @@
+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;

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

@@ -0,0 +1,54 @@
+import { ArrowDown, ArrowUp } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { ProgressUtil } from '../util/progress.js';
+import { ToolUtil } from '../util/tool.js';
+import { Icon } from './icon.js';
+function usePhaseText(phase) {
+    const t = 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 } = 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.
+ */
+export function RunStatus({ state }) {
+    const t = useT();
+    const phase = ProgressUtil.phase(state);
+    const text = usePhaseText(phase);
+    const { input, output } = 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, { icon: ArrowUp, size: 12 }),
+                ProgressUtil.format(input))),
+            output > 0 && (React.createElement("span", { title: t('ta.progress.output') },
+                React.createElement(Icon, { icon: ArrowDown, size: 12 }),
+                ProgressUtil.format(output)))))));
+}
+//# sourceMappingURL=run-status.js.map

package/esm/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/esm/browser/components/session-settings.d.ts

@@ -0,0 +1,37 @@
+import type { TaCommandResult, TaServer, ThinkingLevel } from '@celljs/ta-protocol';
+import type { Translate } from '../i18n/use-t.js';
+import type { ComposerAction } from './composer-box.js';
+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 {};

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

@@ -0,0 +1,84 @@
+import { Archive, Box, Brain } from 'lucide-react';
+import * as React from 'react';
+import { Icon } from './icon.js';
+export 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, { icon: 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, { icon: 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, { icon: Archive, size: 16 }),
+                disabled: working,
+                run: handlers.compact,
+            },
+        ];
+    }
+    SessionSettingsUtil.actions = actions;
+})(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.
+ */
+export 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/esm/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/esm/browser/components/session-view.d.ts

@@ -0,0 +1,24 @@
+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;

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

@@ -0,0 +1,84 @@
+import * as React from 'react';
+import { useNotices, useOpenLink, useSessionState } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { Composer } from './composer.js';
+import { useConversationScroll } from './conversation-scroll.js';
+import { DialogView } from './dialog-view.js';
+import { OpenLink } from './link.js';
+import { FileUrls } from './media.js';
+import { useMessageActions } from './message-actions.js';
+import { MessageActions } from './message-footer.js';
+import { ConversationSession, MessageList } from './message-list.js';
+import { useSessionSettings } from './session-settings.js';
+/** What the extensions of the session say with `notify` goes to the notices of the page; what was said before it opened stays quiet. */
+function useSessionNotices(notices) {
+    const [, center] = useNotices();
+    const seen = React.useRef(undefined);
+    React.useEffect(() => {
+        if (!seen.current) {
+            seen.current = new Set(notices.map(notice => notice.id));
+            return;
+        }
+        for (const notice of notices) {
+            if (!seen.current.has(notice.id)) {
+                seen.current.add(notice.id);
+                center.notify(notice.message, { level: notice.type });
+            }
+        }
+    }, [notices, center]);
+}
+export function SessionView({ store, server, workspace, info, onClosed, onActivity, leading, trailing, empty, aboveComposer, belowComposer, draftText, compact = false, }) {
+    var _a;
+    const t = useT();
+    const state = useSessionState(store);
+    const [, notices] = useNotices();
+    const asked = React.useMemo(() => state.messages.filter(message => message.role === 'user').length, [state.messages]);
+    const scroller = useConversationScroll(asked);
+    const fail = (cause) => notices.error(cause);
+    useSessionNotices(state.notices);
+    const { settings, actions } = useSessionSettings(server, store.sessionId, state.working, t, fail);
+    const composer = React.useRef(null);
+    const cwd = info === null || info === void 0 ? void 0 : info.cwd;
+    const messageActions = useMessageActions(store, server, state.working, cwd, composer, onActivity);
+    React.useEffect(() => {
+        var _a;
+        if (draftText) {
+            (_a = composer.current) === null || _a === void 0 ? void 0 : _a.setText(draftText);
+        }
+    }, [draftText]);
+    const fileUrl = React.useCallback((path) => workspace.fileUrl(path, cwd), [workspace, cwd]);
+    const openLink = useOpenLink(cwd);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: runs when a run starts or settles
+    React.useEffect(() => onActivity(), [state.working, onActivity]);
+    React.useEffect(() => {
+        if (state.closed) {
+            onClosed();
+        }
+    }, [state.closed, onClosed]);
+    const statuses = Object.values(state.status);
+    const dialog = state.pendingUi[0];
+    const title = (info === null || info === void 0 ? void 0 : info.sessionName) || (info ? MessageUtil.basename(info.cwd) : t('ta.session.title'));
+    return (React.createElement("section", { className: `ta-session ${compact ? 'ta-session-compact' : ''}` },
+        !compact && (React.createElement("header", { className: "ta-session-header" },
+            leading,
+            React.createElement("div", { className: "ta-session-title" },
+                React.createElement("span", { className: "ta-title" }, title),
+                info && (React.createElement("span", { className: "ta-muted ta-path", title: info.cwd }, MessageUtil.shortPath(info.cwd)))),
+            trailing)),
+        React.createElement("div", { className: "ta-scroll", ref: scroller },
+            React.createElement("div", { className: "ta-thread" },
+                state.messages.length === 0 && (empty !== null && empty !== void 0 ? empty : React.createElement("div", { className: "ta-empty" }, t('ta.session.empty', { cwd: (_a = info === null || info === void 0 ? void 0 : info.cwd) !== null && _a !== void 0 ? _a : '.' }))),
+                React.createElement(ConversationSession.Provider, { value: info },
+                    React.createElement(MessageActions.Provider, { value: messageActions },
+                        React.createElement(FileUrls.Provider, { value: fileUrl },
+                            React.createElement(OpenLink.Provider, { value: openLink },
+                                React.createElement(MessageList, { state: state }))))))),
+        React.createElement("div", { className: "ta-bottom" },
+            dialog && React.createElement(DialogView, { key: dialog.id, request: dialog, respond: response => store.respondUi(response).catch(fail) }),
+            aboveComposer,
+            React.createElement(Composer, { ref: composer, store: store, server: server, workspace: workspace, working: state.working, commands: settings.commands, cwd: info === null || info === void 0 ? void 0 : info.cwd, actions: [actions], onError: fail }),
+            belowComposer,
+            statuses.length > 0 && React.createElement("div", { className: "ta-statusline" }, statuses.join(' · ')))));
+}
+//# sourceMappingURL=session-view.js.map

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

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