@celljs/ta-web 0.0.0-stage → 4.6.0

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

@@ -0,0 +1,84 @@
+import { Check, Code2, Copy, Download, Maximize2, Minimize2, Network } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { usePageTheme } from '../markdown/hooks.js';
+import { MermaidRenderer, MermaidUtil } from '../markdown/mermaid.js';
+import { IconButton } from './icon.js';
+/** While a reply streams its source, the diagram waits for it to rest a moment. */
+const DRAW_DELAY_MS = 150;
+function download(svg) {
+    const background = getComputedStyle(document.documentElement).getPropertyValue('--ta-code').trim();
+    const url = URL.createObjectURL(new Blob([MermaidUtil.withBackground(svg, background)], { type: 'image/svg+xml' }));
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = MermaidUtil.fileName();
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+/**
+ * A Mermaid diagram in the colours of the page; its code block until it draws, and when its source does
+ * not parse. While a reply streams, the last diagram stays until the longer source draws; a source that
+ * is not a continuation of it is another diagram, and shows as code until it draws.
+ */
+export function MermaidView({ code, fallback }) {
+    const t = useT();
+    const theme = usePageTheme();
+    const [drawn, setDrawn] = React.useState(() => {
+        const svg = MermaidRenderer.cached(theme, code);
+        return svg ? { code, svg } : undefined;
+    });
+    const [source, setSource] = React.useState(false);
+    const [copied, setCopied] = React.useState(false);
+    const [fullscreen, setFullscreen] = React.useState(false);
+    const frame = React.useRef(null);
+    React.useEffect(() => {
+        let current = true;
+        const cached = MermaidRenderer.cached(theme, code);
+        if (cached) {
+            setDrawn({ code, svg: cached });
+            return;
+        }
+        const timer = setTimeout(() => {
+            MermaidRenderer.render(theme, code).then(svg => current && svg && setDrawn({ code, svg }));
+        }, DRAW_DELAY_MS);
+        return () => {
+            current = false;
+            clearTimeout(timer);
+        };
+    }, [theme, code]);
+    React.useEffect(() => {
+        const changed = () => setFullscreen(document.fullscreenElement === frame.current);
+        document.addEventListener('fullscreenchange', changed);
+        return () => document.removeEventListener('fullscreenchange', changed);
+    }, []);
+    if (!drawn || !code.startsWith(drawn.code)) {
+        return React.createElement(React.Fragment, null, fallback);
+    }
+    const copy = () => {
+        var _a;
+        void ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(code).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1200);
+        }));
+    };
+    const toggleFullscreen = () => {
+        var _a, _b;
+        if (document.fullscreenElement === frame.current) {
+            void document.exitFullscreen();
+        }
+        else {
+            void ((_b = (_a = frame.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen) === null || _b === void 0 ? void 0 : _b.call(_a).catch(() => undefined));
+        }
+    };
+    return (React.createElement("div", { ref: frame, className: `ta-code ta-mermaid ${source ? 'ta-mermaid-source' : ''}` },
+        React.createElement("div", { className: "ta-code-bar" },
+            React.createElement("span", null, "mermaid"),
+            React.createElement("span", { className: "ta-code-actions" },
+                React.createElement(IconButton, { icon: source ? Network : Code2, label: t(source ? 'ta.markdown.diagram' : 'ta.markdown.source'), onClick: () => setSource(!source) }),
+                React.createElement(IconButton, { icon: copied ? Check : Copy, label: t(copied ? 'ta.copied' : 'ta.copy'), onClick: copy }),
+                React.createElement(IconButton, { icon: Download, label: t('ta.markdown.download'), onClick: () => download(drawn.svg) }),
+                React.createElement(IconButton, { icon: fullscreen ? Minimize2 : Maximize2, label: t(fullscreen ? 'ta.markdown.exitFullscreen' : 'ta.markdown.fullscreen'), onClick: toggleFullscreen }))),
+        source ? (React.createElement("pre", null,
+            React.createElement("code", null, code))) : (React.createElement("div", { className: "ta-mermaid-diagram", dangerouslySetInnerHTML: { __html: drawn.svg } }))));
+}
+//# sourceMappingURL=mermaid-view.js.map

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

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

package/esm/browser/components/message-actions.d.ts

@@ -0,0 +1,12 @@
+import type { SessionStore } from '@celljs/ta-client';
+import type { TaServer } from '@celljs/ta-protocol';
+import * as React from 'react';
+import type { ComposerBoxHandle } from './composer-box.js';
+import type { MessageActionHandlers } from './message-footer.js';
+/**
+ * What the messages of a conversation can do, with pi's own means. A fork (`/fork`) is a copy of the
+ * conversation up to a message, opened in a tab of the workbench beside it: the conversation shown does
+ * not move. A rewind (`/tree`), once confirmed, goes back to before a message of the user in the same
+ * conversation, and the message comes back into the box.
+ */
+export declare function useMessageActions(store: SessionStore, server: TaServer, working: boolean, cwd: string | undefined, composer: React.RefObject<ComposerBoxHandle | null>, done: () => void): MessageActionHandlers;

package/esm/browser/components/message-actions.js

@@ -0,0 +1,78 @@
+import { useInject } from '@celljs/react';
+import { GitFork } from 'lucide-react';
+import * as React from 'react';
+import { TaWebExtensions } from '../extension/web-extension-protocol.js';
+import { useNotices } from '../hooks.js';
+import { message as text } from '../i18n/messages.js';
+import { useT } from '../i18n/use-t.js';
+import { TaSettings } from '../settings/settings-protocol.js';
+import { MessageUtil } from '../util/message.js';
+import { ForkView } from './fork-view.js';
+let forks = 0;
+/**
+ * What the messages of a conversation can do, with pi's own means. A fork (`/fork`) is a copy of the
+ * conversation up to a message, opened in a tab of the workbench beside it: the conversation shown does
+ * not move. A rewind (`/tree`), once confirmed, goes back to before a message of the user in the same
+ * conversation, and the message comes back into the box.
+ */
+export function useMessageActions(store, server, working, cwd, composer, done) {
+    const t = useT();
+    const [, notices] = useNotices();
+    const extensions = useInject(TaWebExtensions);
+    const settings = useInject(TaSettings);
+    // The latest callback, so that the messages draw again only when `working` changes.
+    const settled = React.useRef(done);
+    settled.current = done;
+    return React.useMemo(() => {
+        const failed = (cause) => notices.error(cause);
+        const entry = async (message) => {
+            const { entries } = await server.getEntries(store.sessionId);
+            const id = MessageUtil.entryId(entries, message);
+            if (!id) {
+                throw new Error(t('ta.message.notSaved'));
+            }
+            return id;
+        };
+        return {
+            working,
+            fork: (message, position) => {
+                entry(message)
+                    .then(id => server.forkToFile(store.sessionId, id, position))
+                    .then(({ sessionFile, text: draft }) => {
+                    const source = { sessionFile, cwd: cwd !== null && cwd !== void 0 ? cwd : '.', text: draft };
+                    extensions.open({
+                        id: `fork:${++forks}`,
+                        title: () => text(settings.state.language, 'ta.message.forked'),
+                        icon: GitFork,
+                        render: () => React.createElement(ForkView, { source: source }),
+                        extension: '',
+                    });
+                }, failed);
+            },
+            rewind: message => {
+                notices
+                    .confirm({
+                    title: t('ta.message.rewindConfirm'),
+                    message: t('ta.message.rewindDetail'),
+                    confirmLabel: t('ta.message.rewind'),
+                    danger: true,
+                })
+                    .then(async (confirmed) => {
+                    var _a;
+                    if (!confirmed) {
+                        return;
+                    }
+                    const result = await server.navigateTree(store.sessionId, await entry(message));
+                    if (!result.cancelled) {
+                        if (result.editorText) {
+                            (_a = composer.current) === null || _a === void 0 ? void 0 : _a.setText(result.editorText);
+                        }
+                        settled.current();
+                    }
+                })
+                    .catch(failed);
+            },
+        };
+    }, [store, server, working, cwd, composer, t, notices, extensions, settings]);
+}
+//# sourceMappingURL=message-actions.js.map

package/esm/browser/components/message-actions.js.map

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

package/esm/browser/components/message-footer.d.ts

@@ -0,0 +1,29 @@
+import type { SessionMessage } from '@celljs/ta-client';
+import type { TaSessionInfo } from '@celljs/ta-protocol';
+import * as React from 'react';
+/** What the messages of a conversation can do besides being copied; a conversation without them only copies. */
+export interface MessageActionHandlers {
+    /** While ta works, the conversation stays as it is. */
+    working: boolean;
+    /** A new conversation from a message: `before` a message of the user, without it; `at` a reply, with it. */
+    fork(message: SessionMessage, position: 'before' | 'at'): void;
+    /** Back to before a message of the user, in the same conversation. */
+    rewind(message: SessionMessage): void;
+}
+export declare const MessageActions: React.Context<MessageActionHandlers | undefined>;
+export declare namespace MessageFooterUtil {
+    /** What to paste into an issue: where the message is, and what the model said of it. */
+    function debugInfo(message: SessionMessage, session: TaSessionInfo | undefined): string;
+}
+/** Under a message of the user: when, copy, a new conversation from here, back to here. */
+export declare function UserFooter({ message, text }: {
+    message: SessionMessage;
+    text: string;
+}): React.JSX.Element;
+/** Under a turn that ended: copy the reply, a new conversation from it, what to report, when, what it took. */
+export declare function TurnFooter({ messages, last, reply, session }: {
+    messages: SessionMessage[];
+    last?: SessionMessage;
+    reply: string;
+    session?: TaSessionInfo;
+}): React.JSX.Element;

package/esm/browser/components/message-footer.js

@@ -0,0 +1,86 @@
+import { ArrowDown, ArrowUp, Bug, Check, Copy, GitFork, Undo2 } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { ProgressUtil } from '../util/progress.js';
+import { Icon } from './icon.js';
+export const MessageActions = React.createContext(undefined);
+export var MessageFooterUtil;
+(function (MessageFooterUtil) {
+    /** What to paste into an issue: where the message is, and what the model said of it. */
+    function debugInfo(message, session) {
+        const { timestamp, provider, model, stopReason, errorMessage, usage } = message;
+        const info = {
+            session: session === null || session === void 0 ? void 0 : session.sessionId,
+            piSession: session === null || session === void 0 ? void 0 : session.piSessionId,
+            sessionFile: session === null || session === void 0 ? void 0 : session.sessionFile,
+            cwd: session === null || session === void 0 ? void 0 : session.cwd,
+            time: timestamp === undefined ? undefined : new Date(timestamp).toISOString(),
+            model: provider && model ? `${provider}/${model}` : model,
+            stopReason,
+            errorMessage,
+            usage,
+        };
+        return JSON.stringify(info, null, 2);
+    }
+    MessageFooterUtil.debugInfo = debugInfo;
+})(MessageFooterUtil || (MessageFooterUtil = {}));
+function FooterButton({ icon, label, onClick }) {
+    return (React.createElement("button", { type: "button", className: "ta-footer-button", title: label, "aria-label": label, onClick: onClick },
+        React.createElement(Icon, { icon: icon, size: 14 })));
+}
+/** Copies, and says so on the button for a moment. */
+function CopyButton({ text, icon, label, done }) {
+    const t = useT();
+    const [copied, setCopied] = React.useState(false);
+    React.useEffect(() => {
+        if (copied) {
+            const timer = setTimeout(() => setCopied(false), 1500);
+            return () => clearTimeout(timer);
+        }
+    }, [copied]);
+    const copy = () => { var _a; return void ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text()).then(() => setCopied(true))); };
+    return React.createElement(FooterButton, { icon: copied ? Check : icon, label: t(copied ? done : label), onClick: copy });
+}
+function Time({ timestamp }) {
+    const t = useT();
+    if (timestamp === undefined) {
+        return null;
+    }
+    const { day, time, date } = MessageUtil.when(timestamp);
+    const label = day === 'today' ? time : day === 'date' ? `${date} ${time}` : `${t(day === 'yesterday' ? 'ta.time.yesterday' : 'ta.time.dayBefore')} ${time}`;
+    return (React.createElement("time", { className: "ta-footer-time", dateTime: new Date(timestamp).toISOString(), title: new Date(timestamp).toLocaleString() }, label));
+}
+/** Under a message of the user: when, copy, a new conversation from here, back to here. */
+export function UserFooter({ message, text }) {
+    const t = useT();
+    const actions = React.useContext(MessageActions);
+    const branches = actions && !actions.working;
+    return (React.createElement("div", { className: "ta-footer" },
+        React.createElement(Time, { timestamp: message.timestamp }),
+        text && React.createElement(CopyButton, { text: () => text, icon: Copy, label: "ta.copy", done: "ta.copied" }),
+        branches && React.createElement(FooterButton, { icon: GitFork, label: t('ta.message.forkBefore'), onClick: () => actions.fork(message, 'before') }),
+        branches && React.createElement(FooterButton, { icon: Undo2, label: t('ta.message.rewind'), onClick: () => actions.rewind(message) })));
+}
+/** Under a turn that ended: copy the reply, a new conversation from it, what to report, when, what it took. */
+export function TurnFooter({ messages, last, reply, session }) {
+    const t = useT();
+    const actions = React.useContext(MessageActions);
+    const usage = React.useMemo(() => MessageUtil.usage(messages), [messages]);
+    const used = usage.input > 0 || usage.output > 0;
+    return (React.createElement("div", { className: "ta-footer" },
+        reply && React.createElement(CopyButton, { text: () => reply, icon: Copy, label: "ta.copy", done: "ta.copied" }),
+        last && actions && !actions.working && React.createElement(FooterButton, { icon: GitFork, label: t('ta.message.forkAt'), onClick: () => actions.fork(last, 'at') }),
+        last && React.createElement(CopyButton, { text: () => MessageFooterUtil.debugInfo(last, session), icon: Bug, label: "ta.message.debug", done: "ta.message.debugCopied" }),
+        React.createElement(Time, { timestamp: last === null || last === void 0 ? void 0 : last.timestamp }),
+        used && (React.createElement("span", { className: "ta-footer-usage", title: t('ta.message.usageTitle', { input: usage.input, output: usage.output }) },
+            React.createElement("span", null, t('ta.message.used')),
+            React.createElement("span", null,
+                React.createElement(Icon, { icon: ArrowUp, size: 12 }),
+                ProgressUtil.format(usage.input)),
+            React.createElement("span", null,
+                React.createElement(Icon, { icon: ArrowDown, size: 12 }),
+                ProgressUtil.format(usage.output)),
+            usage.cost > 0 && React.createElement("span", null, MessageUtil.cost(usage.cost))))));
+}
+//# sourceMappingURL=message-footer.js.map

package/esm/browser/components/message-footer.js.map

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

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

@@ -0,0 +1,37 @@
+import type { SessionState, ToolRun } from '@celljs/ta-client';
+import { type TaSessionInfo } from '@celljs/ta-protocol';
+import * as React from 'react';
+import type { Mood } from '../avatar/dino-avatar.js';
+import { MessageUtil, type ToolOutput } from '../util/message.js';
+import { type ProcessStep, type ThreadItem } from '../util/process.js';
+/** The session of the conversation: who answers in it may be drawn by the extension of its group. */
+export declare const ConversationSession: React.Context<TaSessionInfo | undefined>;
+/** Who answers, at the head of a turn: ta, or the avatar the extension of the session's group draws. */
+export declare function TurnAvatar({ mood }: {
+    mood: Mood;
+}): React.JSX.Element;
+/** The images of a message of the user, as thumbnails. */
+export declare function UserImages({ blocks }: {
+    blocks: ReturnType<typeof MessageUtil.blocks>;
+}): React.JSX.Element | null;
+/**
+ * The head of a turn and its work: the work in one line, "N steps", open while ta is at it, then folded,
+ * so that a long conversation reads as what was asked and what came of it. Before the first step the
+ * line says what ta does. The avatar stays the same element from the turn's first frame to its last.
+ */
+export declare function Process({ steps, active, results, tools, leading, status, }: {
+    steps: ProcessStep[];
+    active: boolean;
+    results: Map<string, ToolOutput>;
+    tools: Record<string, ToolRun>;
+    /** Before the head, on its line: the avatar of the turn. */
+    leading?: React.ReactNode;
+    /** On the line while there is no step yet: what ta does. */
+    status?: React.ReactNode;
+}): React.JSX.Element;
+/** A turn that has shown nothing yet: what ta does goes on its head. */
+export declare function quiet(item: ThreadItem | undefined): boolean;
+/** The conversation; tool results show with the calls they answer. */
+export declare function MessageList({ state }: {
+    state: SessionState;
+}): React.JSX.Element;

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

@@ -0,0 +1,216 @@
+import { TaMessageContext } from '@celljs/ta-protocol';
+import { ChevronRight } from 'lucide-react';
+import * as React from 'react';
+import { CustomMessage, ExtensionBoundary, SessionAvatars } from '../extension/extension-view.js';
+import { useT } from '../i18n/use-t.js';
+import { MessageUtil } from '../util/message.js';
+import { ProcessUtil } from '../util/process.js';
+import { ToolUtil } from '../util/tool.js';
+import { Callout } from './callout.js';
+import { ASK_CLASS } from './conversation-scroll.js';
+import { Icon } from './icon.js';
+import { Markdown } from './markdown.js';
+import { TurnFooter, UserFooter } from './message-footer.js';
+import { RunStatus } from './run-status.js';
+import { TaAvatar } from './ta-avatar.js';
+import { ToolView } from './tool-view.js';
+/** The session of the conversation: who answers in it may be drawn by the extension of its group. */
+export const ConversationSession = React.createContext(undefined);
+/** Who answers, at the head of a turn: ta, or the avatar the extension of the session's group draws. */
+export function TurnAvatar({ mood }) {
+    var _a;
+    const session = React.useContext(ConversationSession);
+    const avatars = React.useContext(SessionAvatars);
+    const Avatar = (session === null || session === void 0 ? void 0 : session.group) ? avatars[session.group] : undefined;
+    const ta = React.createElement(TaAvatar, { mood: mood, size: 24 });
+    if (!session || !Avatar) {
+        return ta;
+    }
+    return (React.createElement(ExtensionBoundary, { name: (_a = session.group) !== null && _a !== void 0 ? _a : '', resetKey: Avatar, fallback: ta },
+        React.createElement(Avatar, { session: session, mood: mood, size: 24 })));
+}
+const TASK_UPDATE = /^<task_update id="[^"]+" title="([^"]*)" status="(\w+)">\n?([\s\S]*?)\n?<\/task_update>$/;
+/** What the double of the web client told ta about a task that ended: a note, not something the user said. */
+function TaskUpdate({ title, status, result }) {
+    const t = useT();
+    return (React.createElement("details", { className: "ta-summary" },
+        React.createElement("summary", null,
+            title,
+            " \u00B7 ",
+            t(`ta.task.${status}`)),
+        React.createElement(Markdown, { text: result })));
+}
+/** The images of a message of the user, as thumbnails. */
+export function UserImages({ blocks }) {
+    const images = blocks.filter(block => { var _a; return block.type === 'image' && block.data && ((_a = block.mimeType) === null || _a === void 0 ? void 0 : _a.startsWith('image/')); });
+    return images.length > 0 ? (React.createElement("div", { className: "ta-user-images" }, images.map((block, index) => (React.createElement("img", { key: index, className: "ta-thumb", src: `data:${block.mimeType};base64,${block.data}`, alt: "" }))))) : null;
+}
+function UserMessage({ message }) {
+    const blocks = MessageUtil.blocks(message);
+    const update = TASK_UPDATE.exec(MessageUtil.text(blocks).trim());
+    if (update) {
+        return React.createElement(TaskUpdate, { title: update[1], status: update[2], result: update[3] });
+    }
+    const text = TaMessageContext.strip(MessageUtil.text(blocks));
+    return (React.createElement("div", { className: "ta-message ta-user" },
+        React.createElement(UserImages, { blocks: blocks }),
+        text && React.createElement("div", { className: "ta-bubble" }, text),
+        React.createElement(UserFooter, { message: message, text: text })));
+}
+/** A thought folded into one line; it opens to the whole text. Drawn again only when its text changes. */
+const ThinkingStep = React.memo(function ThinkingStep({ text, tagged = true }) {
+    const t = useT();
+    const [open, setOpen] = React.useState(false);
+    return (React.createElement("div", { className: "ta-step-thinking" },
+        React.createElement("button", { type: "button", className: "ta-step-toggle", "aria-expanded": open, onClick: () => setOpen(!open) },
+            React.createElement("span", { className: "ta-status ta-status-thought" }),
+            tagged && React.createElement("span", { className: "ta-step-tag" }, t('ta.message.thinking')),
+            !open && React.createElement("span", { className: "ta-step-preview" }, ProcessUtil.preview(text))),
+        open && React.createElement("div", { className: "ta-thinking-text" }, text)));
+});
+const TextStep = React.memo(function TextStep({ text }) {
+    return (React.createElement("div", { className: "ta-step-text" },
+        React.createElement("span", { className: "ta-status ta-status-thought" }),
+        React.createElement(Markdown, { text: text })));
+});
+function Step({ step, results, tools, tagged }) {
+    var _a;
+    switch (step.kind) {
+        case 'thinking':
+            return React.createElement(ThinkingStep, { text: step.text, tagged: tagged });
+        case 'text':
+            return React.createElement(TextStep, { text: step.text });
+        default: {
+            const { id = '', name = '', arguments: args } = step.call;
+            return (React.createElement(ToolView, { id: id, name: name, args: (_a = args) !== null && _a !== void 0 ? _a : {}, run: id ? tools[id] : undefined, message: id ? results.get(id) : undefined, runs: tools }));
+        }
+    }
+}
+/**
+ * The head of a turn and its work: the work in one line, "N steps", open while ta is at it, then folded,
+ * so that a long conversation reads as what was asked and what came of it. Before the first step the
+ * line says what ta does. The avatar stays the same element from the turn's first frame to its last.
+ */
+export function Process({ steps, active, results, tools, leading, status, }) {
+    const t = useT();
+    const [manual, setManual] = React.useState();
+    const [showAll, setShowAll] = React.useState(false);
+    const id = React.useId();
+    const { steps: count, failed } = ToolUtil.count(ProcessUtil.tools(steps), results, tools);
+    // Open while it works, then folded; a failed step says so on the head, quietly.
+    const open = manual !== null && manual !== void 0 ? manual : active;
+    const folded = ProcessUtil.fold(steps, active, showAll);
+    // Only thoughts: the head already says so, the steps need not say it again.
+    const thoughtOnly = steps.every(step => step.kind === 'thinking');
+    const title = count ? t(active ? 'ta.process.running' : 'ta.process.done', { count }) : t(active ? 'ta.process.thinking' : 'ta.process.thought');
+    return (React.createElement("div", { className: `ta-process ${active ? 'ta-process-active' : ''}` },
+        React.createElement("div", { className: "ta-turn-head" },
+            leading,
+            steps.length > 0 ? (React.createElement("button", { type: "button", className: "ta-process-head", "aria-expanded": open, "aria-controls": id, onClick: () => setManual(!open) },
+                React.createElement("span", null, title),
+                failed > 0 && React.createElement("span", { className: "ta-process-failed" },
+                    "\u00B7 ",
+                    t('ta.process.failed', { count: failed })),
+                React.createElement(Icon, { icon: ChevronRight, size: 14, className: "ta-process-chevron" }))) : (status)),
+        open && steps.length > 0 && (React.createElement("div", { id: id, className: "ta-process-steps" },
+            folded.hidden > 0 && (React.createElement("button", { type: "button", className: "ta-link ta-more", onClick: () => setShowAll(true) }, t('ta.process.earlier', { count: folded.hidden }))),
+            folded.steps.map(step => (React.createElement(Step, { key: step.key, step: step, results: results, tools: tools, tagged: !thoughtOnly })))))));
+}
+/** A turn that has shown nothing yet: what ta does goes on its head. */
+export function quiet(item) {
+    return (item === null || item === void 0 ? void 0 : item.kind) === 'turn' && item.active && !item.steps.length && !item.reply.some(text => text.trim());
+}
+function Turn({ item, tools, mood, status }) {
+    var _a;
+    const t = useT();
+    const session = React.useContext(ConversationSession);
+    const results = MessageUtil.results(item.messages);
+    const { errorMessage, stopReason } = ((_a = item.last) !== null && _a !== void 0 ? _a : {});
+    return (React.createElement("div", { className: `ta-message ta-assistant ${item.active ? 'ta-turn-live' : ''}` },
+        React.createElement(Process, { steps: item.steps, active: item.active, results: results, tools: tools, leading: React.createElement(TurnAvatar, { mood: mood }), status: status }),
+        item.reply.map((text, index) => (React.createElement(Markdown, { key: index, text: text }))),
+        !item.active && stopReason === 'error' && errorMessage && React.createElement(Callout, { level: "error" }, errorMessage),
+        !item.active && stopReason === 'aborted' && React.createElement("div", { className: "ta-muted ta-small" }, t('ta.message.stopped')),
+        !item.active && React.createElement(TurnFooter, { messages: item.messages, last: item.last, reply: item.reply.join('\n\n').trim(), session: session })));
+}
+/** `!command` of a user, which pi records as its own kind of message. */
+function BashMessage({ message }) {
+    const { command, output, exitCode } = message;
+    return (React.createElement("div", { className: "ta-message ta-assistant" },
+        React.createElement("div", { className: `ta-tool ${exitCode ? 'ta-tool-error' : 'ta-tool-done'}` },
+            React.createElement("div", { className: "ta-tool-title" },
+                React.createElement("code", null,
+                    "! ",
+                    command)),
+            output && (React.createElement("div", { className: "ta-tool-body" },
+                React.createElement("pre", { className: "ta-output" }, output))))));
+}
+function SummaryMessage({ title, text }) {
+    const t = useT();
+    return (React.createElement("details", { className: "ta-summary" },
+        React.createElement("summary", null, t(title)),
+        React.createElement(Markdown, { text: text })));
+}
+function Message({ item }) {
+    var _a, _b;
+    const { message } = item;
+    switch (message.role) {
+        case 'user':
+            return React.createElement(UserMessage, { message: message });
+        case 'bashExecution':
+            return React.createElement(BashMessage, { message: message });
+        case 'custom':
+            return React.createElement(CustomMessage, { message: message });
+        case 'compactionSummary':
+            return React.createElement(SummaryMessage, { title: "ta.message.compacted", text: (_a = message.summary) !== null && _a !== void 0 ? _a : '' });
+        case 'branchSummary':
+            return React.createElement(SummaryMessage, { title: "ta.message.branch", text: (_b = message.summary) !== null && _b !== void 0 ? _b : '' });
+        default:
+            return null;
+    }
+}
+/**
+ * One item of the conversation. The store replaces only the message that changed, so an item draws
+ * again only when one of its messages did, or, while ta is at it, when a tool run did.
+ */
+const ThreadRow = React.memo(function ThreadRow({ item, tools, mood, status }) {
+    return item.kind === 'turn' ? React.createElement(Turn, { item: item, tools: tools, mood: mood, status: status }) : React.createElement(Message, { item: item });
+}, (previous, next) => previous.mood === next.mood &&
+    previous.status === next.status &&
+    ProcessUtil.same(previous.item, next.item) &&
+    (next.item.kind === 'message' || !next.item.active || previous.tools === next.tools));
+/** The last rows, which change and are in view, are always laid out. */
+const SETTLED_AFTER = 4;
+/** The conversation; tool results show with the calls they answer. */
+export function MessageList({ state }) {
+    const items = React.useMemo(() => ProcessUtil.items(state.messages, state.working), [state.messages, state.working]);
+    // Rows that come after the list is drawn come in with a motion; those of a conversation opened or loaded again, still.
+    const still = React.useRef(items.length);
+    const count = React.useRef(items.length);
+    if (items.length < still.current || items.length > count.current + 2) {
+        still.current = items.length;
+    }
+    count.current = items.length;
+    let lastTurn = items.length - 1;
+    while (lastTurn >= 0 && items[lastTurn].kind !== 'turn') {
+        lastTurn--;
+    }
+    const waiting = state.pendingUi.length > 0;
+    const last = items[items.length - 1];
+    // What ta does while it works: on the head of a turn that shows nothing yet, else under all it has shown.
+    const status = state.working || state.compacting ? React.createElement(RunStatus, { state: state }) : undefined;
+    const onHead = status && quiet(last);
+    return (React.createElement(React.Fragment, null,
+        items.map((item, index) => (React.createElement("div", { key: item.key, className: [
+                'ta-thread-item',
+                index < items.length - SETTLED_AFTER && 'ta-settled',
+                index === items.length - 1 && 'ta-thread-last',
+                index >= still.current && 'ta-thread-new',
+                item.kind === 'message' && item.message.role === 'user' && ASK_CLASS,
+            ]
+                .filter(Boolean)
+                .join(' ') },
+            React.createElement(ThreadRow, { item: item, tools: state.tools, mood: item.kind === 'turn' ? ProcessUtil.mood(item, index === lastTurn, waiting) : 'idle', status: onHead && item === last ? status : undefined })))),
+        status && !onHead && React.createElement("div", { className: "ta-run-line" }, status)));
+}
+//# sourceMappingURL=message-list.js.map

package/esm/browser/components/message-list.js.map

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

package/esm/browser/components/notice-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+/** The notices of the page in a corner, the newest nearest to it, and the question waiting for an answer. */
+export declare function NoticeCenter(): React.JSX.Element;