@celljs/ta-web 0.0.0-stage → 4.6.0

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

@@ -0,0 +1,29 @@
+import type { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+interface GlyphProps {
+    className?: string;
+    size?: number | string;
+    strokeWidth?: number | string;
+    'aria-hidden'?: boolean;
+    'aria-label'?: string;
+}
+/** What draws an icon: an icon of Lucide (https://lucide.dev), of which only those used are bundled, or one of ta's own. */
+export type Glyph = LucideIcon | React.ComponentType<GlyphProps>;
+export declare function Icon({ icon: Glyph, className, label, size }: {
+    icon: Glyph;
+    className?: string;
+    label?: string;
+    size?: number;
+}): React.JSX.Element;
+/** Shows or hides the sidebar on the left. */
+export declare const SidebarLeft: ({ size, strokeWidth, ...props }: GlyphProps) => React.JSX.Element;
+/** Shows or hides the workbench on the right. */
+export declare const SidebarRight: ({ size, strokeWidth, ...props }: GlyphProps) => React.JSX.Element;
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon: Glyph;
+    label: string;
+    badge?: number;
+}
+/** A round button with an icon; its label is the tooltip and what screen readers say. */
+export declare function IconButton({ icon, label, badge, className, ...props }: IconButtonProps): React.JSX.Element;
+export {};

package/esm/browser/components/icon.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export function Icon({ icon: Glyph, className = '', label, size = 18 }) {
+    return React.createElement(Glyph, { className: `ta-icon ${className}`, size: size, strokeWidth: 1.75, "aria-hidden": label ? undefined : true, "aria-label": label });
+}
+function sidebarGlyph(side) {
+    // One shape for both sides and both states, drawn on Lucide's grid: the right one is the left mirrored.
+    const SidebarGlyph = ({ size = 18, strokeWidth = 1.75, ...props }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: size, height: size, fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, strokeLinecap: "round", "aria-hidden": "true", ...props },
+        React.createElement("g", { transform: side === 'right' ? 'matrix(-1 0 0 1 24 0)' : undefined },
+            React.createElement("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "4.5" }),
+            React.createElement("path", { d: "M7 8.5v7" }))));
+    return SidebarGlyph;
+}
+/** Shows or hides the sidebar on the left. */
+export const SidebarLeft = sidebarGlyph('left');
+/** Shows or hides the workbench on the right. */
+export const SidebarRight = sidebarGlyph('right');
+/** A round button with an icon; its label is the tooltip and what screen readers say. */
+export function IconButton({ icon, label, badge, className = '', ...props }) {
+    return (React.createElement("button", { type: "button", className: `ta-icon-button ${className}`, title: label, "aria-label": label, ...props },
+        React.createElement(Icon, { icon: icon }),
+        badge ? React.createElement("span", { className: "ta-badge" }, badge) : null));
+}
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/browser/components/icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAsE;IACtI,OAAO,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,iBAAe,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBAAc,KAAK,GAAI,CAAC;AACjJ,CAAC;AAED,SAAS,YAAY,CAAC,IAAsB;IACxC,wGAAwG;IACxG,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,CAC9E,6BACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAC,OAAO,iBACT,MAAM,KACd,KAAK;QAET,2BAAG,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS;YAChE,8BAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,GAAG;YACtD,8BAAM,CAAC,EAAC,UAAU,GAAG,CACrB,CACF,CACT,CAAC;IACF,OAAO,YAAY,CAAC;AACxB,CAAC;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AAChD,iDAAiD;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;AAQlD,yFAAyF;AACzF,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAmB;IACxF,OAAO,CACH,gCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,kBAAkB,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK,gBAAc,KAAK,KAAM,KAAK;QACtG,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI;QACnB,KAAK,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,UAAU,IAAE,KAAK,CAAQ,CAAC,CAAC,CAAC,IAAI,CACpD,CACZ,CAAC;AACN,CAAC"}

package/esm/browser/components/link-dialog.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+/** The question of TaLinks while there is one. */
+export declare function LinkDialog(): React.JSX.Element | null;

package/esm/browser/components/link-dialog.js

@@ -0,0 +1,45 @@
+import { ExternalLink } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useLinks } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { Icon } from './icon.js';
+/** The URL with its host apart: what the user has to read before going there. */
+function Address({ url }) {
+    const parsed = new URL(url);
+    const rest = url.slice(`${parsed.protocol}//${parsed.host}`.length);
+    return (React.createElement("p", { className: "ta-link-address" },
+        React.createElement("span", { className: "ta-muted" }, `${parsed.protocol}//`),
+        React.createElement("strong", null, parsed.host),
+        React.createElement("span", { className: "ta-muted" }, rest)));
+}
+/** Asks before a page opens outside of Ta, as VS Code does for a domain it does not trust. */
+function ExternalLinkDialog({ request, links }) {
+    const t = useT();
+    React.useEffect(() => {
+        const onKey = (event) => event.key === 'Escape' && links.answer(request.id, 'cancel');
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [links, request.id]);
+    const answer = (value) => links.answer(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: () => answer('cancel') }),
+        React.createElement("div", { className: "ta-modal ta-confirm ta-link-dialog", role: "alertdialog", "aria-modal": "true", "aria-label": t('ta.link.ask') },
+            React.createElement("div", { className: "ta-confirm-title" },
+                React.createElement(Icon, { icon: ExternalLink, size: 16 }),
+                " ",
+                t('ta.link.ask')),
+            React.createElement(Address, { url: request.url }),
+            React.createElement("div", { className: "ta-dialog-actions" },
+                React.createElement("div", { className: "ta-link-more" },
+                    React.createElement("button", { type: "button", className: "ta-link", onClick: () => answer('copy') }, t('ta.copy')),
+                    React.createElement("button", { type: "button", className: "ta-link", title: t('ta.link.trustHint'), onClick: () => answer('trust') }, t('ta.link.trust', { host: request.host }))),
+                React.createElement("button", { type: "button", className: "ta-button", onClick: () => answer('cancel') }, t('ta.cancel')),
+                React.createElement("button", { type: "button", className: "ta-button ta-primary", autoFocus: true, onClick: () => answer('open') }, t('ta.link.open'))))), document.body);
+}
+/** The question of TaLinks while there is one. */
+export function LinkDialog() {
+    const [{ external }, links] = useLinks();
+    return external ? React.createElement(ExternalLinkDialog, { key: external.id, request: external, links: links }) : null;
+}
+//# sourceMappingURL=link-dialog.js.map

package/esm/browser/components/link-dialog.js.map

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type LinkTarget } from '../util/link.js';
+/**
+ * Opens what a link of a reply points to (TaLinks.open, with the directory of the conversation it is in);
+ * `external` for Cmd or Ctrl + click. Without it, as in tests, only pages of the web are links.
+ */
+export declare const OpenLink: React.Context<((target: LinkTarget, external: boolean) => void) | undefined>;
+/**
+ * A link of a reply. A page of the web keeps its `href`, for the address the browser shows on hover and for
+ * copying it, but a click goes through TaLinks; a path is a button, as it is no address of this page.
+ */
+export declare function LinkView({ href, children }: {
+    href: string;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/** A code span that names a file or a directory (`src/app.ts:12`), as a link to it. */
+export declare function CodeLink({ text }: {
+    text: string;
+}): React.JSX.Element;

package/esm/browser/components/link.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { LinkUtil } from '../util/link.js';
+/**
+ * Opens what a link of a reply points to (TaLinks.open, with the directory of the conversation it is in);
+ * `external` for Cmd or Ctrl + click. Without it, as in tests, only pages of the web are links.
+ */
+export const OpenLink = React.createContext(undefined);
+const MAC = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform);
+/** Cmd or Ctrl + click, or the middle button: the browser outside of Ta. */
+function external(event) {
+    return event.metaKey || event.ctrlKey || event.button === 1;
+}
+/**
+ * A link of a reply. A page of the web keeps its `href`, for the address the browser shows on hover and for
+ * copying it, but a click goes through TaLinks; a path is a button, as it is no address of this page.
+ */
+export function LinkView({ href, children }) {
+    const t = useT();
+    const open = React.useContext(OpenLink);
+    const target = React.useMemo(() => LinkUtil.parse(href), [href]);
+    if (!target) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    if (target.type !== 'path') {
+        const click = (event) => {
+            if (open) {
+                event.preventDefault();
+                open(target, external(event));
+            }
+        };
+        const title = target.type === 'url' && open ? `${target.url}\n${t(MAC ? 'ta.link.externalMac' : 'ta.link.external')}` : target.url;
+        return (React.createElement("a", { className: "ta-link-web", href: target.url, target: "_blank", rel: "noopener noreferrer", title: title, onClick: click, onAuxClick: click }, children));
+    }
+    if (!open) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(PathButton, { target: target }, children);
+}
+/** A code span that names a file or a directory (`src/app.ts:12`), as a link to it. */
+export function CodeLink({ text }) {
+    const open = React.useContext(OpenLink);
+    const target = React.useMemo(() => (open ? LinkUtil.codeReference(text) : undefined), [open, text]);
+    if (!target) {
+        return React.createElement("code", null, text);
+    }
+    return (React.createElement(PathButton, { target: target, code: true },
+        React.createElement("code", null, text)));
+}
+function PathButton({ target, code, children }) {
+    const t = useT();
+    const open = React.useContext(OpenLink);
+    const directory = target.type === 'path' && target.directory;
+    return (React.createElement("button", { type: "button", className: `ta-link-path ${code ? 'ta-link-code' : ''}`, title: `${LinkUtil.label(target)}\n${t(directory ? 'ta.link.openFolder' : 'ta.link.openFile')}`, onClick: () => open === null || open === void 0 ? void 0 : open(target, false) }, children));
+}
+//# sourceMappingURL=link.js.map

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

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

package/esm/browser/components/manage-menu.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SettingsSection } from './settings-view.js';
+export interface ManageMenuProps {
+    /** Shows the settings view, at a section. */
+    onSettings(section?: SettingsSection): void;
+    /** The settings view is shown. */
+    active: boolean;
+}
+/**
+ * The gear above the account, as in an IDE: the settings, the packages and the keys, the model accounts
+ * and the working directory, and the theme and language a step away, in a second menu beside the first.
+ */
+export declare function ManageMenu({ onSettings, active }: ManageMenuProps): React.JSX.Element;

package/esm/browser/components/manage-menu.js

@@ -0,0 +1,96 @@
+import { Check, ChevronRight, FolderOpen, Info, Keyboard, KeyRound, Languages, Palette, Puzzle, Settings, Settings2, Smartphone } from 'lucide-react';
+import * as React from 'react';
+import { useSettings } from '../hooks.js';
+import { useT } from '../i18n/use-t.js';
+import { useDismiss } from './account-menu.js';
+import { AuthDialog } from './auth-view.js';
+import { Icon } from './icon.js';
+import { RelayDialog } from './relay-view.js';
+import { Keys } from './settings-controls.js';
+import { WorkingDirectoryPicker } from './working-directory.js';
+const THEMES = [
+    ['system', 'ta.settings.theme.system'],
+    ['light', 'ta.settings.theme.light'],
+    ['dark', 'ta.settings.theme.dark'],
+];
+const LANGUAGES = [
+    ['system', 'ta.settings.language.system'],
+    ['zh-CN', '简体中文'],
+    ['en-US', 'English'],
+];
+/** Moves the focus through the items of a menu with the arrow keys. */
+function onArrows(event) {
+    var _a;
+    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {
+        return;
+    }
+    event.preventDefault();
+    const items = [...event.currentTarget.querySelectorAll(':scope > [role^="menuitem"], :scope > div > [role^="menuitem"]')];
+    const at = items.indexOf(document.activeElement);
+    (_a = items[(at + (event.key === 'ArrowDown' ? 1 : items.length - 1)) % items.length]) === null || _a === void 0 ? void 0 : _a.focus();
+}
+/**
+ * The gear above the account, as in an IDE: the settings, the packages and the keys, the model accounts
+ * and the working directory, and the theme and language a step away, in a second menu beside the first.
+ */
+export function ManageMenu({ onSettings, active }) {
+    const t = useT();
+    const [{ settings }, store] = useSettings();
+    const [open, setOpen] = React.useState(false);
+    const [sub, setSub] = React.useState();
+    const [dialog, setDialog] = React.useState();
+    const root = React.useRef(null);
+    const button = React.useRef(null);
+    const id = React.useId();
+    const close = React.useCallback(() => {
+        setOpen(false);
+        setSub(undefined);
+    }, []);
+    useDismiss(open, close, root, button);
+    const go = (section) => {
+        close();
+        onSettings(section);
+    };
+    const item = (label, glyph, onClick, keys) => (React.createElement("button", { type: "button", role: "menuitem", className: "ta-account-item", onClick: onClick, onMouseEnter: () => setSub(undefined) },
+        React.createElement(Icon, { icon: glyph, size: 15 }),
+        React.createElement("span", { className: "ta-menu-label" }, label),
+        keys && React.createElement(Keys, { keys: keys })));
+    const submenu = (key, label, glyph, choices) => (React.createElement("div", { className: "ta-submenu-anchor" },
+        React.createElement("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", "aria-expanded": sub === key, className: `ta-account-item${sub === key ? ' ta-on' : ''}`, onMouseEnter: () => setSub(key), onClick: () => setSub(sub === key ? undefined : key), onKeyDown: event => event.key === 'ArrowRight' && setSub(key) },
+            React.createElement(Icon, { icon: glyph, size: 15 }),
+            React.createElement("span", { className: "ta-menu-label" }, label),
+            React.createElement(Icon, { icon: ChevronRight, size: 14, className: "ta-menu-chevron" })),
+        sub === key && (React.createElement("div", { className: "ta-manage-menu ta-submenu", role: "menu", "aria-label": label, onKeyDown: event => event.key === 'ArrowLeft' && setSub(undefined) }, choices))));
+    const choice = (checked, label, onPick, key) => (React.createElement("button", { key: key, type: "button", role: "menuitemradio", "aria-checked": checked, className: "ta-account-item", onClick: onPick },
+        React.createElement("span", { className: "ta-menu-check" }, checked && React.createElement(Icon, { icon: Check, size: 14 })),
+        React.createElement("span", { className: "ta-menu-label" }, label)));
+    return (React.createElement("div", { className: "ta-manage", ref: root },
+        React.createElement("button", { ref: button, type: "button", className: `ta-rail-item${open || active ? ' ta-on' : ''}`, title: t('ta.manage'), "aria-label": t('ta.manage'), "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": open ? id : undefined, onClick: () => (open ? close() : setOpen(true)) },
+            React.createElement(Settings, { size: 20, strokeWidth: 1.6 })),
+        open && (React.createElement("div", { className: "ta-manage-menu", id: id, role: "menu", "aria-label": t('ta.manage'), onKeyDown: onArrows },
+            item(t('ta.settings'), Settings2, () => go(), 'Mod+,'),
+            item(t('ta.manage.packages'), Puzzle, () => go('packages')),
+            item(t('ta.manage.shortcuts'), Keyboard, () => go('shortcuts')),
+            React.createElement("div", { className: "ta-account-sep" }),
+            item(t('ta.manage.accounts'), KeyRound, () => {
+                close();
+                setDialog('accounts');
+            }),
+            item(t('ta.manage.workingDirectory'), FolderOpen, () => {
+                close();
+                setDialog('directory');
+            }),
+            item(t('ta.manage.relay'), Smartphone, () => {
+                close();
+                setDialog('relay');
+            }),
+            React.createElement("div", { className: "ta-account-sep" }),
+            submenu('theme', t('ta.settings.theme'), Palette, THEMES.map(([theme, label]) => choice(settings.theme === theme, t(label), () => store.update({ theme }), theme))),
+            submenu('language', t('ta.settings.language'), Languages, LANGUAGES.map(([language, label]) => choice(settings.language === language, language === 'system' ? t(label) : label, () => store.update({ language }), language))),
+            React.createElement("div", { className: "ta-account-sep" }),
+            item(t('ta.manage.about'), Info, () => go('about')))),
+        dialog === 'accounts' && React.createElement(AuthDialog, { onClose: () => setDialog(undefined) }),
+        dialog === 'directory' && React.createElement(WorkingDirectoryPicker, { onClose: () => setDialog(undefined) }),
+        dialog === 'relay' && React.createElement(RelayDialog, { onClose: () => setDialog(undefined) })));
+}
+//# sourceMappingURL=manage-menu.js.map

package/esm/browser/components/manage-menu.js.map

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare function CodeBlock({ code }: {
+    code: string;
+    language?: string;
+}): React.JSX.Element;
+/** Markdown as React elements; drawn again only when its text changes, and then only the blocks that did. */
+export declare function Markdown({ text }: {
+    text: string;
+}): React.JSX.Element;

package/esm/browser/components/markdown.js

@@ -0,0 +1,98 @@
+import { Check, Copy } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { MermaidUtil } from '../markdown/mermaid.js';
+import { MarkdownUtil } from '../util/markdown.js';
+import { IconButton } from './icon.js';
+import { CodeLink, LinkView } from './link.js';
+import { MathView } from './math.js';
+import { MediaView } from './media.js';
+import { MermaidView } from './mermaid-view.js';
+function Inline({ nodes }) {
+    return (React.createElement(React.Fragment, null, nodes.map((node, index) => {
+        switch (node.type) {
+            case 'code':
+                return React.createElement(CodeLink, { key: index, text: node.text });
+            case 'strong':
+                return (React.createElement("strong", { key: index },
+                    React.createElement(Inline, { nodes: node.children })));
+            case 'em':
+                return (React.createElement("em", { key: index },
+                    React.createElement(Inline, { nodes: node.children })));
+            case 'math':
+                return React.createElement(MathView, { key: index, tex: node.tex, display: node.display });
+            case 'media':
+                return React.createElement(MediaView, { key: index, src: node.src, alt: node.alt });
+            case 'link':
+                return (React.createElement(LinkView, { key: index, href: node.href },
+                    React.createElement(Inline, { nodes: node.children })));
+            default:
+                return React.createElement(React.Fragment, { key: index }, node.text);
+        }
+    })));
+}
+const Text = React.memo(function Text({ text }) {
+    return React.createElement(Inline, { nodes: MarkdownUtil.inline(text) });
+});
+export function CodeBlock({ code }) {
+    const t = useT();
+    const [copied, setCopied] = React.useState(false);
+    const copy = () => {
+        var _a;
+        void ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(code).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1200);
+        }));
+    };
+    return (React.createElement("div", { className: "ta-code" },
+        React.createElement("span", { className: "ta-code-actions ta-code-float" },
+            React.createElement(IconButton, { icon: copied ? Check : Copy, label: t(copied ? 'ta.copied' : 'ta.copy'), onClick: copy })),
+        React.createElement("pre", null,
+            React.createElement("code", null, code))));
+}
+const Block = React.memo(function Block({ block }) {
+    switch (block.type) {
+        case 'heading':
+            return React.createElement(`h${Math.min(block.level + 2, 6)}`, null, React.createElement(Text, { text: block.text }));
+        case 'code':
+            if (MermaidUtil.isDiagram(block.language, block.code)) {
+                return React.createElement(MermaidView, { code: block.code, fallback: React.createElement(CodeBlock, { code: block.code, language: block.language }) });
+            }
+            return React.createElement(CodeBlock, { code: block.code, language: block.language });
+        case 'math':
+            return React.createElement(MathView, { tex: block.tex, display: true, closed: block.closed });
+        case 'quote':
+            return (React.createElement("blockquote", null,
+                React.createElement(Markdown, { text: block.text })));
+        case 'list': {
+            const items = block.items.map((item, index) => (React.createElement("li", { key: index },
+                React.createElement(Text, { text: item }))));
+            return block.ordered ? React.createElement("ol", null, items) : React.createElement("ul", null, items);
+        }
+        case 'table':
+            return (React.createElement("div", { className: "ta-table" },
+                React.createElement("table", null,
+                    React.createElement("thead", null,
+                        React.createElement("tr", null, block.header.map((cell, index) => (React.createElement("th", { key: index },
+                            React.createElement(Text, { text: cell })))))),
+                    React.createElement("tbody", null, block.rows.map((row, index) => (React.createElement("tr", { key: index }, row.map((cell, column) => (React.createElement("td", { key: column },
+                        React.createElement(Text, { text: cell })))))))))));
+        case 'rule':
+            return React.createElement("hr", null);
+        default:
+            return (React.createElement("p", null,
+                React.createElement(Text, { text: block.text })));
+    }
+}, sameBlock);
+function sameBlock(a, b) {
+    return a.block === b.block || JSON.stringify(a.block) === JSON.stringify(b.block);
+}
+const MarkdownBody = React.memo(function MarkdownBody({ text }) {
+    const blocks = React.useMemo(() => MarkdownUtil.blocks(text), [text]);
+    return (React.createElement("div", { className: "ta-markdown" }, blocks.map((block, index) => (React.createElement(Block, { key: index, block: block })))));
+});
+/** Markdown as React elements; drawn again only when its text changes, and then only the blocks that did. */
+export function Markdown({ text }) {
+    return React.createElement(MarkdownBody, { text: text });
+}
+//# sourceMappingURL=markdown.js.map

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * A formula, typeset; its TeX as written until KaTeX is loaded, and when it is not valid TeX (yet),
+ * as while a reply streams it.
+ */
+export declare const MathView: React.MemoExoticComponent<({ tex, display, closed }: {
+    tex: string;
+    display: boolean;
+    closed?: boolean;
+}) => React.JSX.Element>;

package/esm/browser/components/math.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { useLazy } from '../markdown/hooks.js';
+import { MathRenderer } from '../markdown/math.js';
+/**
+ * A formula, typeset; its TeX as written until KaTeX is loaded, and when it is not valid TeX (yet),
+ * as while a reply streams it.
+ */
+export const MathView = React.memo(function MathView({ tex, display, closed = true }) {
+    const katex = useLazy(MathRenderer.katex);
+    const html = katex && closed ? MathRenderer.render(katex, tex, display) : null;
+    if (html === null) {
+        return display ? React.createElement("div", { className: "ta-math-block ta-math-source" }, tex) : React.createElement("code", { className: "ta-math-source" }, tex);
+    }
+    if (display) {
+        // biome-ignore lint/security/noDangerouslySetInnerHtml: KaTeX markup with trust off, which runs nothing
+        return React.createElement("div", { className: "ta-math-block", dangerouslySetInnerHTML: { __html: html } });
+    }
+    // biome-ignore lint/security/noDangerouslySetInnerHtml: KaTeX markup with trust off, which runs nothing
+    return React.createElement("span", { className: "ta-math", dangerouslySetInnerHTML: { __html: html } });
+});
+//# sourceMappingURL=math.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../../src/browser/components/math.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAuD;IACrI,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/E,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAChB,OAAO,OAAO,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,8BAA8B,IAAE,GAAG,CAAO,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,gBAAgB,IAAE,GAAG,CAAQ,CAAC;IAC/H,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACV,wGAAwG;QACxG,OAAO,6BAAK,SAAS,EAAC,eAAe,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAAC;IACxF,CAAC;IACD,wGAAwG;IACxG,OAAO,8BAAM,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CAAC;AACnF,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+/**
+ * Where the page loads a file of the workspace from (TaWorkspaceServer.fileUrl), in the directory of the
+ * conversation that shows it; without it, files of the workspace do not show.
+ */
+export declare const FileUrls: React.Context<((path: string) => Promise<string>) | undefined>;
+/** An image, a video or a sound a reply shows: from the web, a data URL, or a file of the workspace. */
+export declare function MediaView({ src, alt }: {
+    src: string;
+    alt: string;
+}): React.JSX.Element;

package/esm/browser/components/media.js

@@ -0,0 +1,76 @@
+import { ImageOff } from 'lucide-react';
+import * as React from 'react';
+import { useT } from '../i18n/use-t.js';
+import { MarkdownUtil } from '../util/markdown.js';
+import { Icon } from './icon.js';
+/**
+ * Where the page loads a file of the workspace from (TaWorkspaceServer.fileUrl), in the directory of the
+ * conversation that shows it; without it, files of the workspace do not show.
+ */
+export const FileUrls = React.createContext(undefined);
+/** The URL of a target: as it is, or for a path, the URL of the file; null when it cannot show. */
+function useUrl(src) {
+    const fileUrl = React.useContext(FileUrls);
+    const path = MarkdownUtil.localPath(src);
+    const [url, setUrl] = React.useState(path === undefined ? src : undefined);
+    React.useEffect(() => {
+        if (path === undefined) {
+            setUrl(src);
+            return;
+        }
+        if (!fileUrl) {
+            setUrl(null);
+            return;
+        }
+        let current = true;
+        fileUrl(path).then(url => current && setUrl(url), () => current && setUrl(null));
+        return () => {
+            current = false;
+        };
+    }, [fileUrl, path, src]);
+    return url;
+}
+/** An image at its full size over the page; a click or Escape closes it. In the top layer, so no container clips it. */
+function Lightbox({ src, alt, onClose }) {
+    const dialog = React.useRef(null);
+    React.useEffect(() => {
+        var _a, _b;
+        (_b = (_a = dialog.current) === null || _a === void 0 ? void 0 : _a.showModal) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }, []);
+    return (React.createElement("dialog", { ref: dialog, className: "ta-lightbox", onClose: onClose, onClick: () => { var _a; return (_a = dialog.current) === null || _a === void 0 ? void 0 : _a.close(); } },
+        React.createElement("img", { src: src, alt: alt })));
+}
+/** An image, a video or a sound a reply shows: from the web, a data URL, or a file of the workspace. */
+export function MediaView({ src, alt }) {
+    var _a;
+    const t = useT();
+    const url = useUrl(src);
+    const [failedUrl, setFailedUrl] = React.useState();
+    const [open, setOpen] = React.useState(false);
+    const failed = !!url && url === failedUrl;
+    const setFailed = () => setFailedUrl(url !== null && url !== void 0 ? url : undefined);
+    const kind = (_a = MarkdownUtil.media(src)) !== null && _a !== void 0 ? _a : 'image';
+    if (url === undefined) {
+        return React.createElement("span", { className: `ta-media-loading ta-media-${kind}`, title: alt || src });
+    }
+    if (url === null || failed) {
+        const name = alt || src.split(/[?#]/)[0].split('/').pop() || src;
+        return (React.createElement("span", { className: "ta-media-missing", title: src },
+            React.createElement(Icon, { icon: ImageOff, size: 14 }),
+            t('ta.markdown.missing', { name })));
+    }
+    switch (kind) {
+        case 'video':
+            // biome-ignore lint/a11y/useMediaCaption: a video a reply points to, which has no captions to give
+            return React.createElement("video", { className: "ta-media ta-media-video", src: url, title: alt || undefined, controls: true, playsInline: true, preload: "metadata", onError: setFailed });
+        case 'audio':
+            // biome-ignore lint/a11y/useMediaCaption: a sound a reply points to, which has no captions to give
+            return React.createElement("audio", { className: "ta-media ta-media-audio", src: url, title: alt || undefined, controls: true, preload: "metadata", onError: setFailed });
+        default:
+            return (React.createElement(React.Fragment, null,
+                React.createElement("button", { type: "button", className: "ta-media ta-media-image", title: t('ta.markdown.enlarge'), onClick: () => setOpen(true) },
+                    React.createElement("img", { src: url, alt: alt, loading: "lazy", onError: setFailed })),
+                open && React.createElement(Lightbox, { src: url, alt: alt, onClose: () => setOpen(false) })));
+    }
+}
+//# sourceMappingURL=media.js.map

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * 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 declare function MermaidView({ code, fallback }: {
+    code: string;
+    fallback: React.ReactNode;
+}): React.JSX.Element;