@celljs/ta-web 0.0.0-stage → 4.6.0

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

@@ -0,0 +1,300 @@
+import { ArrowLeft, Check, ChevronRight, Copy, ExternalLink, KeyRound, LogOut, Search, 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 { AuthPicture } from './auth-pictures.js';
+import { Callout } from './callout.js';
+import { Icon, IconButton } from './icon.js';
+import { TaAvatar } from './ta-avatar.js';
+export var AuthUtil;
+(function (AuthUtil) {
+    function key(provider) {
+        return `${provider.id}:${provider.type}`;
+    }
+    AuthUtil.key = key;
+    /** Some provider is signed in, one way or another: Ta has models. */
+    function signedIn(providers) {
+        return providers.some(provider => provider.configured);
+    }
+    AuthUtil.signedIn = signedIn;
+    /** What can be signed in to from here, matching `words`: accounts first (subscriptions before the rest), then keys; by name. */
+    function offered(providers, words = '') {
+        const query = words.trim().toLowerCase();
+        const shown = providers.filter(provider => provider.interactive && (!query || `${provider.name} ${provider.id}`.toLowerCase().includes(query)));
+        const byName = (a, b) => Number(b.subscription) - Number(a.subscription) || a.name.localeCompare(b.name);
+        return {
+            accounts: shown.filter(provider => provider.type === 'oauth').sort(byName),
+            keys: shown.filter(provider => provider.type === 'api_key').sort(byName),
+        };
+    }
+    AuthUtil.offered = offered;
+    function reduce(state, event) {
+        var _a;
+        switch (event.type) {
+            case 'auth_url':
+                return { ...state, url: { url: event.url, instructions: event.instructions } };
+            case 'device_code':
+                return { ...state, device: { userCode: event.userCode, verificationUri: event.verificationUri } };
+            case 'progress':
+                return { ...state, progress: event.message };
+            case 'info':
+                return { ...state, infos: [...state.infos, { message: event.message, links: event.links }] };
+            case 'prompt':
+                return { ...state, prompt: { promptId: event.promptId, prompt: event.prompt } };
+            case 'prompt_closed':
+                return ((_a = state.prompt) === null || _a === void 0 ? void 0 : _a.promptId) === event.promptId ? { ...state, prompt: undefined } : state;
+            case 'done':
+                return { ...state, prompt: undefined, result: 'done' };
+            case 'failed':
+                return { ...state, prompt: undefined, result: event.cancelled ? 'cancelled' : 'failed', error: event.message };
+        }
+    }
+    AuthUtil.reduce = reduce;
+})(AuthUtil || (AuthUtil = {}));
+/** The ways to sign in to providers of models, read again with `reload`; undefined until read. */
+export function useAuthProviders(online) {
+    const [, bench] = useWorkbench();
+    const [providers, setProviders] = React.useState();
+    const [round, setRound] = React.useState(0);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: round asks for another read
+    React.useEffect(() => {
+        if (!online) {
+            return;
+        }
+        let live = true;
+        bench.auth.listProviders().then(list => live && setProviders(list), () => live && setProviders(undefined));
+        return () => {
+            live = false;
+        };
+    }, [bench, online, round]);
+    return [providers, React.useCallback(() => setRound(value => value + 1), [])];
+}
+function copy(text) {
+    var _a;
+    void ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text).catch(() => undefined));
+}
+function open(url) {
+    window.open(url, '_blank', 'noopener,noreferrer');
+}
+/** One sign-in, run on the server: what it shows, and what it asks. */
+function AuthFlow({ provider, onDone, onBack }) {
+    var _a, _b, _c;
+    const t = useT();
+    const [, bench] = useWorkbench();
+    const [state, dispatch] = React.useReducer(AuthUtil.reduce, { infos: [] });
+    const [answer, setAnswer] = React.useState('');
+    const loginId = React.useRef(undefined);
+    React.useEffect(() => {
+        // Events can come before the id does: they wait for it.
+        const early = [];
+        const off = bench.onAuthEvent((id, event) => {
+            if (loginId.current === undefined) {
+                early.push([id, event]);
+            }
+            else if (id === loginId.current) {
+                dispatch(event);
+            }
+        });
+        bench.auth.login(provider.id, provider.type).then(id => {
+            loginId.current = id;
+            for (const [earlyId, event] of early.splice(0)) {
+                if (earlyId === id) {
+                    dispatch(event);
+                }
+            }
+        }, error => dispatch({ type: 'failed', message: error instanceof Error ? error.message : String(error) }));
+        return () => {
+            off();
+            // Leaving before it ends stops it on the server too.
+            if (loginId.current) {
+                void bench.auth.cancel(loginId.current).catch(() => undefined);
+            }
+        };
+    }, [bench, provider]);
+    React.useEffect(() => {
+        if (state.result === 'done') {
+            loginId.current = undefined;
+            onDone();
+        }
+        else if (state.result === 'cancelled') {
+            loginId.current = undefined;
+            onBack();
+        }
+    }, [state.result, onDone, onBack]);
+    const prompt = state.prompt;
+    const send = (value) => {
+        if (prompt && loginId.current) {
+            void bench.auth.answer(loginId.current, prompt.promptId, value).catch(() => undefined);
+            setAnswer('');
+        }
+    };
+    const kind = provider.type === 'api_key' ? t('ta.auth.apiKey') : provider.subscription ? t('ta.auth.subscription') : t('ta.auth.account');
+    return (React.createElement("div", { className: "ta-auth-flow" },
+        React.createElement("div", { className: "ta-auth-flow-head" },
+            React.createElement(IconButton, { icon: ArrowLeft, label: t('ta.auth.back'), onClick: onBack }),
+            React.createElement("span", { className: "ta-auth-flow-title" }, provider.name),
+            React.createElement("span", { className: "ta-auth-kind" }, kind)),
+        state.url && (React.createElement("div", { className: "ta-auth-step" },
+            React.createElement("p", null, state.url.instructions || t('ta.auth.openHint')),
+            React.createElement("div", { className: "ta-auth-actions" },
+                React.createElement("button", { type: "button", className: "ta-button ta-primary", onClick: () => { var _a; var _b; return open((_b = (_a = state.url) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : ''); } },
+                    React.createElement(Icon, { icon: ExternalLink, size: 15 }),
+                    " ",
+                    t('ta.auth.openPage')),
+                React.createElement("button", { type: "button", className: "ta-button", onClick: () => { var _a; var _b; return copy((_b = (_a = state.url) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : ''); } },
+                    React.createElement(Icon, { icon: Copy, size: 15 }),
+                    " ",
+                    t('ta.auth.copyLink'))))),
+        state.device && (React.createElement("div", { className: "ta-auth-step" },
+            React.createElement("p", null, t('ta.auth.deviceHint')),
+            React.createElement("code", { className: "ta-auth-code" }, state.device.userCode),
+            React.createElement("div", { className: "ta-auth-actions" },
+                React.createElement("button", { type: "button", className: "ta-button ta-primary", onClick: () => {
+                        var _a, _b;
+                        var _c, _d;
+                        copy((_c = (_a = state.device) === null || _a === void 0 ? void 0 : _a.userCode) !== null && _c !== void 0 ? _c : '');
+                        open((_d = (_b = state.device) === null || _b === void 0 ? void 0 : _b.verificationUri) !== null && _d !== void 0 ? _d : '');
+                    } },
+                    React.createElement(Icon, { icon: ExternalLink, size: 15 }),
+                    " ",
+                    t('ta.auth.copyAndOpen')),
+                React.createElement("button", { type: "button", className: "ta-button", onClick: () => { var _a; var _b; return copy((_b = (_a = state.device) === null || _a === void 0 ? void 0 : _a.userCode) !== null && _b !== void 0 ? _b : ''); } },
+                    React.createElement(Icon, { icon: Copy, size: 15 }),
+                    " ",
+                    t('ta.auth.copyCode'))))),
+        state.infos.map((info, index) => { var _a; return (React.createElement(Callout, { key: index },
+            info.message,
+            (_a = info.links) === null || _a === void 0 ? void 0 :
+                _a.map(link => { var _a; return (React.createElement("a", { key: link.url, href: link.url, target: "_blank", rel: "noreferrer", className: "ta-auth-link" }, (_a = link.label) !== null && _a !== void 0 ? _a : link.url)); }))); }),
+        prompt &&
+            (prompt.prompt.type === 'select' ? (React.createElement("div", { className: "ta-auth-step" },
+                React.createElement("p", null, prompt.prompt.message),
+                React.createElement("div", { className: "ta-auth-options" }, prompt.prompt.options.map(option => (React.createElement("button", { key: option.id, type: "button", className: "ta-auth-item", onClick: () => send(option.id) },
+                    React.createElement("span", { className: "ta-auth-name" }, option.label),
+                    option.description && React.createElement("span", { className: "ta-auth-note" }, option.description),
+                    React.createElement(Icon, { icon: ChevronRight, size: 15 }))))))) : (React.createElement("form", { className: "ta-auth-step", onSubmit: event => {
+                    event.preventDefault();
+                    if (answer.trim()) {
+                        send(answer.trim());
+                    }
+                } },
+                React.createElement("p", null, prompt.prompt.type === 'manual_code'
+                    ? t('ta.auth.manualCode')
+                    : prompt.prompt.type === 'secret'
+                        ? t('ta.auth.enterKey', { name: provider.name })
+                        : prompt.prompt.message),
+                React.createElement("label", { className: "ta-field" },
+                    React.createElement(KeyRound, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" }),
+                    React.createElement("input", { type: prompt.prompt.type === 'secret' ? 'password' : 'text', autoFocus: true, autoComplete: "off", spellCheck: false, placeholder: (_a = prompt.prompt.placeholder) !== null && _a !== void 0 ? _a : (prompt.prompt.type === 'secret' ? t('ta.auth.apiKey') : ''), value: answer, onChange: event => setAnswer(event.target.value) })),
+                React.createElement("button", { type: "submit", className: "ta-button ta-primary ta-wide", disabled: !answer.trim() }, t('ta.auth.continue'))))),
+        !state.result && !prompt && (React.createElement("div", { className: "ta-auth-progress" },
+            React.createElement("span", { className: "ta-spinner" }),
+            " ", (_b = state.progress) !== null && _b !== void 0 ? _b : t('ta.auth.waiting'))),
+        state.result === 'failed' && (React.createElement(Callout, { level: "error", action: React.createElement("button", { type: "button", className: "ta-button", onClick: onBack }, t('ta.auth.back')) }, t('ta.auth.failed', { message: (_c = state.error) !== null && _c !== void 0 ? _c : '' })))));
+}
+function ProviderRow({ provider, onPick, onSignOut, plain }) {
+    var _a, _b;
+    const t = useT();
+    const kind = provider.type === 'api_key' ? t('ta.auth.apiKey') : provider.subscription ? t('ta.auth.subscription') : t('ta.auth.account');
+    const signedIn = ((_a = provider.configured) === null || _a === void 0 ? void 0 : _a.type) === provider.type;
+    const source = (_b = provider.configured) === null || _b === void 0 ? void 0 : _b.source;
+    return (React.createElement("div", { className: "ta-auth-row" },
+        React.createElement("button", { type: "button", className: "ta-auth-item", onClick: onPick },
+            React.createElement("span", { className: "ta-auth-name" }, provider.name),
+            (!plain || provider.subscription) && React.createElement("span", { className: "ta-auth-kind" }, kind),
+            signedIn && (React.createElement("span", { className: "ta-auth-on", title: source },
+                React.createElement(Icon, { icon: Check, size: 13 }),
+                " ",
+                source && !/credential|OAuth/i.test(source) ? source : t('ta.auth.signedIn'))),
+            React.createElement(Icon, { icon: ChevronRight, size: 15 })),
+        onSignOut && provider.stored && signedIn && React.createElement(IconButton, { icon: LogOut, label: t('ta.auth.signOut'), onClick: onSignOut })));
+}
+/** The providers and a sign-in to one of them, in one place: the page, the dialog and the settings show it. */
+export function AuthPanel({ onSignedIn, kinds }) {
+    const t = useT();
+    const [workbench, bench] = useWorkbench();
+    const [, notices] = useNotices();
+    const [providers, reload] = useAuthProviders(workbench.status === 'online');
+    const [picked, setPicked] = React.useState();
+    const [words, setWords] = React.useState('');
+    /** On the first page: which way the user chose, before the providers of that way. */
+    const [kind, setKind] = React.useState();
+    const back = React.useCallback(() => setPicked(undefined), []);
+    const done = React.useCallback(() => {
+        if (picked) {
+            notices.notify(t('ta.auth.done', { name: picked.name }), { level: 'success' });
+        }
+        setPicked(undefined);
+        reload();
+        onSignedIn === null || onSignedIn === void 0 ? void 0 : onSignedIn();
+    }, [picked, notices, t, reload, onSignedIn]);
+    if (picked) {
+        return React.createElement(AuthFlow, { provider: picked, onDone: done, onBack: back });
+    }
+    if (!providers) {
+        return (React.createElement("div", { className: "ta-auth-progress" },
+            React.createElement("span", { className: "ta-spinner" })));
+    }
+    const signOut = async (provider) => {
+        if (await notices.confirm({ title: t('ta.auth.signOutConfirm', { name: provider.name }), confirmLabel: t('ta.auth.signOut'), danger: true })) {
+            await bench.auth.logout(provider.id).catch(error => notices.error(error));
+            reload();
+        }
+    };
+    if (kinds && !kind) {
+        const card = (value, label, example) => (React.createElement("button", { type: "button", className: "ta-auth-kind-card", onClick: () => setKind(value) },
+            React.createElement(AuthPicture, { kind: value }),
+            React.createElement("span", { className: "ta-auth-kind-label" },
+                React.createElement("strong", null, label),
+                React.createElement("span", null, example))));
+        return (React.createElement("div", { className: "ta-auth-kinds" },
+            card('oauth', t('ta.auth.accounts'), t('ta.auth.accountsExample')),
+            card('api_key', t('ta.auth.keys'), t('ta.auth.keysExample'))));
+    }
+    const offered = AuthUtil.offered(providers, words);
+    const accounts = kind === 'api_key' ? [] : offered.accounts;
+    const keys = kind === 'oauth' ? [] : offered.keys;
+    const group = (title, list) => list.length > 0 && (React.createElement("section", { className: "ta-auth-group" },
+        title && React.createElement("h3", null, title),
+        list.map(provider => (React.createElement(ProviderRow, { key: AuthUtil.key(provider), provider: provider, plain: kind !== undefined, onPick: () => setPicked(provider), onSignOut: () => void signOut(provider) })))));
+    return (React.createElement("div", { className: "ta-auth-panel" },
+        kind && (React.createElement("div", { className: "ta-auth-flow-head" },
+            React.createElement(IconButton, { icon: ArrowLeft, label: t('ta.auth.back'), onClick: () => setKind(undefined) }),
+            React.createElement("span", { className: "ta-auth-flow-title" }, kind === 'oauth' ? t('ta.auth.accounts') : t('ta.auth.keys')))),
+        React.createElement("label", { className: "ta-field ta-field-small" },
+            React.createElement(Search, { size: 15, strokeWidth: 1.75, "aria-hidden": "true" }),
+            React.createElement("input", { placeholder: t('ta.auth.search'), value: words, onChange: event => setWords(event.target.value) })),
+        React.createElement("div", { className: "ta-auth-list" },
+            group(kind ? '' : t('ta.auth.accounts'), accounts),
+            group(kind ? '' : t('ta.auth.keys'), keys),
+            accounts.length + keys.length === 0 && React.createElement("div", { className: "ta-folder-note" }, t('ta.auth.none')))));
+}
+/** The model accounts, over the page (the gear menu). */
+export function AuthDialog({ onClose }) {
+    const t = useT();
+    React.useEffect(() => {
+        const onKey = (event) => event.key === 'Escape' && onClose();
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    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-auth-dialog", role: "dialog", "aria-modal": "true", "aria-label": t('ta.auth.accountsTitle') },
+            React.createElement("div", { className: "ta-modal-head" },
+                React.createElement("span", { className: "ta-modal-title" }, t('ta.auth.accountsTitle')),
+                React.createElement(IconButton, { icon: X, label: t('ta.close'), onClick: onClose })),
+            React.createElement(AuthPanel, null))), document.body);
+}
+/** The first page while no provider of models is signed in: Ta can do nothing without one. */
+export function LoginPage({ onLater, onSignedIn }) {
+    const t = useT();
+    return (React.createElement("div", { className: "ta-signin ta-login" },
+        React.createElement("div", { className: "ta-card ta-login-card" },
+            React.createElement(TaAvatar, { size: 72 }),
+            React.createElement("h1", null, t('ta.auth.title')),
+            React.createElement("p", null, t('ta.auth.hint')),
+            React.createElement(AuthPanel, { kinds: true, onSignedIn: onSignedIn }),
+            React.createElement("button", { type: "button", className: "ta-login-later", onClick: onLater }, t('ta.auth.later')))));
+}
+//# sourceMappingURL=auth-view.js.map

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

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

package/esm/browser/components/callout.d.ts

@@ -0,0 +1,18 @@
+import { type LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import type { NoticeLevel } from '../notices/notices-protocol.js';
+export declare const LEVEL_ICONS: Record<NoticeLevel, LucideIcon>;
+export interface CalloutProps {
+    level?: NoticeLevel;
+    children: React.ReactNode;
+    /** A second, quieter line. */
+    detail?: React.ReactNode;
+    /** At the end: a button. */
+    action?: React.ReactNode;
+    className?: string;
+}
+/**
+ * A message that belongs to its place and stays there, as long as what it says holds: a turn that failed,
+ * a view that did not load, a token that was refused. What the user did elsewhere is a notice instead.
+ */
+export declare function Callout({ level, children, detail, action, className }: CalloutProps): React.JSX.Element;

package/esm/browser/components/callout.js

@@ -0,0 +1,17 @@
+import { CircleCheck, CircleX, Info, TriangleAlert } from 'lucide-react';
+import * as React from 'react';
+import { Icon } from './icon.js';
+export const LEVEL_ICONS = { info: Info, success: CircleCheck, warning: TriangleAlert, error: CircleX };
+/**
+ * A message that belongs to its place and stays there, as long as what it says holds: a turn that failed,
+ * a view that did not load, a token that was refused. What the user did elsewhere is a notice instead.
+ */
+export function Callout({ level = 'info', children, detail, action, className = '' }) {
+    return (React.createElement("div", { className: `ta-callout ta-level-${level} ${className}`, role: level === 'error' ? 'alert' : undefined },
+        React.createElement(Icon, { icon: LEVEL_ICONS[level], size: 16, className: "ta-level-icon" }),
+        React.createElement("div", { className: "ta-callout-text" },
+            React.createElement("div", { className: "ta-callout-message" }, children),
+            detail && React.createElement("div", { className: "ta-callout-detail" }, detail)),
+        action));
+}
+//# sourceMappingURL=callout.js.map

package/esm/browser/components/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/browser/components/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,WAAW,GAAoC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAYzI;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAgB;IAC9F,OAAO,CACH,6BAAK,SAAS,EAAE,uBAAuB,KAAK,IAAI,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QACtG,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,eAAe,GAAG;QACtE,6BAAK,SAAS,EAAC,iBAAiB;YAC5B,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO;YACnD,MAAM,IAAI,6BAAK,SAAS,EAAC,mBAAmB,IAAE,MAAM,CAAO,CAC1D;QACL,MAAM,CACL,CACT,CAAC;AACN,CAAC"}

package/esm/browser/components/chat-list.d.ts

@@ -0,0 +1,52 @@
+import type { TaSessionInfo } from '@celljs/ta-protocol';
+import * as React from 'react';
+import type { TaChat } from '../chat/chat-protocol.js';
+import type { MessageId } from '../i18n/messages.js';
+import { type Translate } from '../i18n/use-t.js';
+/** Where a conversation belongs: the directory of the user's own, or the package that opened it. */
+export interface ChatSource {
+    /** `dir:<cwd>` or `pkg:<package>`. */
+    key: string;
+    label: string;
+    /** The whole directory or package name. */
+    title: string;
+    /** The directory a new chat of this source opens in; none for a package. */
+    cwd?: string;
+    count: number;
+    /** The letter of its avatar. */
+    initial: string;
+    /** One of the colors of the avatars: by its name, else the next one no other source of the list has. */
+    tone: number;
+}
+export interface ChatSection {
+    id: MessageId;
+    sessions: TaSessionInfo[];
+}
+export declare namespace ChatListUtil {
+    function sourceKey(session: TaSessionInfo): string;
+    /** `@celljs/ta-channels` → `ta-channels`. */
+    function label(group: string): string;
+    function tone(key: string): number;
+    /** The directories and packages of the conversations, the one with the latest first. */
+    function sources(sessions: TaSessionInfo[]): ChatSource[];
+    /** The conversations of a source (all for none) whose title or place holds the query, the latest first. */
+    function filter(sessions: TaSessionInfo[], source: string, query: string, t: Translate): TaSessionInfo[];
+    /** Today, yesterday, the week before, earlier: by the local day. */
+    function sections(sessions: TaSessionInfo[], now: number): ChatSection[];
+    /** `19:59` today, `11/8` before. */
+    function clock(time: number, now: number): string;
+    function title(session: TaSessionInfo, t: Translate): string;
+    /** The first letter of a name, for its avatar. */
+    function initial(name: string): string;
+}
+export interface ChatListProps {
+    /** Before the search: the tabs of the sidebar. */
+    tabs?: React.ReactNode;
+    sessions: TaSessionInfo[];
+    selected?: string;
+    chat: TaChat;
+    /** After a chat was picked or a new one shown: a drawer closes. */
+    onPicked(): void;
+}
+/** The open sessions of the server, the latest first by day, with a search, a filter by directory or package, and `+` for a new one. */
+export declare function ChatList({ tabs, sessions, selected, chat, onPicked }: ChatListProps): React.JSX.Element;

package/esm/browser/components/chat-list.js

@@ -0,0 +1,189 @@
+import { Plus, Search, Trash2, X } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { Icon, IconButton } from './icon.js';
+const TONES = 6;
+const DAY = 24 * 60 * 60000;
+export var ChatListUtil;
+(function (ChatListUtil) {
+    function sourceKey(session) {
+        return session.group ? `pkg:${session.group}` : `dir:${session.cwd}`;
+    }
+    ChatListUtil.sourceKey = sourceKey;
+    /** `@celljs/ta-channels` → `ta-channels`. */
+    function label(group) {
+        return group.slice(group.lastIndexOf('/') + 1);
+    }
+    ChatListUtil.label = label;
+    function tone(key) {
+        let hash = 0;
+        for (let i = 0; i < key.length; i++) {
+            hash = (hash * 31 + key.charCodeAt(i)) | 0;
+        }
+        return Math.abs(hash) % TONES;
+    }
+    ChatListUtil.tone = tone;
+    /** The directories and packages of the conversations, the one with the latest first. */
+    function sources(sessions) {
+        var _a;
+        const sources = new Map();
+        for (const session of sessions) {
+            const key = sourceKey(session);
+            const known = sources.get(key);
+            if (known) {
+                known.count++;
+                known.latest = Math.max(known.latest, session.updatedAt);
+                continue;
+            }
+            const name = session.group ? label(session.group) : MessageUtil.basename(session.cwd);
+            sources.set(key, {
+                key,
+                label: name,
+                title: (_a = session.group) !== null && _a !== void 0 ? _a : session.cwd,
+                cwd: session.group ? undefined : session.cwd,
+                count: 1,
+                initial: initial(session.group ? name.replace(/^ta-/, '') : name),
+                tone: 0,
+                latest: session.updatedAt,
+            });
+        }
+        const taken = new Set();
+        for (const source of [...sources.values()].sort((a, b) => a.key.localeCompare(b.key))) {
+            const first = tone(source.key);
+            const free = Array.from({ length: TONES }, (_, i) => (first + i) % TONES).find(candidate => !taken.has(candidate));
+            source.tone = free !== null && free !== void 0 ? free : first;
+            taken.add(source.tone);
+        }
+        return [...sources.values()].sort((a, b) => b.latest - a.latest).map(({ latest, ...source }) => source);
+    }
+    ChatListUtil.sources = sources;
+    /** The conversations of a source (all for none) whose title or place holds the query, the latest first. */
+    function filter(sessions, source, query, t) {
+        const words = query.trim().toLowerCase();
+        return sessions
+            .filter(session => !source || sourceKey(session) === source)
+            .filter(session => { var _a; return !words || `${title(session, t)} ${(_a = session.group) !== null && _a !== void 0 ? _a : session.cwd}`.toLowerCase().includes(words); })
+            .sort((a, b) => b.updatedAt - a.updatedAt);
+    }
+    ChatListUtil.filter = filter;
+    /** Today, yesterday, the week before, earlier: by the local day. */
+    function sections(sessions, now) {
+        var _a;
+        const today = new Date(now).setHours(0, 0, 0, 0);
+        const bounds = [
+            [today, 'ta.time.today'],
+            [today - DAY, 'ta.time.yesterday'],
+            [today - 7 * DAY, 'ta.time.week'],
+            [-Infinity, 'ta.time.earlier'],
+        ];
+        const sections = [];
+        for (const session of sessions) {
+            const [, id] = (_a = bounds.find(([from]) => session.updatedAt >= from)) !== null && _a !== void 0 ? _a : bounds[bounds.length - 1];
+            const last = sections[sections.length - 1];
+            if ((last === null || last === void 0 ? void 0 : last.id) === id) {
+                last.sessions.push(session);
+            }
+            else {
+                sections.push({ id, sessions: [session] });
+            }
+        }
+        return sections;
+    }
+    ChatListUtil.sections = sections;
+    /** `19:59` today, `11/8` before. */
+    function clock(time, now) {
+        const date = new Date(time);
+        if (date.toDateString() === new Date(now).toDateString()) {
+            return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`;
+        }
+        return `${date.getMonth() + 1}/${date.getDate()}`;
+    }
+    ChatListUtil.clock = clock;
+    function title(session, t) {
+        return session.sessionName || session.firstMessage || t('ta.chat.new');
+    }
+    ChatListUtil.title = title;
+    /** The first letter of a name, for its avatar. */
+    function initial(name) {
+        const letter = [...name].find(char => /[\p{L}\p{N}]/u.test(char));
+        return (letter !== null && letter !== void 0 ? letter : '?').toUpperCase();
+    }
+    ChatListUtil.initial = initial;
+})(ChatListUtil || (ChatListUtil = {}));
+/** The time now, again each minute. */
+function useMinute() {
+    const [now, setNow] = React.useState(Date.now);
+    React.useEffect(() => {
+        const timer = setInterval(() => setNow(Date.now()), 60000);
+        return () => clearInterval(timer);
+    }, []);
+    return now;
+}
+function ChatItem({ session, source, selected, now, onSelect, onClose }) {
+    const t = useT();
+    const title = ChatListUtil.title(session, t);
+    return (React.createElement("li", { className: `ta-chat-row ${selected ? 'ta-selected' : ''}` },
+        React.createElement("button", { type: "button", className: "ta-chat-item", title: `${title}\n${source.title}`, "aria-current": selected ? 'true' : undefined, onClick: onSelect },
+            React.createElement("span", { className: `ta-chat-avatar ta-tone-${source.tone}`, "aria-hidden": "true" }, source.initial),
+            React.createElement("span", { className: "ta-chat-text" },
+                React.createElement("span", { className: "ta-chat-line" },
+                    React.createElement("span", { className: "ta-chat-title" }, title),
+                    React.createElement("span", { className: "ta-chat-time" }, ChatListUtil.clock(session.updatedAt, now))),
+                React.createElement("span", { className: "ta-chat-line" },
+                    React.createElement("span", { className: "ta-chat-sub" }, source.label),
+                    session.isStreaming && React.createElement("span", { className: "ta-spinner" })))),
+        React.createElement(IconButton, { className: "ta-chat-delete", icon: Trash2, label: t('ta.sidebar.closeTitle'), onClick: onClose })));
+}
+/** The open sessions of the server, the latest first by day, with a search, a filter by directory or package, and `+` for a new one. */
+export function ChatList({ tabs, sessions, selected, chat, onPicked }) {
+    const t = useT();
+    const now = useMinute();
+    const [query, setQuery] = React.useState('');
+    const [filter, setFilter] = React.useState('');
+    const pick = (change) => change.then(onPicked);
+    const sources = ChatListUtil.sources(sessions);
+    const source = sources.find(candidate => candidate.key === filter);
+    const shown = ChatListUtil.filter(sessions, source ? filter : '', query, t);
+    const byKey = new Map(sources.map(candidate => [candidate.key, candidate]));
+    // The conversation shown is found in the list, however it came to be shown: out of a search or a filter that hides it, and scrolled to.
+    const scroller = React.useRef(null);
+    const reveal = React.useRef(false);
+    const hidden = !!selected && sessions.some(session => session.sessionId === selected) && !shown.some(session => session.sessionId === selected);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: only when another conversation is shown
+    React.useEffect(() => {
+        reveal.current = !!selected;
+        if (hidden) {
+            setQuery('');
+            setFilter('');
+        }
+    }, [selected]);
+    React.useEffect(() => {
+        var _a;
+        const row = reveal.current ? (_a = scroller.current) === null || _a === void 0 ? void 0 : _a.querySelector('[aria-current="true"]') : null;
+        if (row) {
+            reveal.current = false;
+            row.scrollIntoView({ block: 'nearest' });
+        }
+    });
+    return (React.createElement("section", { className: "ta-chats", "aria-label": t('ta.chat') },
+        React.createElement("header", { className: "ta-chats-head" },
+            tabs,
+            React.createElement("label", { className: "ta-chats-search" },
+                React.createElement(Icon, { icon: Search, size: 15 }),
+                React.createElement("input", { value: query, placeholder: t('ta.chat.search'), "aria-label": t('ta.chat.search'), onChange: event => setQuery(event.target.value) }),
+                query && React.createElement(IconButton, { className: "ta-chats-clear", icon: X, label: t('ta.close'), onClick: () => setQuery('') })),
+            React.createElement(IconButton, { className: "ta-chats-add", icon: Plus, label: t('ta.chat.new'), onClick: () => pick(chat.draft()) })),
+        sources.length > 1 && (React.createElement("div", { className: "ta-chips", role: "tablist", "aria-label": t('ta.chat') },
+            React.createElement("button", { type: "button", role: "tab", "aria-selected": !source, className: "ta-chip-filter", onClick: () => setFilter('') }, t('ta.chat.all')),
+            sources.map(candidate => (React.createElement("button", { key: candidate.key, type: "button", role: "tab", "aria-selected": candidate === source, className: "ta-chip-filter", title: candidate.title, onClick: () => setFilter(candidate === source ? '' : candidate.key) },
+                React.createElement("span", { className: `ta-chip-dot ta-tone-${candidate.tone}` }),
+                candidate.label,
+                React.createElement("span", { className: "ta-chip-count" }, candidate.count)))))),
+        React.createElement("div", { className: "ta-side-scroll", ref: scroller },
+            ChatListUtil.sections(shown, now).map(section => (React.createElement("section", { key: section.id, className: "ta-chat-section" },
+                React.createElement("div", { className: "ta-chat-section-title" }, t(section.id)),
+                React.createElement("ul", { className: "ta-side-list" }, section.sessions.map(session => (React.createElement(ChatItem, { key: session.sessionId, session: session, source: byKey.get(ChatListUtil.sourceKey(session)), selected: session.sessionId === selected, now: now, onSelect: () => pick(chat.show(session.sessionId)), onClose: () => void chat.close(session.sessionId) }))))))),
+            shown.length === 0 && React.createElement("div", { className: "ta-side-empty" }, t(sessions.length ? 'ta.chat.noMatch' : 'ta.chat.none')))));
+}
+//# sourceMappingURL=chat-list.js.map