@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/Markdown.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, memo, useContext, useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { createContext, memo, useContext } from 'react';
 import clsx from 'clsx';
 import { Zap } from 'lucide-react';
-import ReactMarkdown, {} from 'react-markdown';
+import ReactMarkdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import { CHIP_IN_MESSAGE, MENTION_TONE, SKILL_TONE } from './chips.js';
@@ -17,222 +17,788 @@ import { useChatHost } from '../../host.js';
 import { useFileLinkCwd, useFileLinkScopeId, useFileLinkTarget, useOpenFileLink } from './file-links.js';
 import { ErrorBoundary, FileIcon, Icon } from '@adecore/ui';
 import { useTranslation } from 'react-i18next';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ShellCodeBlockReplyContext = createContext(null);
 const BlockCodeContext = createContext(false);
 /* The command a shell fence holds, read from the fence as written, so it keeps the indentation and line endings it has. */
 function shellFence(source) {
-    const opening = /^ {0,3}(`{3,}|~{3,})[ \t]*(sh|bash|zsh)[ \t]*\r?\n/.exec(source);
-    if (opening === null) {
-        return null;
-    }
-    const body = source.slice(opening[0].length);
-    const closing = /(?:^|\r?\n) {0,3}(`{3,}|~{3,})[ \t]*$/.exec(body);
-    const closed = closing !== null && closing[1][0] === opening[1][0] && closing[1].length >= opening[1].length;
-    return { language: opening[2], code: closed ? body.slice(0, closing.index) : body, closed };
+  const opening = /^ {0,3}(`{3,}|~{3,})[ \t]*(sh|bash|zsh)[ \t]*\r?\n/.exec(source);
+  if (opening === null) {
+    return null;
+  }
+  const body = source.slice(opening[0].length);
+  const closing = /(?:^|\r?\n) {0,3}(`{3,}|~{3,})[ \t]*$/.exec(body);
+  const closed = closing !== null && closing[1][0] === opening[1][0] && closing[1].length >= opening[1].length;
+  return {
+    language: opening[2],
+    code: closed ? body.slice(0, closing.index) : body,
+    closed
+  };
 }
 /* Only root children qualify; Markdown's parser decides whether a fence belongs to a list or quote. */
 function remarkShellCodeBlocks() {
-    return (tree, file) => {
-        for (const node of tree.children ?? []) {
-            if (node.type !== 'code') {
-                continue;
-            }
-            const start = node.position?.start.offset;
-            const end = node.position?.end.offset;
-            if (start === undefined || end === undefined) {
-                continue;
-            }
-            const shell = shellFence(String(file.value).slice(start, end));
-            if (shell === null) {
-                continue;
-            }
-            node.data = {
-                ...node.data,
-                hProperties: {
-                    ...node.data?.hProperties,
-                    'data-shell-language': shell.language,
-                    'data-shell-code': shell.code,
-                    'data-shell-closed': shell.closed
-                }
-            };
+  return (tree, file) => {
+    for (const node of tree.children ?? []) {
+      if (node.type !== 'code') {
+        continue;
+      }
+      const start = node.position?.start.offset;
+      const end = node.position?.end.offset;
+      if (start === undefined || end === undefined) {
+        continue;
+      }
+      const shell = shellFence(String(file.value).slice(start, end));
+      if (shell === null) {
+        continue;
+      }
+      node.data = {
+        ...node.data,
+        hProperties: {
+          ...node.data?.hProperties,
+          'data-shell-language': shell.language,
+          'data-shell-code': shell.code,
+          'data-shell-closed': shell.closed
         }
-    };
+      };
+    }
+  };
 }
 /* What the host adds to a shell fence of a main reply, which is complete once the fence closed and the reply stopped. */
 function shellCodeBlockActions(reply, shell, render) {
-    if (reply === null || shell === null) {
-        return undefined;
-    }
-    const { scopeId, chatId, itemId } = reply;
-    return render?.({ scopeId, chatId, itemId, language: shell.language, code: shell.code, complete: !reply.streaming && shell.closed });
+  if (reply === null || shell === null) {
+    return undefined;
+  }
+  const {
+    scopeId,
+    chatId,
+    itemId
+  } = reply;
+  return render?.({
+    scopeId,
+    chatId,
+    itemId,
+    language: shell.language,
+    code: shell.code,
+    complete: !reply.streaming && shell.closed
+  });
 }
 function languageOf(className) {
-    return /language-([\w-]+)/.exec(className ?? '')?.[1] ?? 'text';
+  return /language-([\w-]+)/.exec(className ?? '')?.[1] ?? 'text';
 }
-const INLINE_CODE = 'rounded-sm bg-surface-sunken px-1 py-px font-mono text-code';
+const INLINE_CODE = 'rounded-sm bg-surface-sunken px-1 py-px font-mono text-code box-decoration-clone';
 /*
  * A path an agent wrote down. It keeps the shape of the code chip it would otherwise be, so a sentence
  * full of them does not shift; `data-file-path` is what the thread's right-click menu reads.
  */
-function FileLink({ target, className, children }) {
-    const cwd = useFileLinkCwd();
-    const scopeId = useFileLinkScopeId();
-    const openFileLink = useOpenFileLink();
-    return (_jsx("button", { type: "button", className: clsx('cursor-pointer select-text', className), "data-file-path": target.path, "data-file-line": target.line, "data-file-column": target.column, "data-file-end-line": target.endLine, "data-file-directory": target.directory, "data-file-cwd": cwd ?? '', "data-file-scope-id": scopeId ?? '', onClick: () => openFileLink(cwd, target, scopeId), children: children }));
+function FileLink(t0) {
+  const $ = _c(18);
+  const {
+    target,
+    className,
+    children
+  } = t0;
+  const cwd = useFileLinkCwd();
+  const scopeId = useFileLinkScopeId();
+  const openFileLink = useOpenFileLink();
+  let t1;
+  if ($[0] !== className) {
+    t1 = clsx("cursor-pointer select-text text-left", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = cwd ?? "";
+  const t3 = scopeId ?? "";
+  let t4;
+  if ($[2] !== cwd || $[3] !== openFileLink || $[4] !== scopeId || $[5] !== target) {
+    t4 = () => openFileLink(cwd, target, scopeId);
+    $[2] = cwd;
+    $[3] = openFileLink;
+    $[4] = scopeId;
+    $[5] = target;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== children || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== target.column || $[13] !== target.directory || $[14] !== target.endLine || $[15] !== target.line || $[16] !== target.path) {
+    t5 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: t1,
+      "data-file-path": target.path,
+      "data-file-line": target.line,
+      "data-file-column": target.column,
+      "data-file-end-line": target.endLine,
+      "data-file-directory": target.directory,
+      "data-file-cwd": t2,
+      "data-file-scope-id": t3,
+      onClick: t4,
+      children: children
+    });
+    $[7] = children;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = target.column;
+    $[13] = target.directory;
+    $[14] = target.endLine;
+    $[15] = target.line;
+    $[16] = target.path;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
 }
 /* Inline code, which is a file reference often enough that it is worth asking every time. */
-function InlineCode({ text }) {
-    const target = useFileLinkTarget(text);
-    if (target === null) {
-        return _jsx("code", { className: INLINE_CODE, children: text });
+function InlineCode(t0) {
+  const $ = _c(8);
+  const {
+    text
+  } = t0;
+  const target = useFileLinkTarget(text);
+  if (target === null) {
+    let t1;
+    if ($[0] !== text) {
+      t1 = /*#__PURE__*/_jsx("code", {
+        className: INLINE_CODE,
+        children: text
+      });
+      $[0] = text;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
     }
-    return (_jsx(FileLink, { target: target, className: `${INLINE_CODE} text-accent hover:underline`, children: text }));
+    return t1;
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = clsx(INLINE_CODE, "hover:underline");
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== text) {
+    t2 = /*#__PURE__*/_jsx("code", {
+      className: t1,
+      children: text
+    });
+    $[3] = text;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== t2 || $[6] !== target) {
+    t3 = /*#__PURE__*/_jsx(FileLink, {
+      target: target,
+      className: "text-accent",
+      children: t2
+    });
+    $[5] = t2;
+    $[6] = target;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
 /*
  * The path a link target spells, without the one scheme that still means a file on the host's machine.
  * A href nobody encoded is left as it is, since decoding throws on a stray percent.
  */
 function hrefPath(href) {
-    const bare = href.replace(/^file:\/\//, '');
-    try {
-        return decodeURI(bare);
-    }
-    catch {
-        return bare;
-    }
+  const bare = href.replace(/^file:\/\//, '');
+  try {
+    return decodeURI(bare);
+  } catch {
+    return bare;
+  }
 }
 /* A markdown link, which is a file when its target names no scheme of its own. */
-function MarkdownLink({ href, children }) {
-    const target = useFileLinkTarget(hrefPath(href ?? ''));
-    if (target !== null) {
-        return (_jsx(FileLink, { target: target, className: "text-accent underline underline-offset-2", children: children }));
+function MarkdownLink(t0) {
+  const $ = _c(8);
+  const {
+    href,
+    children
+  } = t0;
+  const t1 = href ?? "";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = hrefPath(t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const target = useFileLinkTarget(t2);
+  if (target !== null) {
+    let t3;
+    if ($[2] !== children || $[3] !== target) {
+      t3 = /*#__PURE__*/_jsx(FileLink, {
+        target: target,
+        className: "text-accent underline underline-offset-2",
+        children: children
+      });
+      $[2] = children;
+      $[3] = target;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
     }
-    return _jsx(ExternalLink, { href: href, children: children });
+    return t3;
+  }
+  let t3;
+  if ($[5] !== children || $[6] !== href) {
+    t3 = /*#__PURE__*/_jsx(ExternalLink, {
+      href: href,
+      children: children
+    });
+    $[5] = children;
+    $[6] = href;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
-function ExternalLink({ href, children }) {
-    return (_jsx("a", { href: href, target: "_blank", rel: "noreferrer", children: children }));
+function ExternalLink(t0) {
+  const $ = _c(3);
+  const {
+    href,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children || $[1] !== href) {
+    t1 = /*#__PURE__*/_jsx("a", {
+      href: href,
+      target: "_blank",
+      rel: "noreferrer",
+      children: children
+    });
+    $[0] = children;
+    $[1] = href;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
 /*
  * The path on the host's machine an image target names, or null for a URL and for a relative path
  * nobody gave a folder for. react-markdown has already emptied a target of a scheme it distrusts.
  */
 function localImagePath(src, cwd) {
-    if (src === '' || /^[a-z][a-z0-9+.-]*:/i.test(src)) {
-        return null;
-    }
-    const target = hrefPath(src);
-    if (target.startsWith('/')) {
-        return target;
-    }
-    if (cwd === null) {
-        return null;
-    }
-    return `${cwd.replace(/\/+$/, '')}/${target.replace(/^\.\//, '')}`;
+  if (src === '' || /^[a-z][a-z0-9+.-]*:/i.test(src)) {
+    return null;
+  }
+  const target = hrefPath(src);
+  if (target.startsWith('/')) {
+    return target;
+  }
+  if (cwd === null) {
+    return null;
+  }
+  return `${cwd.replace(/\/+$/, '')}/${target.replace(/^\.\//, '')}`;
 }
 /* A markdown image, which only the host can read when it names a file on its machine. */
-function MarkdownImage({ src, alt }) {
-    const { MarkdownImage: HostImage } = useChatHost();
-    const cwd = useFileLinkCwd();
-    const path = typeof src === 'string' ? localImagePath(src, cwd) : null;
-    if (HostImage === undefined || path === null) {
-        return _jsx("img", { src: src, alt: alt });
+function MarkdownImage(t0) {
+  const $ = _c(10);
+  const {
+    src,
+    alt
+  } = t0;
+  const {
+    MarkdownImage: HostImage
+  } = useChatHost();
+  const cwd = useFileLinkCwd();
+  let t1;
+  if ($[0] !== cwd || $[1] !== src) {
+    t1 = typeof src === "string" ? localImagePath(src, cwd) : null;
+    $[0] = cwd;
+    $[1] = src;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const path = t1;
+  if (HostImage === undefined || path === null) {
+    let t2;
+    if ($[3] !== alt || $[4] !== src) {
+      t2 = /*#__PURE__*/_jsx("img", {
+        src: src,
+        alt: alt
+      });
+      $[3] = alt;
+      $[4] = src;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
     }
-    return _jsx(HostImage, { path: path, alt: alt ?? '' });
+    return t2;
+  }
+  const t2 = alt ?? "";
+  let t3;
+  if ($[6] !== HostImage || $[7] !== path || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(HostImage, {
+      path: path,
+      alt: t2
+    });
+    $[6] = HostImage;
+    $[7] = path;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
-function PlainImage({ src, alt }) {
-    return _jsx("img", { src: src, alt: alt });
+function PlainImage(t0) {
+  const $ = _c(3);
+  const {
+    src,
+    alt
+  } = t0;
+  let t1;
+  if ($[0] !== alt || $[1] !== src) {
+    t1 = /*#__PURE__*/_jsx("img", {
+      src: src,
+      alt: alt
+    });
+    $[0] = alt;
+    $[1] = src;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
 /* A ```mermaid fence, which draws what it says. */
-function Diagram({ code }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsx(ErrorBoundary, { label: t('code.mermaid.crashed'), resetKeys: [code], compact: true, className: "rounded-lg border border-border", children: _jsx(MermaidBlock, { code: code }) }));
+function Diagram(t0) {
+  const $ = _c(10);
+  const {
+    code
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== t) {
+    t1 = t("code.mermaid.crashed");
+    $[0] = t;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== code) {
+    t2 = [code];
+    $[2] = code;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== code) {
+    t3 = /*#__PURE__*/_jsx(MermaidBlock, {
+      code: code
+    });
+    $[4] = code;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+    t4 = /*#__PURE__*/_jsx(ErrorBoundary, {
+      label: t1,
+      resetKeys: t2,
+      compact: true,
+      className: "rounded-lg border border-border",
+      children: t3
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
 }
-function MarkdownCode({ className, children, plain = false }) {
-    const block = useContext(BlockCodeContext);
-    const text = String(children ?? '');
-    if (block) {
-        const lang = languageOf(className);
-        const code = text.replace(/\n$/, '');
-        return lang === 'mermaid' ? _jsx(Diagram, { code: code }) : _jsx(CodeBlock, { code: code, lang: lang });
+function MarkdownCode(t0) {
+  const $ = _c(11);
+  const {
+    className,
+    children,
+    plain: t1
+  } = t0;
+  const plain = t1 === undefined ? false : t1;
+  const block = useContext(BlockCodeContext);
+  const text = String(children ?? "");
+  if (block) {
+    let t2;
+    if ($[0] !== className) {
+      t2 = languageOf(className);
+      $[0] = className;
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    const lang = t2;
+    let t3;
+    if ($[2] !== text) {
+      let t4;
+      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /\n$/;
+        $[4] = t4;
+      } else {
+        t4 = $[4];
+      }
+      t3 = text.replace(t4, "");
+      $[2] = text;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
+    const code = t3;
+    let t4;
+    if ($[5] !== code || $[6] !== lang) {
+      t4 = lang === "mermaid" ? /*#__PURE__*/_jsx(Diagram, {
+        code: code
+      }) : /*#__PURE__*/_jsx(CodeBlock, {
+        code: code,
+        lang: lang
+      });
+      $[5] = code;
+      $[6] = lang;
+      $[7] = t4;
+    } else {
+      t4 = $[7];
     }
-    return plain ? _jsx("code", { className: INLINE_CODE, children: text }) : _jsx(InlineCode, { text: text });
+    return t4;
+  }
+  let t2;
+  if ($[8] !== plain || $[9] !== text) {
+    t2 = plain ? /*#__PURE__*/_jsx("code", {
+      className: INLINE_CODE,
+      children: text
+    }) : /*#__PURE__*/_jsx(InlineCode, {
+      text: text
+    });
+    $[8] = plain;
+    $[9] = text;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 }
 const components = {
-    pre({ children }) {
-        return _jsx(BlockCodeContext.Provider, { value: true, children: children });
-    },
-    code: MarkdownCode,
-    a({ href, children }) {
-        return _jsx(MarkdownLink, { href: href, children: children });
-    },
-    img: MarkdownImage,
-    table({ children }) {
-        // A table wider than the column scrolls on its own instead of pushing the thread sideways.
-        return (_jsx("div", { className: "chat-table", children: _jsx("table", { children: children }) }));
-    }
+  pre({
+    children
+  }) {
+    return /*#__PURE__*/_jsx(BlockCodeContext.Provider, {
+      value: true,
+      children: children
+    });
+  },
+  code: MarkdownCode,
+  a({
+    href,
+    children
+  }) {
+    return /*#__PURE__*/_jsx(MarkdownLink, {
+      href: href,
+      children: children
+    });
+  },
+  img: MarkdownImage,
+  table({
+    children
+  }) {
+    // A table wider than the column scrolls on its own instead of pushing the thread sideways.
+    return /*#__PURE__*/_jsx("div", {
+      className: "chat-table",
+      children: /*#__PURE__*/_jsx("table", {
+        children: children
+      })
+    });
+  }
 };
 /* For text from outside this machine, where a path in inline code is not a file anybody meant to open here. */
 const plainComponents = {
-    ...components,
-    code({ className, children }) {
-        return (_jsx(MarkdownCode, { className: className, plain: true, children: children }));
-    },
-    a: ExternalLink,
-    img: PlainImage
+  ...components,
+  code({
+    className,
+    children
+  }) {
+    return /*#__PURE__*/_jsx(MarkdownCode, {
+      className: className,
+      plain: true,
+      children: children
+    });
+  },
+  a: ExternalLink,
+  img: PlainImage
 };
 // A reply sits under the heading of its message, an `h3`, so its own headings start one level below
 // that. Only `aria-level` moves. The tag stays, since the styles and a copy of the thread read it.
 const REPLY_HEADING_OFFSET = 3;
 function replyHeading(level) {
-    const Tag = `h${level}`;
-    return function ReplyHeading({ children }) {
-        return _jsx(Tag, { "aria-level": Math.min(6, level + REPLY_HEADING_OFFSET), children: children });
-    };
+  const Tag = `h${level}`;
+  return function ReplyHeading({
+    children
+  }) {
+    return /*#__PURE__*/_jsx(Tag, {
+      "aria-level": Math.min(6, level + REPLY_HEADING_OFFSET),
+      children: children
+    });
+  };
 }
 const replyComponents = {
-    ...components,
-    code: ReplyCode,
-    h1: replyHeading(1),
-    h2: replyHeading(2),
-    h3: replyHeading(3),
-    h4: replyHeading(4),
-    h5: replyHeading(5),
-    h6: replyHeading(6)
+  ...components,
+  code: ReplyCode,
+  h1: replyHeading(1),
+  h2: replyHeading(2),
+  h3: replyHeading(3),
+  h4: replyHeading(4),
+  h5: replyHeading(5),
+  h6: replyHeading(6)
 };
-function ReplyCode({ className, children, node }) {
-    const reply = useContext(ShellCodeBlockReplyContext);
-    const block = useContext(BlockCodeContext);
-    const { renderShellCodeBlock } = useChatHost();
-    const properties = node?.properties;
-    const language = properties?.['data-shell-language'];
-    const code = properties?.['data-shell-code'];
-    const shell = (language === 'sh' || language === 'bash' || language === 'zsh') && typeof code === 'string'
-        ? { language, code, closed: properties?.['data-shell-closed'] === true }
-        : null;
-    const text = String(children ?? '');
-    if (block && languageOf(className) === 'mermaid') {
-        return _jsx(Diagram, { code: text.replace(/\n$/, '') });
-    }
-    if (block) {
-        return _jsx(CodeBlock, { code: text.replace(/\n$/, ''), lang: languageOf(className), actions: shellCodeBlockActions(reply, shell, renderShellCodeBlock) });
+function ReplyCode(t0) {
+  const $ = _c(22);
+  const {
+    className,
+    children,
+    node
+  } = t0;
+  const reply = useContext(ShellCodeBlockReplyContext);
+  const block = useContext(BlockCodeContext);
+  const {
+    renderShellCodeBlock
+  } = useChatHost();
+  const properties = node?.properties;
+  const language = properties?.["data-shell-language"];
+  const code = properties?.["data-shell-code"];
+  let t1;
+  let text;
+  if ($[0] !== block || $[1] !== children || $[2] !== className || $[3] !== code || $[4] !== language || $[5] !== properties || $[6] !== renderShellCodeBlock || $[7] !== reply) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const shell = (language === "sh" || language === "bash" || language === "zsh") && typeof code === "string" ? {
+        language,
+        code,
+        closed: properties?.["data-shell-closed"] === true
+      } : null;
+      text = String(children ?? "");
+      if (block && languageOf(className) === "mermaid") {
+        let t2;
+        if ($[10] !== text) {
+          let t3;
+          if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+            t3 = /\n$/;
+            $[12] = t3;
+          } else {
+            t3 = $[12];
+          }
+          t2 = text.replace(t3, "");
+          $[10] = text;
+          $[11] = t2;
+        } else {
+          t2 = $[11];
+        }
+        let t3;
+        if ($[13] !== t2) {
+          t3 = /*#__PURE__*/_jsx(Diagram, {
+            code: t2
+          });
+          $[13] = t2;
+          $[14] = t3;
+        } else {
+          t3 = $[14];
+        }
+        t1 = t3;
+        break bb0;
+      }
+      if (block) {
+        let t2;
+        if ($[15] !== text) {
+          let t3;
+          if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+            t3 = /\n$/;
+            $[17] = t3;
+          } else {
+            t3 = $[17];
+          }
+          t2 = text.replace(t3, "");
+          $[15] = text;
+          $[16] = t2;
+        } else {
+          t2 = $[16];
+        }
+        let t3;
+        if ($[18] !== className) {
+          t3 = languageOf(className);
+          $[18] = className;
+          $[19] = t3;
+        } else {
+          t3 = $[19];
+        }
+        t1 = /*#__PURE__*/_jsx(CodeBlock, {
+          code: t2,
+          lang: t3,
+          actions: shellCodeBlockActions(reply, shell, renderShellCodeBlock)
+        });
+        break bb0;
+      }
     }
-    return _jsx(InlineCode, { text: text });
+    $[0] = block;
+    $[1] = children;
+    $[2] = className;
+    $[3] = code;
+    $[4] = language;
+    $[5] = properties;
+    $[6] = renderShellCodeBlock;
+    $[7] = reply;
+    $[8] = t1;
+    $[9] = text;
+  } else {
+    t1 = $[8];
+    text = $[9];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  let t2;
+  if ($[20] !== text) {
+    t2 = /*#__PURE__*/_jsx(InlineCode, {
+      text: text
+    });
+    $[20] = text;
+    $[21] = t2;
+  } else {
+    t2 = $[21];
+  }
+  return t2;
 }
 /* A picked file or skill in a sent message. The glyph stands in for the sigil the text still carries. */
-function Chip({ kind, value }) {
-    if (kind === 'skill') {
-        return (_jsxs("span", { className: clsx(CHIP_IN_MESSAGE, SKILL_TONE), children: [_jsx(Icon, { icon: Zap, size: 14, className: "shrink-0 opacity-85" }), _jsx("span", { className: "truncate", children: value })] }));
+function Chip(t0) {
+  const $ = _c(16);
+  const {
+    kind,
+    value
+  } = t0;
+  if (kind === "skill") {
+    let t1;
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = clsx(CHIP_IN_MESSAGE, SKILL_TONE);
+      t2 = /*#__PURE__*/_jsx(Icon, {
+        icon: Zap,
+        size: 14,
+        className: "shrink-0 opacity-85"
+      });
+      $[0] = t1;
+      $[1] = t2;
+    } else {
+      t1 = $[0];
+      t2 = $[1];
     }
-    return (_jsxs("span", { className: clsx(CHIP_IN_MESSAGE, MENTION_TONE), "data-file-path": value, "data-file-directory": /[\\/]$/.test(value), children: [_jsx(FileIcon, { path: value, size: 14 }), _jsx("span", { className: "truncate", children: value })] }));
+    let t3;
+    if ($[2] !== value) {
+      t3 = /*#__PURE__*/_jsxs("span", {
+        className: t1,
+        children: [t2, /*#__PURE__*/_jsx("span", {
+          className: "truncate",
+          children: value
+        })]
+      });
+      $[2] = value;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
+    return t3;
+  }
+  let t1;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = clsx(CHIP_IN_MESSAGE, MENTION_TONE);
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /[\\/]$/;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== value) {
+    t3 = t2.test(value);
+    $[6] = value;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  let t5;
+  if ($[8] !== value) {
+    t4 = /*#__PURE__*/_jsx(FileIcon, {
+      path: value,
+      size: 14
+    });
+    t5 = /*#__PURE__*/_jsx("span", {
+      className: "truncate",
+      children: value
+    });
+    $[8] = value;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t4 = $[9];
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== t3 || $[12] !== t4 || $[13] !== t5 || $[14] !== value) {
+    t6 = /*#__PURE__*/_jsxs("span", {
+      className: t1,
+      "data-file-path": value,
+      "data-file-directory": t3,
+      children: [t4, t5]
+    });
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+    $[14] = value;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 }
 const messageComponents = {
-    ...replyComponents,
-    span({ children, 'data-chip': chip, 'data-value': value }) {
-        if (chip === undefined || value === undefined) {
-            return _jsx("span", { children: children });
-        }
-        return _jsx(Chip, { kind: chip, value: value });
+  ...replyComponents,
+  span({
+    children,
+    'data-chip': chip,
+    'data-value': value
+  }) {
+    if (chip === undefined || value === undefined) {
+      return /*#__PURE__*/_jsx("span", {
+        children: children
+      });
     }
+    return /*#__PURE__*/_jsx(Chip, {
+      kind: chip,
+      value: value
+    });
+  }
 };
 // Module constants, so a render never hands react-markdown a fresh array and makes it parse again.
 const PLUGINS = [remarkGfm];
@@ -242,20 +808,122 @@ const MESSAGE_PLUGINS = [remarkGfm, remarkHtmlAsText, remarkBreaks];
 const FADE_PLUGINS = [rehypeFadeWords];
 const NO_PLUGINS = [];
 /* One block of a reply. It renders no element of its own, so prose keeps its first and last margins. */
-const ReplyBlock = memo(function ReplyBlock({ text, fade, open, reply }) {
-    return (_jsx(CodeStreamingContext.Provider, { value: open, children: _jsx(ShellCodeBlockReplyContext.Provider, { value: reply ?? null, children: _jsx(ReactMarkdown, { remarkPlugins: REPLY_PLUGINS, rehypePlugins: fade ? FADE_PLUGINS : NO_PLUGINS, components: replyComponents, children: text }) }) }));
+const ReplyBlock = memo(function ReplyBlock(t0) {
+  const $ = _c(9);
+  const {
+    text,
+    fade,
+    open,
+    reply
+  } = t0;
+  const t1 = reply ?? null;
+  const t2 = fade ? FADE_PLUGINS : NO_PLUGINS;
+  let t3;
+  if ($[0] !== t2 || $[1] !== text) {
+    t3 = /*#__PURE__*/_jsx(ReactMarkdown, {
+      remarkPlugins: REPLY_PLUGINS,
+      rehypePlugins: t2,
+      components: replyComponents,
+      children: text
+    });
+    $[0] = t2;
+    $[1] = text;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== t1 || $[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx(ShellCodeBlockReplyContext.Provider, {
+      value: t1,
+      children: t3
+    });
+    $[3] = t1;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== open || $[7] !== t4) {
+    t5 = /*#__PURE__*/_jsx(CodeStreamingContext.Provider, {
+      value: open,
+      children: t4
+    });
+    $[6] = open;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
 });
 /*
  * A code fence at the top level of a reply, drawn as markdown draws it but without parsing, so a word
  * added to a long fence costs no more than one added to a short one. It is the same tree whether the
  * fence is open or closed, so closing it keeps the lines its code block already has.
  */
-const ReplyFence = memo(function ReplyFence({ info, body, source, open, reply }) {
-    const { renderShellCodeBlock } = useChatHost();
-    // The class markdown gives the code, read back the way a parsed fence's is.
-    const lang = languageOf(`language-${info.split(/[ \t]/, 1)[0]}`);
+const ReplyFence = memo(function ReplyFence(t0) {
+  const $ = _c(12);
+  const {
+    info,
+    body,
+    source,
+    open,
+    reply
+  } = t0;
+  const {
+    renderShellCodeBlock
+  } = useChatHost();
+  let t1;
+  if ($[0] !== info) {
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = /[ \t]/;
+      $[2] = t2;
+    } else {
+      t2 = $[2];
+    }
+    t1 = info.split(t2, 1);
+    $[0] = info;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = `language-${t1[0]}`;
+  let t3;
+  if ($[3] !== t2) {
+    t3 = languageOf(t2);
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const lang = t3;
+  let t4;
+  if ($[5] !== body || $[6] !== lang || $[7] !== open || $[8] !== renderShellCodeBlock || $[9] !== reply || $[10] !== source) {
     const shell = reply === undefined ? null : shellFence(source);
-    return (_jsx(CodeStreamingContext.Provider, { value: open, children: lang === 'mermaid' ? (_jsx(Diagram, { code: body })) : (_jsx(CodeBlock, { code: body, lang: lang, actions: shellCodeBlockActions(reply ?? null, shell, renderShellCodeBlock) })) }));
+    t4 = /*#__PURE__*/_jsx(CodeStreamingContext.Provider, {
+      value: open,
+      children: lang === "mermaid" ? /*#__PURE__*/_jsx(Diagram, {
+        code: body
+      }) : /*#__PURE__*/_jsx(CodeBlock, {
+        code: body,
+        lang: lang,
+        actions: shellCodeBlockActions(reply ?? null, shell, renderShellCodeBlock)
+      })
+    });
+    $[5] = body;
+    $[6] = lang;
+    $[7] = open;
+    $[8] = renderShellCodeBlock;
+    $[9] = reply;
+    $[10] = source;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 });
 /*
  * A reply in a chat thread, parsed a block at a time so a delta only parses the block that grows,
@@ -263,25 +931,175 @@ const ReplyFence = memo(function ReplyFence({ info, body, source, open, reply })
  * that has not closed yet is highlighted a line at a time as it grows. `arriving` fades in each block
  * as it is added instead, for a reply that is shown a block at a time.
  */
-export const ReplyMarkdown = memo(function ReplyMarkdown({ text, streaming, arriving = false, reply }) {
-    const blocks = useMemo(() => splitMarkdownBlocks(text), [text]);
-    return (_jsx("div", { className: "chat-markdown prose prose-sm max-w-none text-sm", "data-arriving": arriving || undefined, children: blocks.map((block, index) => 
-        // Blocks only ever grow at the end, so the place of a block is a stable key.
-        block.fence !== undefined ? (_jsx(ReplyFence, { info: block.fence.info, body: block.fence.body, source: block.fence.source, open: streaming && !block.fence.closed, reply: reply }, index)) : (_jsx(ReplyBlock, { text: block.text, fade: streaming, open: streaming && block.openFence, reply: reply }, index))) }));
+export const ReplyMarkdown = memo(function ReplyMarkdown(t0) {
+  const $ = _c(14);
+  const {
+    text,
+    streaming,
+    arriving: t1,
+    reply
+  } = t0;
+  const arriving = t1 === undefined ? false : t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== arriving || $[1] !== reply || $[2] !== streaming || $[3] !== text) {
+    const blocks = splitMarkdownBlocks(text);
+    t2 = "chat-markdown prose prose-sm max-w-none text-sm";
+    t3 = arriving || undefined;
+    let t5;
+    if ($[7] !== reply || $[8] !== streaming) {
+      t5 = (block, index) => block.fence !== undefined ? /*#__PURE__*/_jsx(ReplyFence, {
+        info: block.fence.info,
+        body: block.fence.body,
+        source: block.fence.source,
+        open: streaming && !block.fence.closed,
+        reply: reply
+      }, index) : /*#__PURE__*/_jsx(ReplyBlock, {
+        text: block.text,
+        fade: streaming,
+        open: streaming && block.openFence,
+        reply: reply
+      }, index);
+      $[7] = reply;
+      $[8] = streaming;
+      $[9] = t5;
+    } else {
+      t5 = $[9];
+    }
+    t4 = blocks.map(t5);
+    $[0] = arriving;
+    $[1] = reply;
+    $[2] = streaming;
+    $[3] = text;
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t2 = $[4];
+    t3 = $[5];
+    t4 = $[6];
+  }
+  let t5;
+  if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      className: t2,
+      "data-arriving": t3,
+      children: t4
+    });
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
 });
 /*
  * A message a person sent. Enter meant a line break, a tag typed without backticks stays the text
  * it was, and the files and skills picked in the composer are chips again.
  */
-export const MessageMarkdown = memo(function MessageMarkdown({ text, mentions, skills }) {
-    const rehypePlugins = useMemo(() => [[rehypeChips, { mentions, skills }]], [mentions, skills]);
-    return (_jsx("div", { className: "chat-markdown prose prose-sm max-w-none text-sm", children: _jsx(ReactMarkdown, { remarkPlugins: MESSAGE_PLUGINS, rehypePlugins: rehypePlugins, components: messageComponents, children: text }) }));
+export const MessageMarkdown = memo(function MessageMarkdown(t0) {
+  const $ = _c(6);
+  const {
+    text,
+    mentions,
+    skills
+  } = t0;
+  let t1;
+  if ($[0] !== mentions || $[1] !== skills) {
+    t1 = [[rehypeChips, {
+      mentions,
+      skills
+    }]];
+    $[0] = mentions;
+    $[1] = skills;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const rehypePlugins = t1;
+  let t2;
+  if ($[3] !== rehypePlugins || $[4] !== text) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: "chat-markdown prose prose-sm max-w-none text-sm",
+      children: /*#__PURE__*/_jsx(ReactMarkdown, {
+        remarkPlugins: MESSAGE_PLUGINS,
+        rehypePlugins: rehypePlugins,
+        components: messageComponents,
+        children: text
+      })
+    });
+    $[3] = rehypePlugins;
+    $[4] = text;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 });
 /*
  * `breaks` is for person-authored notes; applying it to CLI markdown would change its layout. `muted`
  * sets the text a step back, for what stands beside an answer rather than being one.
  */
-export const Markdown = memo(function Markdown({ text, breaks = false, fileLinks = true, muted = false, rehypePlugins, componentOverrides }) {
-    const renderComponents = useMemo(() => ({ ...(fileLinks ? components : plainComponents), ...componentOverrides }), [fileLinks, componentOverrides]);
-    return (_jsx("div", { className: "chat-markdown prose prose-sm max-w-none text-sm", "data-muted": muted || undefined, children: _jsx(ReactMarkdown, { remarkPlugins: breaks ? PLUGINS_WITH_BREAKS : PLUGINS, rehypePlugins: rehypePlugins, components: renderComponents, children: text }) }));
-});
+export const Markdown = memo(function Markdown(t0) {
+  const $ = _c(11);
+  const {
+    text,
+    breaks: t1,
+    fileLinks: t2,
+    muted: t3,
+    rehypePlugins,
+    componentOverrides
+  } = t0;
+  const breaks = t1 === undefined ? false : t1;
+  const fileLinks = t2 === undefined ? true : t2;
+  const muted = t3 === undefined ? false : t3;
+  const t4 = fileLinks ? components : plainComponents;
+  let t5;
+  if ($[0] !== componentOverrides || $[1] !== t4) {
+    t5 = {
+      ...t4,
+      ...componentOverrides
+    };
+    $[0] = componentOverrides;
+    $[1] = t4;
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  const renderComponents = t5;
+  const t6 = muted || undefined;
+  const t7 = breaks ? PLUGINS_WITH_BREAKS : PLUGINS;
+  let t8;
+  if ($[3] !== rehypePlugins || $[4] !== renderComponents || $[5] !== t7 || $[6] !== text) {
+    t8 = /*#__PURE__*/_jsx(ReactMarkdown, {
+      remarkPlugins: t7,
+      rehypePlugins: rehypePlugins,
+      components: renderComponents,
+      children: text
+    });
+    $[3] = rehypePlugins;
+    $[4] = renderComponents;
+    $[5] = t7;
+    $[6] = text;
+    $[7] = t8;
+  } else {
+    t8 = $[7];
+  }
+  let t9;
+  if ($[8] !== t6 || $[9] !== t8) {
+    t9 = /*#__PURE__*/_jsx("div", {
+      className: "chat-markdown prose prose-sm max-w-none text-sm",
+      "data-muted": t6,
+      children: t8
+    });
+    $[8] = t6;
+    $[9] = t8;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  return t9;
+});