@celljs/ta-web 0.0.0-stage → 4.6.0

package/lib/browser/components/markdown.spec.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const bun_test_1 = require("bun:test");
+const React = __importStar(require("react"));
+const server_1 = require("react-dom/server");
+const link_1 = require("./link");
+const markdown_1 = require("./markdown");
+const media_1 = require("./media");
+(0, bun_test_1.describe)('Markdown', () => {
+    (0, bun_test_1.it)('shows TeX as written until KaTeX is loaded', () => {
+        const html = (0, server_1.renderToStaticMarkup)(React.createElement(markdown_1.Markdown, { text: 'so $x^2$\n\n$$\ny\n$$' }));
+        (0, bun_test_1.expect)(html).toContain('<code class="ta-math-source">x^2</code>');
+        (0, bun_test_1.expect)(html).toContain('<div class="ta-math-block ta-math-source">y</div>');
+    });
+    (0, bun_test_1.it)('shows a diagram as its code until it is drawn', () => {
+        const html = (0, server_1.renderToStaticMarkup)(React.createElement(markdown_1.Markdown, { text: '```mermaid\ngraph TD; A-->B\n```' }));
+        (0, bun_test_1.expect)(html).toContain('class="ta-code"');
+        (0, bun_test_1.expect)(html).toContain('graph TD; A--&gt;B');
+    });
+    (0, bun_test_1.it)('shows links: pages with their address and no way back to the page, files as buttons once they can open', () => {
+        const text = '[docs](https://x.dev/a) [a](src/a.ts#L3) `src/b.ts:4` [x](javascript:alert(1))';
+        const plain = (0, server_1.renderToStaticMarkup)(React.createElement(markdown_1.Markdown, { text: text }));
+        (0, bun_test_1.expect)(plain).toContain('<a class="ta-link-web" href="https://x.dev/a" target="_blank" rel="noopener noreferrer" title="https://x.dev/a">docs</a>');
+        (0, bun_test_1.expect)(plain).not.toContain('ta-link-path');
+        (0, bun_test_1.expect)(plain).not.toContain('javascript');
+        const linked = (0, server_1.renderToStaticMarkup)(React.createElement(link_1.OpenLink.Provider, { value: () => undefined },
+            React.createElement(markdown_1.Markdown, { text: text })));
+        (0, bun_test_1.expect)(linked).toContain('<button type="button" class="ta-link-path " title="src/a.ts:3\nClick to open">a</button>');
+        (0, bun_test_1.expect)(linked).toContain('class="ta-link-path ta-link-code" title="src/b.ts:4\nClick to open"><code>src/b.ts:4</code></button>');
+    });
+    (0, bun_test_1.it)('shows images and videos from the web as they are, and files of the workspace once their URL is known', () => {
+        const html = (0, server_1.renderToStaticMarkup)(React.createElement(media_1.FileUrls.Provider, { value: async (path) => `/api/files/id/${path}` },
+            React.createElement(markdown_1.Markdown, { text: '![chart](https://x.dev/a.png)\n\n![clip](https://x.dev/a.mp4)\n\n![local](out/a.png)' })));
+        (0, bun_test_1.expect)(html).toContain('<img src="https://x.dev/a.png" alt="chart" loading="lazy"/>');
+        (0, bun_test_1.expect)(html).toContain('<video class="ta-media ta-media-video" src="https://x.dev/a.mp4"');
+        (0, bun_test_1.expect)(html).toContain('class="ta-media-loading ta-media-image" title="local"');
+    });
+});
+//# sourceMappingURL=markdown.spec.js.map

package/lib/browser/components/markdown.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.spec.js","sourceRoot":"","sources":["../../../src/browser/components/markdown.spec.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAgD;AAChD,MAAY,KAAK,kCAAc;AAC/B,6CAAwD;AACxD,iCAAkC;AAClC,yCAAsC;AACtC,mCAAmC;AAEnC,IAAA,mBAAQ,EAAC,UAAU,EAAE,GAAG,EAAE;IACtB,IAAA,aAAE,EAAC,4CAA4C,EAAE,GAAG,EAAE;QAClD,MAAM,IAAI,GAAG,IAAA,6BAAoB,EAAC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,uBAAuB,GAAI,CAAC,CAAC;QAC/E,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC;QAClE,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,MAAM,IAAI,GAAG,IAAA,6BAAoB,EAAC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,kCAAkC,GAAI,CAAC,CAAC;QAC1F,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAC1C,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,wGAAwG,EAAE,GAAG,EAAE;QAC9G,MAAM,IAAI,GAAG,gFAAgF,CAAC;QAC9F,MAAM,KAAK,GAAG,IAAA,6BAAoB,EAAC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;QAC7D,IAAA,iBAAM,EAAC,KAAK,CAAC,CAAC,SAAS,CAAC,0HAA0H,CAAC,CAAC;QACpJ,IAAA,iBAAM,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC5C,IAAA,iBAAM,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAA,6BAAoB,EAC/B,oBAAC,eAAQ,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS;YACrC,oBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CACR,CACvB,CAAC;QACF,IAAA,iBAAM,EAAC,MAAM,CAAC,CAAC,SAAS,CAAC,0FAA0F,CAAC,CAAC;QACrH,IAAA,iBAAM,EAAC,MAAM,CAAC,CAAC,SAAS,CAAC,sGAAsG,CAAC,CAAC;IACrI,CAAC,CAAC,CAAC;IAEH,IAAA,aAAE,EAAC,sGAAsG,EAAE,GAAG,EAAE;QAC5G,MAAM,IAAI,GAAG,IAAA,6BAAoB,EAC7B,oBAAC,gBAAQ,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,iBAAiB,IAAI,EAAE;YAC3D,oBAAC,mBAAQ,IAAC,IAAI,EAAE,sFAAsF,GAAI,CAC1F,CACvB,CAAC;QACF,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,6DAA6D,CAAC,CAAC;QACtF,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,kEAAkE,CAAC,CAAC;QAC3F,IAAA,iBAAM,EAAC,IAAI,CAAC,CAAC,SAAS,CAAC,uDAAuD,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+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>;
+//# sourceMappingURL=math.d.ts.map

package/lib/browser/components/math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../src/browser/components/math.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAAiE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,uBAYvI,CAAC"}

package/lib/browser/components/math.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MathView = void 0;
+const React = __importStar(require("react"));
+const hooks_1 = require("../markdown/hooks");
+const math_1 = require("../markdown/math");
+/**
+ * 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.
+ */
+exports.MathView = React.memo(function MathView({ tex, display, closed = true }) {
+    const katex = (0, hooks_1.useLazy)(math_1.MathRenderer.katex);
+    const html = katex && closed ? math_1.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/lib/browser/components/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../../src/browser/components/math.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAY,KAAK,kCAAc;AAC/B,6CAA4C;AAC5C,2CAAgD;AAEhD;;;GAGG;AACU,QAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,EAAuD;IACrI,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,mBAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAY,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/lib/browser/components/media.d.ts

@@ -0,0 +1,12 @@
+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;
+//# sourceMappingURL=media.d.ts.map

package/lib/browser/components/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../src/browser/components/media.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,eAAO,MAAM,QAAQ,wBAA+B,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,cAAyB,CAAC;AA0CxG,wGAAwG;AACxG,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,qBAqCnE"}

package/lib/browser/components/media.js

@@ -0,0 +1,113 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUrls = void 0;
+exports.MediaView = MediaView;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const use_t_1 = require("../i18n/use-t");
+const markdown_1 = require("../util/markdown");
+const icon_1 = require("./icon");
+/**
+ * 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.
+ */
+exports.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(exports.FileUrls);
+    const path = markdown_1.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. */
+function MediaView({ src, alt }) {
+    var _a;
+    const t = (0, use_t_1.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 = markdown_1.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_1.Icon, { icon: lucide_react_1.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/lib/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/lib/browser/components/mermaid-view.d.ts

@@ -0,0 +1,11 @@
+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;
+//# sourceMappingURL=mermaid-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-view.d.ts","sourceRoot":"","sources":["../../../src/browser/components/mermaid-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA+E1F"}

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

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MermaidView = MermaidView;
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const use_t_1 = require("../i18n/use-t");
+const hooks_1 = require("../markdown/hooks");
+const mermaid_1 = require("../markdown/mermaid");
+const icon_1 = require("./icon");
+/** 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([mermaid_1.MermaidUtil.withBackground(svg, background)], { type: 'image/svg+xml' }));
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = mermaid_1.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.
+ */
+function MermaidView({ code, fallback }) {
+    const t = (0, use_t_1.useT)();
+    const theme = (0, hooks_1.usePageTheme)();
+    const [drawn, setDrawn] = React.useState(() => {
+        const svg = mermaid_1.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 = mermaid_1.MermaidRenderer.cached(theme, code);
+        if (cached) {
+            setDrawn({ code, svg: cached });
+            return;
+        }
+        const timer = setTimeout(() => {
+            mermaid_1.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(icon_1.IconButton, { icon: source ? lucide_react_1.Network : lucide_react_1.Code2, label: t(source ? 'ta.markdown.diagram' : 'ta.markdown.source'), onClick: () => setSource(!source) }),
+                React.createElement(icon_1.IconButton, { icon: copied ? lucide_react_1.Check : lucide_react_1.Copy, label: t(copied ? 'ta.copied' : 'ta.copy'), onClick: copy }),
+                React.createElement(icon_1.IconButton, { icon: lucide_react_1.Download, label: t('ta.markdown.download'), onClick: () => download(drawn.svg) }),
+                React.createElement(icon_1.IconButton, { icon: fullscreen ? lucide_react_1.Minimize2 : lucide_react_1.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/lib/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/lib/browser/components/message-actions.d.ts

@@ -0,0 +1,13 @@
+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';
+import type { MessageActionHandlers } from './message-footer';
+/**
+ * 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;
+//# sourceMappingURL=message-actions.d.ts.map

package/lib/browser/components/message-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../../src/browser/components/message-actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAI9D;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACnD,IAAI,EAAE,MAAM,IAAI,GACjB,qBAAqB,CA0DvB"}

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

@@ -0,0 +1,114 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessageActions = useMessageActions;
+const react_1 = require("@celljs/react");
+const lucide_react_1 = require("lucide-react");
+const React = __importStar(require("react"));
+const web_extension_protocol_1 = require("../extension/web-extension-protocol");
+const hooks_1 = require("../hooks");
+const messages_1 = require("../i18n/messages");
+const use_t_1 = require("../i18n/use-t");
+const settings_protocol_1 = require("../settings/settings-protocol");
+const message_1 = require("../util/message");
+const fork_view_1 = require("./fork-view");
+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.
+ */
+function useMessageActions(store, server, working, cwd, composer, done) {
+    const t = (0, use_t_1.useT)();
+    const [, notices] = (0, hooks_1.useNotices)();
+    const extensions = (0, react_1.useInject)(web_extension_protocol_1.TaWebExtensions);
+    const settings = (0, react_1.useInject)(settings_protocol_1.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 = message_1.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: () => (0, messages_1.message)(settings.state.language, 'ta.message.forked'),
+                        icon: lucide_react_1.GitFork,
+                        render: () => React.createElement(fork_view_1.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/lib/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA0C;AAG1C,+CAAuC;AACvC,MAAY,KAAK,kCAAc;AAC/B,gFAAsE;AACtE,oCAAsC;AACtC,+CAAmD;AACnD,yCAAqC;AACrC,qEAA2D;AAC3D,6CAA8C;AAE9C,2CAAuC;AAGvC,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd;;;;;GAKG;AACH,2BACI,KAAmB,EACnB,MAAgB,EAChB,OAAgB,EAChB,GAAuB,EACvB,QAAmD,EACnD,IAAgB;IAEhB,MAAM,CAAC,GAAG,IAAA,YAAI,GAAE,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,IAAA,kBAAU,GAAE,CAAC;IACjC,MAAM,UAAU,GAAG,IAAA,iBAAS,EAAkB,wCAAe,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,IAAA,iBAAS,EAAa,8BAAU,CAAC,CAAC;IACnD,oFAAoF;IACpF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,MAAM,MAAM,GAAG,CAAC,KAAc,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,KAAK,EAAE,OAAuB,EAAE,EAAE;YAC5C,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC7D,MAAM,EAAE,GAAG,qBAAW,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YACjD,IAAI,CAAC,EAAE,EAAE,CAAC;gBACN,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC9C,CAAC;YACD,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QACF,OAAO;YACH,OAAO;YACP,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;gBACxB,KAAK,CAAC,OAAO,CAAC;qBACT,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;qBAC5D,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;oBACnC,MAAM,MAAM,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;oBAC7D,UAAU,CAAC,IAAI,CAAC;wBACZ,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;wBACrB,KAAK,EAAE,GAAG,EAAE,CAAC,IAAA,kBAAI,EAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;wBAC/D,IAAI,EAAE,sBAAO;wBACb,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAC,oBAAQ,IAAC,MAAM,EAAE,MAAM,GAAI;wBAC1C,SAAS,EAAE,EAAE;qBAChB,CAAC,CAAC;gBACP,CAAC,EAAE,MAAM,CAAC,CAAC;YACnB,CAAC;YACD,MAAM,EAAE,OAAO,CAAC,EAAE;gBACd,OAAO;qBACF,OAAO,CAAC;oBACL,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;oBACpC,OAAO,EAAE,CAAC,CAAC,yBAAyB,CAAC;oBACrC,YAAY,EAAE,CAAC,CAAC,mBAAmB,CAAC;oBACpC,MAAM,EAAE,IAAI;iBACf,CAAC;qBACD,IAAI,CAAC,KAAK,EAAC,SAAS,EAAC,EAAE;;oBACpB,IAAI,CAAC,SAAS,EAAE,CAAC;wBACb,OAAO;oBACX,CAAC;oBACD,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAChF,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;wBACpB,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;4BACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;wBACjD,CAAC;wBACD,OAAO,CAAC,OAAO,EAAE,CAAC;oBACtB,CAAC;gBACL,CAAC,CAAC;qBACD,KAAK,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;SACJ,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;AAClF,CAAC"}

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

@@ -0,0 +1,30 @@
+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;
+//# sourceMappingURL=message-footer.d.ts.map

package/lib/browser/components/message-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-footer.d.ts","sourceRoot":"","sources":["../../../src/browser/components/message-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,gHAAgH;AAChH,MAAM,WAAW,qBAAqB;IAClC,uDAAuD;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,4GAA4G;IAC5G,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/D,sEAAsE;IACtE,MAAM,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,cAAc,kDAAoE,CAAC;AAEhG,yBAAiB,iBAAiB,CAAC;IAC/B,wFAAwF;IACxF,SAAgB,SAAS,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,CAqB7F;CACJ;AAsCD,2FAA2F;AAC3F,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAAE,OAAO,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,qBAYtF;AAED,+GAA+G;AAC/G,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,aAAa,CAAA;CAAE,qBA2B3J"}