@agent-native/core 0.47.1 → 0.48.1

package/dist/client/chat/index.d.ts

@@ -0,0 +1,13 @@
+export { AgentChatSurface, AgentPanel, AgentSidebar, AgentToggleButton, focusAgentChat, type AgentChatSurfaceMode, type AgentChatSurfaceProps, type AgentPanelProps, type AgentSidebarProps, } from "../AgentPanel.js";
+export { AssistantChat, clearChatStorage, type AssistantChatProps, type AssistantChatHandle, type AssistantChatAdapterContext, } from "../AssistantChat.js";
+export { MultiTabAssistantChat, type MultiTabAssistantChatProps, type MultiTabAssistantChatHeaderProps, } from "../MultiTabAssistantChat.js";
+export { createAgentChatAdapter, type AgentChatSurfaceKind, type CreateAgentChatAdapterOptions, } from "../agent-chat-adapter.js";
+export { codeAgentTranscriptEventsToContent, createCodeAgentChatAdapter, type CodeAgentChatController, type CodeAgentChatControlResult, type CodeAgentChatFollowUpMode, type CodeAgentChatTranscriptEvent, type CreateCodeAgentChatAdapterOptions, } from "../code-agent-chat-adapter.js";
+export { sendToAgentChat, type AgentChatMessage } from "../agent-chat.js";
+export { useAgentChatGenerating } from "../use-agent-chat.js";
+export { useSendToAgentChat } from "../use-send-to-agent-chat.js";
+export { useChatModels, type UseChatModelsResult, type EngineModelGroup, } from "../use-chat-models.js";
+export { useChatThreads, type ChatThreadScope, type ChatThreadSnapshot, type ChatThreadSummary, type ChatThreadData, type UseChatThreadsOptions, } from "../use-chat-threads.js";
+export * from "../composer/index.js";
+export * from "../conversation/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/client/chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,2BAA2B,GACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,gCAAgC,GACtC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,GACnC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,kCAAkC,EAClC,0BAA0B,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,KAAK,4BAA4B,EACjC,KAAK,iCAAiC,GACvC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}

package/dist/client/chat/index.js

@@ -0,0 +1,13 @@
+export { AgentChatSurface, AgentPanel, AgentSidebar, AgentToggleButton, focusAgentChat, } from "../AgentPanel.js";
+export { AssistantChat, clearChatStorage, } from "../AssistantChat.js";
+export { MultiTabAssistantChat, } from "../MultiTabAssistantChat.js";
+export { createAgentChatAdapter, } from "../agent-chat-adapter.js";
+export { codeAgentTranscriptEventsToContent, createCodeAgentChatAdapter, } from "../code-agent-chat-adapter.js";
+export { sendToAgentChat } from "../agent-chat.js";
+export { useAgentChatGenerating } from "../use-agent-chat.js";
+export { useSendToAgentChat } from "../use-send-to-agent-chat.js";
+export { useChatModels, } from "../use-chat-models.js";
+export { useChatThreads, } from "../use-chat-threads.js";
+export * from "../composer/index.js";
+export * from "../conversation/index.js";
+//# sourceMappingURL=index.js.map

package/dist/client/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,cAAc,GAKf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,gBAAgB,GAIjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,qBAAqB,GAGtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,sBAAsB,GAGvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,kCAAkC,EAClC,0BAA0B,GAM3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EACL,aAAa,GAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,cAAc,GAMf,MAAM,wBAAwB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC","sourcesContent":["export {\n  AgentChatSurface,\n  AgentPanel,\n  AgentSidebar,\n  AgentToggleButton,\n  focusAgentChat,\n  type AgentChatSurfaceMode,\n  type AgentChatSurfaceProps,\n  type AgentPanelProps,\n  type AgentSidebarProps,\n} from \"../AgentPanel.js\";\nexport {\n  AssistantChat,\n  clearChatStorage,\n  type AssistantChatProps,\n  type AssistantChatHandle,\n  type AssistantChatAdapterContext,\n} from \"../AssistantChat.js\";\nexport {\n  MultiTabAssistantChat,\n  type MultiTabAssistantChatProps,\n  type MultiTabAssistantChatHeaderProps,\n} from \"../MultiTabAssistantChat.js\";\nexport {\n  createAgentChatAdapter,\n  type AgentChatSurfaceKind,\n  type CreateAgentChatAdapterOptions,\n} from \"../agent-chat-adapter.js\";\nexport {\n  codeAgentTranscriptEventsToContent,\n  createCodeAgentChatAdapter,\n  type CodeAgentChatController,\n  type CodeAgentChatControlResult,\n  type CodeAgentChatFollowUpMode,\n  type CodeAgentChatTranscriptEvent,\n  type CreateCodeAgentChatAdapterOptions,\n} from \"../code-agent-chat-adapter.js\";\nexport { sendToAgentChat, type AgentChatMessage } from \"../agent-chat.js\";\nexport { useAgentChatGenerating } from \"../use-agent-chat.js\";\nexport { useSendToAgentChat } from \"../use-send-to-agent-chat.js\";\nexport {\n  useChatModels,\n  type UseChatModelsResult,\n  type EngineModelGroup,\n} from \"../use-chat-models.js\";\nexport {\n  useChatThreads,\n  type ChatThreadScope,\n  type ChatThreadSnapshot,\n  type ChatThreadSummary,\n  type ChatThreadData,\n  type UseChatThreadsOptions,\n} from \"../use-chat-threads.js\";\nexport * from \"../composer/index.js\";\nexport * from \"../conversation/index.js\";\n"]}

package/dist/client/chat/markdown-renderer.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import type { default as ReactMarkdownType } from "react-markdown";
+import type { defaultUrlTransform as DefaultUrlTransformType } from "react-markdown";
+import type remarkGfmType from "remark-gfm";
+type ReactMarkdownModule = {
+    default: typeof ReactMarkdownType;
+    defaultUrlTransform: typeof DefaultUrlTransformType;
+};
+export declare let markdownModule: ReactMarkdownModule | null;
+export declare let remarkGfmFn: typeof remarkGfmType | null;
+export declare function loadMarkdown(): void;
+export declare function onMarkdownReady(fn: () => void): () => void;
+type ShikiHighlighter = {
+    codeToHtml: (code: string, options: {
+        lang: string;
+        themes: {
+            light: string;
+            dark: string;
+        };
+        defaultColor?: false | "light" | "dark";
+    }) => string | Promise<string>;
+    getLoadedLanguages: () => string[];
+};
+export declare function loadHighlighter(): Promise<ShikiHighlighter>;
+export declare const TextStreamingContext: React.Context<boolean>;
+export declare function HighlightedCodeBlock({ code, lang, }: {
+    code: string;
+    lang: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function markdownUrlTransform(value: string): string;
+export declare function extractCodeText(child: React.ReactNode): string;
+export declare const markdownComponents: {
+    a(props: React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+    pre(props: React.HTMLAttributes<HTMLPreElement>): import("react/jsx-runtime").JSX.Element;
+};
+export declare function useSmoothStreamingText(targetText: string, streaming: boolean, resetKey: string): string;
+export declare function useMarkdownReady(): boolean;
+export declare const MemoizedMarkdownBlock: React.MemoExoticComponent<({ blockText, }: {
+    blockText: string;
+}) => import("react/jsx-runtime").JSX.Element | null>;
+export declare function SmoothMarkdownText({ text, streaming, resetKey, statusType, }: {
+    text: string;
+    streaming: boolean;
+    resetKey: string;
+    statusType?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MarkdownText(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=markdown-renderer.d.ts.map

package/dist/client/chat/markdown-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer.d.ts","sourceRoot":"","sources":["../../../src/client/chat/markdown-renderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAK,aAAa,MAAM,YAAY,CAAC;AAwB5C,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,mBAAmB,EAAE,OAAO,uBAAuB,CAAC;CACrD,CAAC;AAEF,eAAO,IAAI,cAAc,EAAE,mBAAmB,GAAG,IAAW,CAAC;AAC7D,eAAO,IAAI,WAAW,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AAG3D,wBAAgB,YAAY,IAAI,IAAI,CAUnC;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAO1D;AASD,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QACxC,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;KACzC,KACE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,kBAAkB,EAAE,MAAM,MAAM,EAAE,CAAC;CACpC,CAAC;AAGF,wBAAgB,eAAe,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAwC3D;AAOD,eAAO,MAAM,oBAAoB,wBAA6B,CAAC;AAM/D,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,GACL,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,2CAWA;AA8BD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI1D;AAID,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAQ9D;AAID,eAAO,MAAM,kBAAkB;aACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;eA+C3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAuBhD,CAAC;AAwCF,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,CA0LR;AAID,wBAAgB,gBAAgB,IAAI,OAAO,CAO1C;AAMD,eAAO,MAAM,qBAAqB,6CAE/B;IACD,SAAS,EAAE,MAAM,CAAC;CACnB,oDAaC,CAAC;AAIH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,UAAuB,GACxB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CA0DA;AAID,wBAAgB,YAAY,4CAoB3B"}

package/dist/client/chat/markdown-renderer.js

@@ -0,0 +1,391 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Owns: lazy react-markdown/shiki loaders, SmoothMarkdownText, MarkdownText,
+// HighlightedCodeBlock wrapper, and the markdownComponents/markdownUrlTransform
+// used by every markdown render path in AssistantChat.
+import React, { useState, useEffect, useCallback, useMemo, useRef, } from "react";
+import { useThread, useMessageRuntime, useMessagePartText, } from "@assistant-ui/react";
+import { initialSmoothStreamingGraphemeCount, SMOOTH_STREAMING_COMMIT_INTERVAL_MS, smoothStreamingPunctuationDelayMs, smoothStreamingRevealCount, splitStreamingTextGraphemes, } from "../../shared/streaming-text-smoothing.js";
+import { splitMarkdownBlocks } from "../../shared/markdown-block-split.js";
+import { HighlightedCodeBlock as SharedHighlightedCodeBlock } from "../HighlightedCodeBlock.js";
+import { IframeEmbed, parseEmbedBody } from "../IframeEmbed.js";
+import { cn } from "../utils.js";
+import { NEW_CHAT_ACTION_HREF, BUILDER_SPACE_SETTINGS_URL, } from "../error-format.js";
+import { IconPlus, IconExternalLink } from "@tabler/icons-react";
+export let markdownModule = null;
+export let remarkGfmFn = null;
+const markdownListeners = new Set();
+export function loadMarkdown() {
+    if (markdownModule !== null)
+        return; // already loaded
+    Promise.all([import("react-markdown"), import("remark-gfm")]).then(([md, gfm]) => {
+        markdownModule = md;
+        remarkGfmFn = gfm.default;
+        markdownListeners.forEach((fn) => fn());
+        markdownListeners.clear();
+    });
+}
+export function onMarkdownReady(fn) {
+    if (markdownModule !== null) {
+        fn();
+        return () => { };
+    }
+    markdownListeners.add(fn);
+    return () => markdownListeners.delete(fn);
+}
+loadMarkdown();
+let highlighterLoader = null;
+export function loadHighlighter() {
+    if (!highlighterLoader) {
+        highlighterLoader = (async () => {
+            // Use the JavaScript regex engine instead of Oniguruma WASM (~608 KB saved).
+            // forgiving:true degrades unsupported patterns gracefully instead of throwing.
+            const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] = await Promise.all([
+                import("shiki/core"),
+                import("shiki/engine/javascript"),
+            ]);
+            return createHighlighterCore({
+                themes: [
+                    import("shiki/themes/github-light-default.mjs"),
+                    import("shiki/themes/github-dark-default.mjs"),
+                ],
+                langs: [
+                    import("shiki/langs/javascript.mjs"),
+                    import("shiki/langs/typescript.mjs"),
+                    import("shiki/langs/jsx.mjs"),
+                    import("shiki/langs/tsx.mjs"),
+                    import("shiki/langs/json.mjs"),
+                    import("shiki/langs/css.mjs"),
+                    import("shiki/langs/html.mjs"),
+                    import("shiki/langs/markdown.mjs"),
+                    import("shiki/langs/bash.mjs"),
+                    import("shiki/langs/shellscript.mjs"),
+                    import("shiki/langs/python.mjs"),
+                    import("shiki/langs/yaml.mjs"),
+                    import("shiki/langs/sql.mjs"),
+                ],
+                engine: createJavaScriptRegexEngine({ forgiving: true }),
+            });
+        })().catch((error) => {
+            // Reset on failure so a future code block can retry instead of
+            // silently failing forever on a stale chunk / network blip.
+            highlighterLoader = null;
+            throw error;
+        });
+    }
+    return highlighterLoader;
+}
+// ─── Streaming context ───────────────────────────────────────────────────────
+// Declared at module level so HighlightedCodeBlock (used in markdownComponents
+// below) can read the current streaming state without the components object
+// needing to be rebuilt on every render.
+export const TextStreamingContext = React.createContext(false);
+// ─── HighlightedCodeBlock wrapper ────────────────────────────────────────────
+// Reads streaming state from context so markdownComponents (a static constant)
+// can opt into debounced highlighting without needing to rebuild on every render.
+export function HighlightedCodeBlock({ code, lang, }) {
+    const streaming = React.useContext(TextStreamingContext);
+    return (_jsx(SharedHighlightedCodeBlock, { code: code, lang: lang, containerClass: "agent-markdown-shiki", streaming: streaming, loadHighlighter: loadHighlighter }));
+}
+// ─── CTA helpers ─────────────────────────────────────────────────────────────
+const CTA_BUTTON_CLASSES = "agent-markdown-cta mt-1 inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background no-underline shadow-sm transition-colors hover:bg-foreground/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background cursor-pointer";
+function isBuilderErrorCtaHref(href) {
+    if (!href)
+        return false;
+    try {
+        const url = new URL(href);
+        if (url.protocol !== "https:" || url.hostname !== "builder.io") {
+            return false;
+        }
+        return (url.href === BUILDER_SPACE_SETTINGS_URL ||
+            url.pathname === "/account/billing" ||
+            /^\/app\/organizations\/[^/]+\/billing$/.test(url.pathname));
+    }
+    catch {
+        return false;
+    }
+}
+// react-markdown's defaultUrlTransform strips href values whose protocol
+// isn't on its safe list (https, mailto, etc.). Our in-app pseudo-href
+// `agent-native:new-chat` would be blanked out by that, so let it through
+// while delegating every other URL to the default transform for sanitization.
+// Falls back to the value unchanged when the react-markdown module hasn't
+// landed yet (conservative: no stripping beats an empty href).
+export function markdownUrlTransform(value) {
+    if (value === NEW_CHAT_ACTION_HREF)
+        return value;
+    if (!markdownModule)
+        return value;
+    return markdownModule.defaultUrlTransform(value);
+}
+// ─── Code text extraction ─────────────────────────────────────────────────────
+export function extractCodeText(child) {
+    if (typeof child === "string")
+        return child;
+    if (Array.isArray(child))
+        return child.map(extractCodeText).join("");
+    if (React.isValidElement(child)) {
+        const props = child.props;
+        return extractCodeText(props.children);
+    }
+    return "";
+}
+// ─── Markdown components ──────────────────────────────────────────────────────
+export const markdownComponents = {
+    a(props) {
+        const { href, children, className, rel: _rel, target: _target, ...rest } = props;
+        if (href === NEW_CHAT_ACTION_HREF) {
+            // In-app action: dispatch a CustomEvent that MultiTabAssistantChat
+            // listens for and opens a new chat tab. Not an external navigation.
+            return (_jsxs("button", { type: "button", onClick: (e) => {
+                    e.preventDefault();
+                    window.dispatchEvent(new CustomEvent("agent-chat:new-chat"));
+                }, className: cn(CTA_BUTTON_CLASSES, className), children: [_jsx(IconPlus, { size: 13, strokeWidth: 2, "aria-hidden": "true" }), _jsx("span", { children: children })] }));
+        }
+        const isBuilderCta = isBuilderErrorCtaHref(href);
+        if (!isBuilderCta) {
+            return (_jsx("a", { href: href, className: className, ...rest, children: children }));
+        }
+        return (_jsxs("a", { href: href, target: "_blank", rel: "noreferrer", className: cn(CTA_BUTTON_CLASSES, className), ...rest, children: [_jsx("span", { children: children }), _jsx(IconExternalLink, { size: 13, strokeWidth: 2, "aria-hidden": "true" })] }));
+    },
+    pre(props) {
+        const { children, ...rest } = props;
+        if (React.isValidElement(children)) {
+            const childProps = children.props;
+            const className = childProps.className || "";
+            if (/\blanguage-embed\b/.test(className)) {
+                const body = extractCodeText(childProps.children);
+                const parsed = parseEmbedBody(body);
+                return (_jsx(IframeEmbed, { ...parsed }));
+            }
+            const langMatch = className.match(/\blanguage-([\w+-]+)\b/);
+            if (langMatch) {
+                const code = extractCodeText(childProps.children).replace(/\n$/, "");
+                return _jsx(HighlightedCodeBlock, { code: code, lang: langMatch[1] });
+            }
+        }
+        return _jsx("pre", { ...rest, children: children });
+    },
+};
+// ─── Smooth streaming ─────────────────────────────────────────────────────────
+function usePrefersReducedMotion() {
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(() => typeof window !== "undefined" && window.matchMedia
+        ? window.matchMedia("(prefers-reduced-motion: reduce)").matches
+        : false);
+    useEffect(() => {
+        if (typeof window === "undefined" || !window.matchMedia)
+            return undefined;
+        const media = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const handleChange = () => setPrefersReducedMotion(media.matches);
+        handleChange();
+        if (typeof media.addEventListener === "function") {
+            media.addEventListener("change", handleChange);
+            return () => media.removeEventListener("change", handleChange);
+        }
+        media.addListener(handleChange);
+        return () => media.removeListener(handleChange);
+    }, []);
+    return prefersReducedMotion;
+}
+function sliceGraphemes(targetText, graphemes, count) {
+    if (count >= graphemes.length)
+        return targetText;
+    if (count <= 0)
+        return "";
+    return graphemes.slice(0, count).join("");
+}
+export function useSmoothStreamingText(targetText, streaming, resetKey) {
+    const prefersReducedMotion = usePrefersReducedMotion();
+    const [visibleText, setVisibleText] = useState(() => {
+        if (!streaming || prefersReducedMotion)
+            return targetText;
+        const graphemes = splitStreamingTextGraphemes(targetText);
+        return sliceGraphemes(targetText, graphemes, initialSmoothStreamingGraphemeCount(graphemes));
+    });
+    const visibleTextRef = useRef(visibleText);
+    const visibleCountRef = useRef(splitStreamingTextGraphemes(visibleText).length);
+    const targetTextRef = useRef(targetText);
+    const targetGraphemesRef = useRef(splitStreamingTextGraphemes(targetText));
+    const frameRef = useRef(null);
+    const lastCommitAtRef = useRef(0);
+    const pauseUntilRef = useRef(0);
+    const resetKeyRef = useRef(resetKey);
+    const stepRef = useRef(() => { });
+    const commitVisibleCount = useCallback((nextCount) => {
+        const graphemes = targetGraphemesRef.current;
+        const boundedCount = Math.max(0, Math.min(nextCount, graphemes.length));
+        const nextText = sliceGraphemes(targetTextRef.current, graphemes, boundedCount);
+        visibleCountRef.current = boundedCount;
+        if (visibleTextRef.current !== nextText) {
+            visibleTextRef.current = nextText;
+            setVisibleText(nextText);
+        }
+    }, []);
+    const cancelFrame = useCallback(() => {
+        if (frameRef.current != null &&
+            typeof window !== "undefined" &&
+            typeof window.cancelAnimationFrame === "function") {
+            window.cancelAnimationFrame(frameRef.current);
+        }
+        frameRef.current = null;
+        pauseUntilRef.current = 0;
+    }, []);
+    const scheduleFrame = useCallback(() => {
+        if (frameRef.current != null)
+            return;
+        if (typeof window === "undefined" ||
+            typeof window.requestAnimationFrame !== "function") {
+            commitVisibleCount(targetGraphemesRef.current.length);
+            return;
+        }
+        frameRef.current = window.requestAnimationFrame((time) => {
+            frameRef.current = null;
+            stepRef.current(time);
+        });
+    }, [commitVisibleCount]);
+    stepRef.current = (time) => {
+        const targetGraphemes = targetGraphemesRef.current;
+        const backlog = targetGraphemes.length - visibleCountRef.current;
+        if (backlog <= 0) {
+            pauseUntilRef.current = 0;
+            return;
+        }
+        if (pauseUntilRef.current > time) {
+            scheduleFrame();
+            return;
+        }
+        const lastCommitAt = lastCommitAtRef.current || time - SMOOTH_STREAMING_COMMIT_INTERVAL_MS;
+        if (time - lastCommitAt < SMOOTH_STREAMING_COMMIT_INTERVAL_MS &&
+            backlog > 1) {
+            scheduleFrame();
+            return;
+        }
+        const revealCount = smoothStreamingRevealCount({
+            backlog,
+            elapsedMs: Math.min(120, Math.max(8, time - lastCommitAt)),
+        });
+        if (revealCount > 0) {
+            const nextCount = visibleCountRef.current + revealCount;
+            commitVisibleCount(nextCount);
+            lastCommitAtRef.current = time;
+            const nextBacklog = targetGraphemes.length - visibleCountRef.current;
+            const pauseMs = smoothStreamingPunctuationDelayMs(targetGraphemes[visibleCountRef.current - 1], nextBacklog);
+            pauseUntilRef.current = pauseMs > 0 ? time + pauseMs : 0;
+        }
+        if (visibleCountRef.current < targetGraphemes.length) {
+            scheduleFrame();
+        }
+        else {
+            pauseUntilRef.current = 0;
+        }
+    };
+    useEffect(() => {
+        const targetGraphemes = splitStreamingTextGraphemes(targetText);
+        targetTextRef.current = targetText;
+        targetGraphemesRef.current = targetGraphemes;
+        const keyChanged = resetKeyRef.current !== resetKey;
+        resetKeyRef.current = resetKey;
+        if (!streaming || prefersReducedMotion) {
+            cancelFrame();
+            commitVisibleCount(targetGraphemes.length);
+            return;
+        }
+        const visibleNoLongerMatchesTarget = visibleTextRef.current.length > 0 &&
+            !targetText.startsWith(visibleTextRef.current);
+        if (visibleNoLongerMatchesTarget ||
+            visibleCountRef.current > targetGraphemes.length ||
+            (keyChanged && visibleTextRef.current.length === 0)) {
+            commitVisibleCount(initialSmoothStreamingGraphemeCount(targetGraphemes));
+            lastCommitAtRef.current = 0;
+            pauseUntilRef.current = 0;
+        }
+        if (visibleCountRef.current < targetGraphemes.length) {
+            scheduleFrame();
+        }
+    }, [
+        targetText,
+        streaming,
+        prefersReducedMotion,
+        resetKey,
+        cancelFrame,
+        commitVisibleCount,
+        scheduleFrame,
+    ]);
+    // When the tab returns from background, rAF has been paused and the backlog
+    // may be tens of thousands of characters. Animating from where we left off
+    // would replay minutes of content at the normal rate — instead jump the
+    // cursor to near the tail so only the final ~200 graphemes animate in.
+    // Reduced-motion users already get instant reveals (handled above), so this
+    // guard only applies to the normal animation path.
+    useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        const onVisibilityChange = () => {
+            if (document.visibilityState !== "visible")
+                return;
+            if (!streaming || prefersReducedMotion)
+                return;
+            const graphemes = targetGraphemesRef.current;
+            const backlog = graphemes.length - visibleCountRef.current;
+            const BACKGROUND_CATCH_UP_THRESHOLD = 2000;
+            const BACKGROUND_TAIL_GRAPHEMES = 200;
+            if (backlog > BACKGROUND_CATCH_UP_THRESHOLD) {
+                commitVisibleCount(Math.max(0, graphemes.length - BACKGROUND_TAIL_GRAPHEMES));
+                lastCommitAtRef.current = 0;
+                pauseUntilRef.current = 0;
+                scheduleFrame();
+            }
+        };
+        document.addEventListener("visibilitychange", onVisibilityChange);
+        return () => document.removeEventListener("visibilitychange", onVisibilityChange);
+    }, [streaming, prefersReducedMotion, commitVisibleCount, scheduleFrame]);
+    useEffect(() => cancelFrame, [cancelFrame]);
+    return visibleText;
+}
+// ─── Markdown readiness hook ──────────────────────────────────────────────────
+export function useMarkdownReady() {
+    const [ready, setReady] = useState(() => markdownModule !== null);
+    useEffect(() => {
+        if (markdownModule !== null)
+            return;
+        return onMarkdownReady(() => setReady(true));
+    }, []);
+    return ready;
+}
+// ─── MemoizedMarkdownBlock ────────────────────────────────────────────────────
+// Renders a single stable markdown block. Wrapped in React.memo so React
+// skips re-rendering completed blocks when only the tail changes.
+export const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({ blockText, }) {
+    const ReactMarkdown = markdownModule?.default;
+    const gfm = remarkGfmFn;
+    if (!ReactMarkdown || !gfm)
+        return null;
+    return (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: blockText }));
+});
+// ─── SmoothMarkdownText ────────────────────────────────────────────────────────
+export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", }) {
+    const mdReady = useMarkdownReady();
+    const visibleText = useSmoothStreamingText(text, streaming, resetKey);
+    const isVisuallyStreaming = streaming && visibleText !== text;
+    const ReactMarkdown = markdownModule?.default;
+    const gfm = remarkGfmFn;
+    // Block-memoized rendering: during streaming split the visible text into
+    // stable completed blocks + an in-progress tail.  Only the tail re-renders
+    // on every commit; completed blocks are React.memo'd and skipped.
+    // On completion we fall through to a single ReactMarkdown pass to guarantee
+    // byte-identical final output (no block-split artifacts).
+    const split = useMemo(() => (isVisuallyStreaming ? splitMarkdownBlocks(visibleText) : null), [isVisuallyStreaming, visibleText]);
+    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": isVisuallyStreaming ? "true" : undefined, children: mdReady && ReactMarkdown && gfm ? (split ? (_jsxs(_Fragment, { children: [split.completedBlocks.map((block, i) => (_jsx(MemoizedMarkdownBlock, { blockText: block }, i))), split.tail ? (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: split.tail })) : null] })) : (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: visibleText }))) : (_jsx("span", { style: { whiteSpace: "pre-wrap" }, children: visibleText })) }));
+}
+// ─── MarkdownText ──────────────────────────────────────────────────────────────
+export function MarkdownText() {
+    const textPart = useMessagePartText();
+    const messageRuntime = useMessageRuntime();
+    const message = messageRuntime.getState();
+    const thread = useThread();
+    const textStreaming = React.useContext(TextStreamingContext);
+    const lastMessage = thread.messages[thread.messages.length - 1];
+    const isLastAssistantMessage = message.role === "assistant" && lastMessage?.id === message.id;
+    const statusType = textPart.status?.type ?? message.status?.type ?? "complete";
+    return (_jsx(SmoothMarkdownText, { text: textPart.text, streaming: textStreaming && isLastAssistantMessage, resetKey: `${message.id}:${statusType}`, statusType: statusType }));
+}
+//# sourceMappingURL=markdown-renderer.js.map

package/dist/client/chat/markdown-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer.js","sourceRoot":"","sources":["../../../src/client/chat/markdown-renderer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Owns: lazy react-markdown/shiki loaders, SmoothMarkdownText, MarkdownText,\n// HighlightedCodeBlock wrapper, and the markdownComponents/markdownUrlTransform\n// used by every markdown render path in AssistantChat.\n\nimport React, {\n  useState,\n  useEffect,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  useThread,\n  useMessageRuntime,\n  useMessagePartText,\n} from \"@assistant-ui/react\";\n// react-markdown + remark-gfm type imports only — loaded lazily below.\nimport type { default as ReactMarkdownType } from \"react-markdown\";\nimport type { defaultUrlTransform as DefaultUrlTransformType } from \"react-markdown\";\nimport type remarkGfmType from \"remark-gfm\";\nimport {\n  initialSmoothStreamingGraphemeCount,\n  SMOOTH_STREAMING_COMMIT_INTERVAL_MS,\n  smoothStreamingPunctuationDelayMs,\n  smoothStreamingRevealCount,\n  splitStreamingTextGraphemes,\n} from \"../../shared/streaming-text-smoothing.js\";\nimport { splitMarkdownBlocks } from \"../../shared/markdown-block-split.js\";\nimport { HighlightedCodeBlock as SharedHighlightedCodeBlock } from \"../HighlightedCodeBlock.js\";\nimport { IframeEmbed, parseEmbedBody } from \"../IframeEmbed.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  NEW_CHAT_ACTION_HREF,\n  BUILDER_SPACE_SETTINGS_URL,\n} from \"../error-format.js\";\nimport { IconPlus, IconExternalLink } from \"@tabler/icons-react\";\n\n// ─── Lazy markdown loader ────────────────────────────────────────────────────\n// react-markdown + remark-gfm are deferred so they stay off the critical path\n// of every page. The loader fires as soon as this module is evaluated (i.e.\n// when the lazy AssistantChat chunk lands — not at initial page parse).\n// This mirrors the existing shiki lazy-load pattern further below.\n\ntype ReactMarkdownModule = {\n  default: typeof ReactMarkdownType;\n  defaultUrlTransform: typeof DefaultUrlTransformType;\n};\n\nexport let markdownModule: ReactMarkdownModule | null = null;\nexport let remarkGfmFn: typeof remarkGfmType | null = null;\nconst markdownListeners = new Set<() => void>();\n\nexport function loadMarkdown(): void {\n  if (markdownModule !== null) return; // already loaded\n  Promise.all([import(\"react-markdown\"), import(\"remark-gfm\")]).then(\n    ([md, gfm]) => {\n      markdownModule = md as ReactMarkdownModule;\n      remarkGfmFn = gfm.default;\n      markdownListeners.forEach((fn) => fn());\n      markdownListeners.clear();\n    },\n  );\n}\n\nexport function onMarkdownReady(fn: () => void): () => void {\n  if (markdownModule !== null) {\n    fn();\n    return () => {};\n  }\n  markdownListeners.add(fn);\n  return () => markdownListeners.delete(fn);\n}\n\nloadMarkdown();\n\n// ─── Lazy shiki highlighter ──────────────────────────────────────────────────\n// Using the fine-grained API so we only ship the languages and themes we\n// actually use (instead of shiki's full ~30 MB bundle of every grammar).\n// Required to keep the Cloudflare Pages Functions bundle under 25 MiB.\n\ntype ShikiHighlighter = {\n  codeToHtml: (\n    code: string,\n    options: {\n      lang: string;\n      themes: { light: string; dark: string };\n      defaultColor?: false | \"light\" | \"dark\";\n    },\n  ) => string | Promise<string>;\n  getLoadedLanguages: () => string[];\n};\n\nlet highlighterLoader: Promise<ShikiHighlighter> | null = null;\nexport function loadHighlighter(): Promise<ShikiHighlighter> {\n  if (!highlighterLoader) {\n    highlighterLoader = (async () => {\n      // Use the JavaScript regex engine instead of Oniguruma WASM (~608 KB saved).\n      // forgiving:true degrades unsupported patterns gracefully instead of throwing.\n      const [{ createHighlighterCore }, { createJavaScriptRegexEngine }] =\n        await Promise.all([\n          import(\"shiki/core\"),\n          import(\"shiki/engine/javascript\"),\n        ]);\n      return createHighlighterCore({\n        themes: [\n          import(\"shiki/themes/github-light-default.mjs\"),\n          import(\"shiki/themes/github-dark-default.mjs\"),\n        ],\n        langs: [\n          import(\"shiki/langs/javascript.mjs\"),\n          import(\"shiki/langs/typescript.mjs\"),\n          import(\"shiki/langs/jsx.mjs\"),\n          import(\"shiki/langs/tsx.mjs\"),\n          import(\"shiki/langs/json.mjs\"),\n          import(\"shiki/langs/css.mjs\"),\n          import(\"shiki/langs/html.mjs\"),\n          import(\"shiki/langs/markdown.mjs\"),\n          import(\"shiki/langs/bash.mjs\"),\n          import(\"shiki/langs/shellscript.mjs\"),\n          import(\"shiki/langs/python.mjs\"),\n          import(\"shiki/langs/yaml.mjs\"),\n          import(\"shiki/langs/sql.mjs\"),\n        ],\n        engine: createJavaScriptRegexEngine({ forgiving: true }),\n      }) as unknown as Promise<ShikiHighlighter>;\n    })().catch((error) => {\n      // Reset on failure so a future code block can retry instead of\n      // silently failing forever on a stale chunk / network blip.\n      highlighterLoader = null;\n      throw error;\n    });\n  }\n  return highlighterLoader;\n}\n\n// ─── Streaming context ───────────────────────────────────────────────────────\n// Declared at module level so HighlightedCodeBlock (used in markdownComponents\n// below) can read the current streaming state without the components object\n// needing to be rebuilt on every render.\n\nexport const TextStreamingContext = React.createContext(false);\n\n// ─── HighlightedCodeBlock wrapper ────────────────────────────────────────────\n// Reads streaming state from context so markdownComponents (a static constant)\n// can opt into debounced highlighting without needing to rebuild on every render.\n\nexport function HighlightedCodeBlock({\n  code,\n  lang,\n}: {\n  code: string;\n  lang: string;\n}) {\n  const streaming = React.useContext(TextStreamingContext);\n  return (\n    <SharedHighlightedCodeBlock\n      code={code}\n      lang={lang}\n      containerClass=\"agent-markdown-shiki\"\n      streaming={streaming}\n      loadHighlighter={loadHighlighter}\n    />\n  );\n}\n\n// ─── CTA helpers ─────────────────────────────────────────────────────────────\n\nconst CTA_BUTTON_CLASSES =\n  \"agent-markdown-cta mt-1 inline-flex items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background no-underline shadow-sm transition-colors hover:bg-foreground/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background cursor-pointer\";\n\nfunction isBuilderErrorCtaHref(href: string | undefined): boolean {\n  if (!href) return false;\n  try {\n    const url = new URL(href);\n    if (url.protocol !== \"https:\" || url.hostname !== \"builder.io\") {\n      return false;\n    }\n    return (\n      url.href === BUILDER_SPACE_SETTINGS_URL ||\n      url.pathname === \"/account/billing\" ||\n      /^\\/app\\/organizations\\/[^/]+\\/billing$/.test(url.pathname)\n    );\n  } catch {\n    return false;\n  }\n}\n\n// react-markdown's defaultUrlTransform strips href values whose protocol\n// isn't on its safe list (https, mailto, etc.). Our in-app pseudo-href\n// `agent-native:new-chat` would be blanked out by that, so let it through\n// while delegating every other URL to the default transform for sanitization.\n// Falls back to the value unchanged when the react-markdown module hasn't\n// landed yet (conservative: no stripping beats an empty href).\nexport function markdownUrlTransform(value: string): string {\n  if (value === NEW_CHAT_ACTION_HREF) return value;\n  if (!markdownModule) return value;\n  return markdownModule.defaultUrlTransform(value);\n}\n\n// ─── Code text extraction ─────────────────────────────────────────────────────\n\nexport function extractCodeText(child: React.ReactNode): string {\n  if (typeof child === \"string\") return child;\n  if (Array.isArray(child)) return child.map(extractCodeText).join(\"\");\n  if (React.isValidElement(child)) {\n    const props = child.props as { children?: React.ReactNode };\n    return extractCodeText(props.children);\n  }\n  return \"\";\n}\n\n// ─── Markdown components ──────────────────────────────────────────────────────\n\nexport const markdownComponents = {\n  a(props: React.AnchorHTMLAttributes<HTMLAnchorElement>) {\n    const {\n      href,\n      children,\n      className,\n      rel: _rel,\n      target: _target,\n      ...rest\n    } = props;\n    if (href === NEW_CHAT_ACTION_HREF) {\n      // In-app action: dispatch a CustomEvent that MultiTabAssistantChat\n      // listens for and opens a new chat tab. Not an external navigation.\n      return (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.preventDefault();\n            window.dispatchEvent(new CustomEvent(\"agent-chat:new-chat\"));\n          }}\n          className={cn(CTA_BUTTON_CLASSES, className)}\n        >\n          <IconPlus size={13} strokeWidth={2} aria-hidden=\"true\" />\n          <span>{children}</span>\n        </button>\n      );\n    }\n    const isBuilderCta = isBuilderErrorCtaHref(href);\n    if (!isBuilderCta) {\n      return (\n        <a href={href} className={className} {...rest}>\n          {children}\n        </a>\n      );\n    }\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className={cn(CTA_BUTTON_CLASSES, className)}\n        {...rest}\n      >\n        <span>{children}</span>\n        <IconExternalLink size={13} strokeWidth={2} aria-hidden=\"true\" />\n      </a>\n    );\n  },\n  pre(props: React.HTMLAttributes<HTMLPreElement>) {\n    const { children, ...rest } = props;\n    if (React.isValidElement(children)) {\n      const childProps = children.props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const className = childProps.className || \"\";\n      if (/\\blanguage-embed\\b/.test(className)) {\n        const body = extractCodeText(childProps.children);\n        const parsed = parseEmbedBody(body);\n        return (\n          <IframeEmbed {...(parsed as Parameters<typeof IframeEmbed>[0])} />\n        );\n      }\n      const langMatch = className.match(/\\blanguage-([\\w+-]+)\\b/);\n      if (langMatch) {\n        const code = extractCodeText(childProps.children).replace(/\\n$/, \"\");\n        return <HighlightedCodeBlock code={code} lang={langMatch[1]} />;\n      }\n    }\n    return <pre {...rest}>{children}</pre>;\n  },\n};\n\n// ─── Smooth streaming ─────────────────────────────────────────────────────────\n\nfunction usePrefersReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(() =>\n    typeof window !== \"undefined\" && window.matchMedia\n      ? window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n      : false,\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !window.matchMedia) return undefined;\n\n    const media = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const handleChange = () => setPrefersReducedMotion(media.matches);\n    handleChange();\n\n    if (typeof media.addEventListener === \"function\") {\n      media.addEventListener(\"change\", handleChange);\n      return () => media.removeEventListener(\"change\", handleChange);\n    }\n\n    media.addListener(handleChange);\n    return () => media.removeListener(handleChange);\n  }, []);\n\n  return prefersReducedMotion;\n}\n\nfunction sliceGraphemes(\n  targetText: string,\n  graphemes: readonly string[],\n  count: number,\n): string {\n  if (count >= graphemes.length) return targetText;\n  if (count <= 0) return \"\";\n  return graphemes.slice(0, count).join(\"\");\n}\n\nexport function useSmoothStreamingText(\n  targetText: string,\n  streaming: boolean,\n  resetKey: string,\n): string {\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const [visibleText, setVisibleText] = useState(() => {\n    if (!streaming || prefersReducedMotion) return targetText;\n    const graphemes = splitStreamingTextGraphemes(targetText);\n    return sliceGraphemes(\n      targetText,\n      graphemes,\n      initialSmoothStreamingGraphemeCount(graphemes),\n    );\n  });\n  const visibleTextRef = useRef(visibleText);\n  const visibleCountRef = useRef(\n    splitStreamingTextGraphemes(visibleText).length,\n  );\n  const targetTextRef = useRef(targetText);\n  const targetGraphemesRef = useRef(splitStreamingTextGraphemes(targetText));\n  const frameRef = useRef<number | null>(null);\n  const lastCommitAtRef = useRef(0);\n  const pauseUntilRef = useRef(0);\n  const resetKeyRef = useRef(resetKey);\n  const stepRef = useRef<(time: number) => void>(() => {});\n\n  const commitVisibleCount = useCallback((nextCount: number) => {\n    const graphemes = targetGraphemesRef.current;\n    const boundedCount = Math.max(0, Math.min(nextCount, graphemes.length));\n    const nextText = sliceGraphemes(\n      targetTextRef.current,\n      graphemes,\n      boundedCount,\n    );\n    visibleCountRef.current = boundedCount;\n    if (visibleTextRef.current !== nextText) {\n      visibleTextRef.current = nextText;\n      setVisibleText(nextText);\n    }\n  }, []);\n\n  const cancelFrame = useCallback(() => {\n    if (\n      frameRef.current != null &&\n      typeof window !== \"undefined\" &&\n      typeof window.cancelAnimationFrame === \"function\"\n    ) {\n      window.cancelAnimationFrame(frameRef.current);\n    }\n    frameRef.current = null;\n    pauseUntilRef.current = 0;\n  }, []);\n\n  const scheduleFrame = useCallback(() => {\n    if (frameRef.current != null) return;\n    if (\n      typeof window === \"undefined\" ||\n      typeof window.requestAnimationFrame !== \"function\"\n    ) {\n      commitVisibleCount(targetGraphemesRef.current.length);\n      return;\n    }\n\n    frameRef.current = window.requestAnimationFrame((time) => {\n      frameRef.current = null;\n      stepRef.current(time);\n    });\n  }, [commitVisibleCount]);\n\n  stepRef.current = (time) => {\n    const targetGraphemes = targetGraphemesRef.current;\n    const backlog = targetGraphemes.length - visibleCountRef.current;\n    if (backlog <= 0) {\n      pauseUntilRef.current = 0;\n      return;\n    }\n\n    if (pauseUntilRef.current > time) {\n      scheduleFrame();\n      return;\n    }\n\n    const lastCommitAt =\n      lastCommitAtRef.current || time - SMOOTH_STREAMING_COMMIT_INTERVAL_MS;\n    if (\n      time - lastCommitAt < SMOOTH_STREAMING_COMMIT_INTERVAL_MS &&\n      backlog > 1\n    ) {\n      scheduleFrame();\n      return;\n    }\n\n    const revealCount = smoothStreamingRevealCount({\n      backlog,\n      elapsedMs: Math.min(120, Math.max(8, time - lastCommitAt)),\n    });\n\n    if (revealCount > 0) {\n      const nextCount = visibleCountRef.current + revealCount;\n      commitVisibleCount(nextCount);\n      lastCommitAtRef.current = time;\n      const nextBacklog = targetGraphemes.length - visibleCountRef.current;\n      const pauseMs = smoothStreamingPunctuationDelayMs(\n        targetGraphemes[visibleCountRef.current - 1],\n        nextBacklog,\n      );\n      pauseUntilRef.current = pauseMs > 0 ? time + pauseMs : 0;\n    }\n\n    if (visibleCountRef.current < targetGraphemes.length) {\n      scheduleFrame();\n    } else {\n      pauseUntilRef.current = 0;\n    }\n  };\n\n  useEffect(() => {\n    const targetGraphemes = splitStreamingTextGraphemes(targetText);\n    targetTextRef.current = targetText;\n    targetGraphemesRef.current = targetGraphemes;\n\n    const keyChanged = resetKeyRef.current !== resetKey;\n    resetKeyRef.current = resetKey;\n\n    if (!streaming || prefersReducedMotion) {\n      cancelFrame();\n      commitVisibleCount(targetGraphemes.length);\n      return;\n    }\n\n    const visibleNoLongerMatchesTarget =\n      visibleTextRef.current.length > 0 &&\n      !targetText.startsWith(visibleTextRef.current);\n\n    if (\n      visibleNoLongerMatchesTarget ||\n      visibleCountRef.current > targetGraphemes.length ||\n      (keyChanged && visibleTextRef.current.length === 0)\n    ) {\n      commitVisibleCount(initialSmoothStreamingGraphemeCount(targetGraphemes));\n      lastCommitAtRef.current = 0;\n      pauseUntilRef.current = 0;\n    }\n\n    if (visibleCountRef.current < targetGraphemes.length) {\n      scheduleFrame();\n    }\n  }, [\n    targetText,\n    streaming,\n    prefersReducedMotion,\n    resetKey,\n    cancelFrame,\n    commitVisibleCount,\n    scheduleFrame,\n  ]);\n\n  // When the tab returns from background, rAF has been paused and the backlog\n  // may be tens of thousands of characters. Animating from where we left off\n  // would replay minutes of content at the normal rate — instead jump the\n  // cursor to near the tail so only the final ~200 graphemes animate in.\n  // Reduced-motion users already get instant reveals (handled above), so this\n  // guard only applies to the normal animation path.\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const onVisibilityChange = () => {\n      if (document.visibilityState !== \"visible\") return;\n      if (!streaming || prefersReducedMotion) return;\n      const graphemes = targetGraphemesRef.current;\n      const backlog = graphemes.length - visibleCountRef.current;\n      const BACKGROUND_CATCH_UP_THRESHOLD = 2000;\n      const BACKGROUND_TAIL_GRAPHEMES = 200;\n      if (backlog > BACKGROUND_CATCH_UP_THRESHOLD) {\n        commitVisibleCount(\n          Math.max(0, graphemes.length - BACKGROUND_TAIL_GRAPHEMES),\n        );\n        lastCommitAtRef.current = 0;\n        pauseUntilRef.current = 0;\n        scheduleFrame();\n      }\n    };\n    document.addEventListener(\"visibilitychange\", onVisibilityChange);\n    return () =>\n      document.removeEventListener(\"visibilitychange\", onVisibilityChange);\n  }, [streaming, prefersReducedMotion, commitVisibleCount, scheduleFrame]);\n\n  useEffect(() => cancelFrame, [cancelFrame]);\n\n  return visibleText;\n}\n\n// ─── Markdown readiness hook ──────────────────────────────────────────────────\n\nexport function useMarkdownReady(): boolean {\n  const [ready, setReady] = useState(() => markdownModule !== null);\n  useEffect(() => {\n    if (markdownModule !== null) return;\n    return onMarkdownReady(() => setReady(true));\n  }, []);\n  return ready;\n}\n\n// ─── MemoizedMarkdownBlock ────────────────────────────────────────────────────\n// Renders a single stable markdown block. Wrapped in React.memo so React\n// skips re-rendering completed blocks when only the tail changes.\n\nexport const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({\n  blockText,\n}: {\n  blockText: string;\n}) {\n  const ReactMarkdown = markdownModule?.default;\n  const gfm = remarkGfmFn;\n  if (!ReactMarkdown || !gfm) return null;\n  return (\n    <ReactMarkdown\n      remarkPlugins={[gfm]}\n      components={markdownComponents}\n      urlTransform={markdownUrlTransform}\n    >\n      {blockText}\n    </ReactMarkdown>\n  );\n});\n\n// ─── SmoothMarkdownText ────────────────────────────────────────────────────────\n\nexport function SmoothMarkdownText({\n  text,\n  streaming,\n  resetKey,\n  statusType = \"complete\",\n}: {\n  text: string;\n  streaming: boolean;\n  resetKey: string;\n  statusType?: string;\n}) {\n  const mdReady = useMarkdownReady();\n  const visibleText = useSmoothStreamingText(text, streaming, resetKey);\n  const isVisuallyStreaming = streaming && visibleText !== text;\n  const ReactMarkdown = markdownModule?.default;\n  const gfm = remarkGfmFn;\n\n  // Block-memoized rendering: during streaming split the visible text into\n  // stable completed blocks + an in-progress tail.  Only the tail re-renders\n  // on every commit; completed blocks are React.memo'd and skipped.\n  // On completion we fall through to a single ReactMarkdown pass to guarantee\n  // byte-identical final output (no block-split artifacts).\n  const split = useMemo(\n    () => (isVisuallyStreaming ? splitMarkdownBlocks(visibleText) : null),\n    [isVisuallyStreaming, visibleText],\n  );\n\n  return (\n    <div\n      className=\"agent-markdown break-words\"\n      data-status={statusType}\n      data-streaming={isVisuallyStreaming ? \"true\" : undefined}\n    >\n      {mdReady && ReactMarkdown && gfm ? (\n        split ? (\n          // Streaming: render completed blocks (memoized) + live tail block\n          <>\n            {split.completedBlocks.map((block, i) => (\n              <MemoizedMarkdownBlock key={i} blockText={block} />\n            ))}\n            {split.tail ? (\n              <ReactMarkdown\n                remarkPlugins={[gfm]}\n                components={markdownComponents}\n                urlTransform={markdownUrlTransform}\n              >\n                {split.tail}\n              </ReactMarkdown>\n            ) : null}\n          </>\n        ) : (\n          // Not streaming (or streaming complete): single-pass render\n          <ReactMarkdown\n            remarkPlugins={[gfm]}\n            components={markdownComponents}\n            urlTransform={markdownUrlTransform}\n          >\n            {visibleText}\n          </ReactMarkdown>\n        )\n      ) : (\n        // Plain text while the react-markdown chunk is in flight.\n        // The chunk is already being fetched by loadMarkdown() above, so\n        // this placeholder is typically only visible for one render frame.\n        <span style={{ whiteSpace: \"pre-wrap\" }}>{visibleText}</span>\n      )}\n    </div>\n  );\n}\n\n// ─── MarkdownText ──────────────────────────────────────────────────────────────\n\nexport function MarkdownText() {\n  const textPart = useMessagePartText();\n  const messageRuntime = useMessageRuntime();\n  const message = messageRuntime.getState();\n  const thread = useThread();\n  const textStreaming = React.useContext(TextStreamingContext);\n  const lastMessage = thread.messages[thread.messages.length - 1];\n  const isLastAssistantMessage =\n    message.role === \"assistant\" && lastMessage?.id === message.id;\n  const statusType =\n    textPart.status?.type ?? message.status?.type ?? \"complete\";\n\n  return (\n    <SmoothMarkdownText\n      text={textPart.text}\n      streaming={textStreaming && isLastAssistantMessage}\n      resetKey={`${message.id}:${statusType}`}\n      statusType={statusType}\n    />\n  );\n}\n"]}

package/dist/client/chat/message-components.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+export declare function displayableUserMessageText(text: string): string;
+interface FormattedMessageTimestamp {
+    short: string;
+    full: string;
+}
+export declare function formatMessageTimestamp(value: unknown): FormattedMessageTimestamp | null;
+export declare function MessageTimestamp({ timestamp, className, }: {
+    timestamp: FormattedMessageTimestamp;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SelectionAttachedPill(): import("react/jsx-runtime").JSX.Element | null;
+export declare const CheckpointContext: React.Context<{
+    apiUrl: string;
+    devMode: boolean;
+    threadId?: string;
+} | null>;
+export declare const MessageActionsContext: React.Context<{
+    onForkChat?: () => void | boolean | Promise<void | boolean>;
+} | null>;
+export declare function MessageBranchPicker(): import("react/jsx-runtime").JSX.Element;
+export declare function MessageActionsMenu({ showRevert, onRevert, }?: {
+    showRevert?: boolean;
+    onRevert?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UserMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function AssistantMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function RunningActivityStatus({ label }: {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ThinkingIndicator({ label, }?: {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=message-components.d.ts.map

package/dist/client/chat/message-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-components.d.ts","sourceRoot":"","sources":["../../../src/client/chat/message-components.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAuExE,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/D;AAID,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAqBD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,OAAO,GACb,yBAAyB,GAAG,IAAI,CAyClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,SAAS,GACV,EAAE;IACD,SAAS,EAAE,yBAAyB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAYA;AAID,wBAAgB,qBAAqB,mDAgEpC;AAID,eAAO,MAAM,iBAAiB;YACpB,MAAM;aACL,OAAO;eACL,MAAM;SACJ,CAAC;AAEhB,eAAO,MAAM,qBAAqB;iBACnB,MAAM,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC;SAC9C,CAAC;AAIhB,wBAAgB,mBAAmB,4CA+BlC;AAwMD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,GACT,GAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB,2CAiIL;AAID,wBAAgB,WAAW,4CAuI1B;AAID,wBAAgB,gBAAgB,4CAiL/B;AAID,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,2CAMjE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAkB,GACnB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAO,2CAgBzB"}