@agent-native/core 0.152.0 → 0.153.0

package/dist/client/FeedbackButton.js

@@ -211,10 +211,23 @@ function isFirstPartyHostname(hostname) {
     return (normalized === FIRST_PARTY_HOSTNAME ||
         normalized?.endsWith(`.${FIRST_PARTY_HOSTNAME}`) === true);
 }
+function isLegacyFeedbackPageUrl(value, hostname) {
+    const hasScheme = /^[a-z][a-z\d+.-]*:/i.test(value);
+    const base = hasScheme || !hostname ? undefined : `https://${hostname}`;
+    if (!URL.canParse(value, base))
+        return null;
+    const parsed = new URL(value, base);
+    return (parsed.pathname === "/feedback" && isFirstPartyHostname(parsed.hostname));
+}
 export function resolveFeedbackUrl(url, hostname = clientHostname()) {
     const value = url === undefined ? clientEnv()?.VITE_AGENT_NATIVE_FEEDBACK_URL : url;
-    if (typeof value === "string" && value.trim())
-        return value.trim();
+    if (typeof value === "string" && value.trim()) {
+        const normalized = value.trim();
+        if (isLegacyFeedbackPageUrl(normalized, hostname) === true) {
+            return FIRST_PARTY_FEEDBACK_URL;
+        }
+        return parseTarget(normalized) ? normalized : null;
+    }
     if (url !== undefined)
         return null;
     return isFirstPartyHostname(hostname) ? FIRST_PARTY_FEEDBACK_URL : null;

package/dist/client/RouteTransitionIndicator.d.ts

@@ -1,6 +1,18 @@
 export declare const ROUTE_TRANSITION_INDICATOR_DELAY_MS = 180;
 /**
- * Shows the destination after a short delay so fast route changes stay quiet.
- * The provider shell survives lazy route loading, including a cold Vite graph.
+ * A top progress bar while the next route loads.
+ *
+ * This used to be a floating card in the bottom-right corner that printed the
+ * destination pathname. Users read it as a bug rather than a loading state —
+ * the old page stays fully interactive while a little box in the corner shows
+ * a URL, so it looks like the click did nothing and something else broke
+ * ("it takes you back to the grid page with a spinner in the corner ... the
+ * spinner shows the new route"). A top bar is the convention precisely because
+ * it reads as "this page is on its way" without competing for attention or
+ * exposing routing internals.
+ *
+ * The delay is the part worth keeping: fast navigations never paint anything,
+ * so the common case stays silent. It only appears once a transition is slow
+ * enough that the user has started to wonder.
  */
 export declare function RouteTransitionIndicator(): import("react").JSX.Element | null;

package/dist/client/RouteTransitionIndicator.js

@@ -1,11 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconLoader2 } from "@tabler/icons-react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { useNavigation } from "react-router";
 export const ROUTE_TRANSITION_INDICATOR_DELAY_MS = 180;
 /**
- * Shows the destination after a short delay so fast route changes stay quiet.
- * The provider shell survives lazy route loading, including a cold Vite graph.
+ * A top progress bar while the next route loads.
+ *
+ * This used to be a floating card in the bottom-right corner that printed the
+ * destination pathname. Users read it as a bug rather than a loading state —
+ * the old page stays fully interactive while a little box in the corner shows
+ * a URL, so it looks like the click did nothing and something else broke
+ * ("it takes you back to the grid page with a spinner in the corner ... the
+ * spinner shows the new route"). A top bar is the convention precisely because
+ * it reads as "this page is on its way" without competing for attention or
+ * exposing routing internals.
+ *
+ * The delay is the part worth keeping: fast navigations never paint anything,
+ * so the common case stays silent. It only appears once a transition is slow
+ * enough that the user has started to wonder.
  */
 export function RouteTransitionIndicator() {
     const navigation = useNavigation();
@@ -26,5 +37,5 @@ export function RouteTransitionIndicator() {
     }, [destination]);
     if (!destination || visibleDestination !== destination)
         return null;
-    return (_jsxs("div", { "aria-label": `Loading ${destination}`, "aria-live": "polite", className: "pointer-events-none fixed bottom-4 right-4 z-50 flex max-w-[calc(100vw-2rem)] items-center gap-2 rounded-md border border-border bg-background/95 px-3 py-2 text-xs text-muted-foreground shadow-lg backdrop-blur", "data-route-transition-indicator": "true", "data-route-transition-target": destination, role: "status", children: [_jsx(IconLoader2, { "aria-hidden": "true", className: "size-3.5 shrink-0 animate-spin text-primary" }), _jsx("span", { className: "truncate", children: destination })] }));
+    return (_jsx("div", { "aria-label": "Loading the next page", "aria-live": "polite", className: "pointer-events-none fixed inset-x-0 top-0 z-50 h-0.5 overflow-hidden bg-primary/15", "data-route-transition-indicator": "true", "data-route-transition-target": destination, role: "status", children: _jsx("div", { className: "route-transition-indicator-bar h-full w-full bg-primary" }) }));
 }

package/dist/client/agent-page/AgentTabsPage.js

@@ -9,6 +9,7 @@ import { McpIntegrationDialog,
 // The dialog is intentionally reused here so the Agent page remains a thin
 // host for the existing MCP management flow.
  } from "../resources/McpIntegrationDialog.js";
+import { McpIntegrationLogo } from "../resources/McpIntegrationLogo.js";
 import { McpServerDetail } from "../resources/McpServerDetail.js";
 import { useCreateMcpServer, useDeleteMcpServer, useMcpServers, formatMcpServersLoadError, } from "../resources/use-mcp-servers.js";
 import { AGENT_SETTINGS_SECTIONS, buildSectionSearchEntries, } from "../settings/agent-settings-search.js";
@@ -155,17 +156,29 @@ export function ConnectionsTab({ canManageOrg, } = {}) {
         const key = `${server.scope}:${server.id}`;
         const canDelete = server.scope === "user" || resolvedCanManageOrg;
         const selected = selectedServer?.id === server.id && selectedServer.scope === server.scope;
-        return (_jsxs("div", { className: cn("group/connection-row py-4 transition-colors first:pt-5 last:pb-5", selected && "bg-accent/20"), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsxs("button", { type: "button", onClick: () => setSelectedServer(selected ? null : server), className: "min-w-0 flex-1 cursor-pointer text-start", children: [_jsx("div", { className: "flex flex-wrap items-center gap-2", children: _jsx("span", { className: "truncate text-sm font-medium text-foreground", children: server.name }) }), _jsx("code", { className: "mt-1 block truncate text-[11px] text-muted-foreground", children: server.url }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx(ServerStatus, { server: server }), server.description && (_jsx("span", { className: "truncate text-[11px] text-muted-foreground/70", children: server.description }))] })] }), canDelete && (_jsx("button", { type: "button", onClick: () => void removeServer(server), disabled: deleteServer.isPending, className: cn("cursor-pointer rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive", deleteTarget === key && "bg-destructive/10 text-destructive"), children: deleteTarget === key ? "Confirm" : "Delete" }))] }), selected && (_jsx("div", { className: "mt-3 border-t border-border/70 pt-3", children: _jsx(McpServerDetail, { server: server }) }))] }, key));
+        return (_jsxs("div", { className: cn("group/connection-row border-b border-border/60 py-3.5 transition-colors last:border-b-0", selected && "bg-accent/20"), children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(McpIntegrationLogo, { name: server.name, logoUrl: "", integrationId: server.name.toLowerCase(), className: "size-8 rounded-md" }), _jsxs("button", { type: "button", onClick: () => setSelectedServer(selected ? null : server), className: "min-w-0 flex-1 cursor-pointer text-start", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: server.name }), _jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: server.scope === "user"
+                                                ? t("mcpIntegrations.personal")
+                                                : t("mcpIntegrations.sharedWithWorkspace") })] }), _jsx("code", { className: "mt-0.5 block truncate text-[11px] text-muted-foreground", children: server.url }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(ServerStatus, { server: server }), server.description && (_jsx("span", { className: "truncate text-[11px] text-muted-foreground/70", children: server.description }))] })] }), _jsx("span", { className: "hidden shrink-0 self-center text-xs font-medium text-foreground/70 sm:inline", children: "Manage" }), canDelete && (_jsx("button", { type: "button", onClick: () => void removeServer(server), disabled: deleteServer.isPending, className: cn("cursor-pointer rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive", deleteTarget === key && "bg-destructive/10 text-destructive"), children: deleteTarget === key ? "Confirm" : "Delete" }))] }), selected && (_jsx("div", { className: "mt-3 border-t border-border/70 pt-3", children: _jsx(McpServerDetail, { server: server }) }))] }, key));
     };
-    return (_jsx(AgentTabFrame, { title: "Agent integrations", description: "Tools and services this agent can reach, grouped by where they are configured.", actions: _jsx("button", { type: "button", onClick: () => {
+    return (_jsx(AgentTabFrame, { title: "Agent integrations", description: "Tools and services this agent can reach, grouped by personal or workspace access.", actions: _jsx("button", { type: "button", onClick: () => {
                 setError(null);
                 setDialogOpen(true);
             }, className: "cursor-pointer rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90", children: t("mcpIntegrations.connect") }), children: _jsxs("section", { className: "space-y-4", children: [error && (_jsx("p", { className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: error })), serversQuery.isLoading ? (_jsx(TabLoading, {})) : serversQuery.isError ? (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/20 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [_jsx("p", { children: formatMcpServersLoadError(serversQuery.error) }), _jsx("button", { type: "button", onClick: () => void serversQuery.refetch(), disabled: serversQuery.isFetching, className: "mt-2 font-medium underline underline-offset-2 hover:text-foreground disabled:cursor-wait disabled:opacity-60", children: serversQuery.isFetching ? "Retrying…" : "Retry" })] })) : (_jsx("div", { className: "space-y-6", children: [
-                        { label: "Personal", servers: data?.user ?? [] },
-                        { label: "Organization", servers: data?.org ?? [] },
-                    ].map((section) => (_jsxs("section", { className: "space-y-2", children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: section.label }), section.servers.length > 0 ? (_jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: section.servers.map(renderServer) })) : (_jsx(AgentEmptyState, { icon: IconPlugConnected, title: `No ${section.label.toLowerCase()} agent integrations yet`, description: section.label === "Personal"
+                        {
+                            scope: "user",
+                            label: t("mcpIntegrations.personal"),
+                            servers: data?.user ?? [],
+                        },
+                        {
+                            scope: "org",
+                            label: t("mcpIntegrations.sharedWithWorkspace"),
+                            servers: data?.org ?? [],
+                        },
+                    ].map((section) => (_jsxs("section", { className: "space-y-2", children: [_jsx("h2", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground/70", children: section.label }), section.servers.length > 0 ? (_jsx("div", { className: "divide-y divide-border/60 border-y border-border/60", children: section.servers.map(renderServer) })) : (_jsx(AgentEmptyState, { icon: IconPlugConnected, title: section.scope === "user"
+                                    ? "No personal agent integrations yet"
+                                    : "No workspace-shared agent integrations yet", description: section.scope === "user"
                                     ? "Connect a service to give the agent access to it."
-                                    : "Organization agent integrations shared with this workspace will appear here." }))] }, section.label))) })), _jsx(McpIntegrationDialog, { open: dialogOpen, onOpenChange: setDialogOpen, defaultScope: "user", canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrg, onCreateMcpServer: onCreateMcpServer })] }) }));
+                                    : "Agent integrations shared with this workspace will appear here." }))] }, section.scope))) })), _jsx(McpIntegrationDialog, { open: dialogOpen, onOpenChange: setDialogOpen, defaultScope: "user", canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrg, onCreateMcpServer: onCreateMcpServer })] }) }));
 }
 export const AGENT_ACCESS_DOCS_HREF = {
     mcp: "https://agent-native.com/docs/mcp-protocol",

package/dist/client/app-config.d.ts

@@ -0,0 +1,3 @@
+import type { AgentNativeConfig } from "../config.js";
+/** The resolved, public app policy injected by the Vite plugin. */
+export declare function injectedAgentNativeConfig(): AgentNativeConfig;

package/dist/client/app-config.js

@@ -0,0 +1,6 @@
+/** The resolved, public app policy injected by the Vite plugin. */
+export function injectedAgentNativeConfig() {
+    return typeof __AGENT_NATIVE_APP_CONFIG__ === "undefined"
+        ? {}
+        : __AGENT_NATIVE_APP_CONFIG__;
+}

package/dist/client/app-providers.js

@@ -58,6 +58,7 @@ import { isHumanReadableDocumentTitle, normalizeDocumentTitle, } from "../shared
 import { ClientOnly } from "./ClientOnly.js";
 import { DefaultSpinner } from "./DefaultSpinner.js";
 import { AgentNativeI18nProvider, } from "./i18n.js";
+import { FirstRunOnboardingStartupGate } from "./onboarding/first-run-startup-gate.js";
 import { RequireSession } from "./require-session.js";
 import { AgentNativeRouteWarmup } from "./route-warmup.js";
 import { RouteTransitionIndicator } from "./RouteTransitionIndicator.js";
@@ -121,5 +122,5 @@ export function AppProviders({ queryClient, isPublicPath = false, clientOnlyFall
     if (isPublicPath) {
         return (_jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: children }));
     }
-    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: children }) }) }));
+    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: sessionBypass ? (children) : (_jsx(FirstRunOnboardingStartupGate, { children: children })) }) }) }));
 }

package/dist/client/changelog/Changelog.d.ts

@@ -45,8 +45,9 @@ export interface ChangelogSettingsCardProps {
     closeLabel?: string;
     emptyText?: string;
     viewAllLabel?: string;
+    collapseLabel?: string;
     className?: string;
 }
-export declare function ChangelogSettingsCard({ markdown, limit, title, closeLabel, emptyText, viewAllLabel, className, }: ChangelogSettingsCardProps): React.JSX.Element | null;
+export declare function ChangelogSettingsCard({ markdown, limit, title, emptyText, viewAllLabel, collapseLabel, className, }: ChangelogSettingsCardProps): React.JSX.Element | null;
 export { parseChangelog };
 export type { ChangelogEntry };

package/dist/client/changelog/Changelog.js

@@ -14,8 +14,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * The command menu's built-in `changelog` prop (see CommandMenu.tsx) wires the
  * dialog automatically — most templates never touch these directly.
  */
-import { IconX, IconHistory } from "@tabler/icons-react";
-import React, { useEffect, useMemo, useState } from "react";
+import { IconChevronDown, IconHistory, IconX } from "@tabler/icons-react";
+import React, { useEffect, useId, useMemo, useState } from "react";
 import { parseChangelog } from "../../changelog/parse.js";
 import { markdownModule, remarkGfmFn, useMarkdownReady, markdownUrlTransform, } from "../chat/markdown-renderer.js";
 import { DEFAULT_LOCALE, useOptionalLocale } from "../i18n.js";
@@ -127,13 +127,15 @@ export function ChangelogDialog({ open, onOpenChange, markdown, title = "What's
                 onOpenChange(false);
         }, children: _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": title, className: "mt-[8vh] flex max-h-[80vh] w-full max-w-xl flex-col rounded-lg border border-border bg-popover text-popover-foreground shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-5 py-3.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsx("button", { type: "button", onClick: () => onOpenChange(false), "aria-label": closeLabel, className: "rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground", children: _jsx(IconX, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "overflow-y-auto px-5 py-4", children: _jsx(ChangelogEntries, { entries: entries, emptyText: emptyText }) })] }) }));
 }
-export function ChangelogSettingsCard({ markdown, limit = 2, title = "What's new", closeLabel = "Close", emptyText = "No updates yet.", viewAllLabel = "View all updates", className, }) {
+export function ChangelogSettingsCard({ markdown, limit = 2, title = "What's new", emptyText = "No updates yet.", viewAllLabel = "View all updates", collapseLabel = "Show fewer updates", className, }) {
     const entries = useMemo(() => parseChangelog(markdown), [markdown]);
-    const [dialogOpen, setDialogOpen] = useState(false);
+    const [expanded, setExpanded] = useState(false);
+    const bodyId = useId();
     if (entries.length === 0)
         return null;
     const shown = entries.slice(0, limit);
     const hasMore = entries.length > shown.length;
-    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card text-card-foreground", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsxs("div", { className: "px-5 py-4", children: [_jsx(ChangelogEntries, { entries: shown, emptyText: emptyText }), hasMore && (_jsx("button", { type: "button", onClick: () => setDialogOpen(true), className: "mt-4 text-sm font-medium text-foreground underline underline-offset-2", children: viewAllLabel }))] }), _jsx(ChangelogDialog, { open: dialogOpen, onOpenChange: setDialogOpen, markdown: markdown, title: title, closeLabel: closeLabel, emptyText: emptyText })] }));
+    const visibleEntries = expanded ? entries : shown;
+    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card text-card-foreground", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsxs("div", { className: "px-5 py-4", children: [_jsx("div", { id: bodyId, className: cn("overflow-hidden transition-[max-height] duration-200 ease-[var(--ease-collapse)]", expanded ? "max-h-96 overflow-y-auto pr-1" : "max-h-[9.5rem]"), children: _jsx(ChangelogEntries, { entries: visibleEntries, emptyText: emptyText }) }), hasMore && (_jsxs("button", { type: "button", onClick: () => setExpanded((value) => !value), "aria-expanded": expanded, "aria-controls": bodyId, className: "mt-4 inline-flex items-center gap-1 text-sm font-medium text-foreground underline underline-offset-2", children: [_jsx("span", { children: expanded ? collapseLabel : viewAllLabel }), _jsx(IconChevronDown, { className: cn("h-4 w-4 transition-transform duration-200 ease-[var(--ease-collapse)]", expanded && "rotate-180"), "aria-hidden": "true" })] }))] })] }));
 }
 export { parseChangelog };

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

@@ -40,11 +40,13 @@ export declare function useMarkdownReady(): boolean;
 export declare const MemoizedMarkdownBlock: React.MemoExoticComponent<({ blockText, }: {
     blockText: string;
 }) => React.JSX.Element | null>;
-export declare function SmoothMarkdownText({ text, streaming, resetKey, statusType, onRevealComplete, }: {
+export declare function SmoothMarkdownText({ text, streaming, resetKey, statusType, animateStreaming, onRevealComplete, }: {
     text: string;
     streaming: boolean;
     resetKey: string;
     statusType?: string;
+    /** Allow callers to opt out for static or deliberately chunk-native surfaces. */
+    animateStreaming?: boolean;
     onRevealComplete?: () => void;
 }): React.JSX.Element;
 export declare function MarkdownText(): React.JSX.Element;

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

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // Owns: lazy react-markdown/shiki loaders, SmoothMarkdownText, MarkdownText,
 // HighlightedCodeBlock wrapper, and the markdownComponents/markdownUrlTransform
 // used by every markdown render path in AssistantChat.
-import { useThread, useMessageRuntime, useMessagePartText, } from "@assistant-ui/react";
+import { useMessageRuntime, useMessagePartText } from "@assistant-ui/react";
 import { IconPlus, IconExternalLink } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useMemo, useRef, } from "react";
 import { splitMarkdownBlocks } from "../../shared/markdown-block-split.js";
@@ -288,8 +288,13 @@ export function useSmoothStreamingText(targetText, streaming, resetKey) {
     const visibleCountRef = useRef(-1);
     const targetGraphemesRef = useRef(EMPTY_GRAPHEMES);
     if (visibleCountRef.current < 0) {
-        targetGraphemesRef.current = splitStreamingTextGraphemes(targetText);
-        visibleCountRef.current = splitStreamingTextGraphemes(visibleText).length;
+        if (streaming && !prefersReducedMotion) {
+            targetGraphemesRef.current = splitStreamingTextGraphemes(targetText);
+            visibleCountRef.current = splitStreamingTextGraphemes(visibleText).length;
+        }
+        else {
+            visibleCountRef.current = 0;
+        }
     }
     const frameRef = useRef(null);
     const lastCommitAtRef = useRef(0);
@@ -374,16 +379,21 @@ export function useSmoothStreamingText(targetText, streaming, resetKey) {
         }
     };
     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);
+            targetGraphemesRef.current = EMPTY_GRAPHEMES;
+            visibleCountRef.current = 0;
+            if (visibleTextRef.current !== targetText) {
+                visibleTextRef.current = targetText;
+                setVisibleText(targetText);
+            }
             return;
         }
+        const targetGraphemes = splitStreamingTextGraphemes(targetText);
+        targetGraphemesRef.current = targetGraphemes;
         const visibleNoLongerMatchesTarget = visibleTextRef.current.length > 0 &&
             !targetText.startsWith(visibleTextRef.current);
         if (visibleNoLongerMatchesTarget ||
@@ -451,9 +461,6 @@ export function useMarkdownReady() {
     }, []);
     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;
@@ -462,34 +469,27 @@ export const MemoizedMarkdownBlock = React.memo(function MemoizedMarkdownBlock({
     return (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(blockText) }));
 });
 // ─── SmoothMarkdownText ────────────────────────────────────────────────────────
-export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", onRevealComplete, }) {
+export function SmoothMarkdownText({ text, streaming, resetKey, statusType = "complete", animateStreaming = true, onRevealComplete, }) {
     const mdReady = useMarkdownReady();
-    const visibleText = useSmoothStreamingText(text, streaming, resetKey);
-    const isVisuallyStreaming = streaming && visibleText !== text;
+    const shouldAnimate = streaming && animateStreaming;
+    const visibleText = useSmoothStreamingText(text, shouldAnimate, resetKey);
     const ReactMarkdown = markdownModule?.default;
     const gfm = remarkGfmFn;
+    const markdownBlocks = useMemo(() => (streaming ? splitMarkdownBlocks(visibleText) : null), [streaming, visibleText]);
     useEffect(() => {
-        if (!onRevealComplete || !streaming || visibleText !== text)
+        if (!onRevealComplete || !shouldAnimate || visibleText !== text)
             return;
         onRevealComplete();
-    }, [onRevealComplete, streaming, text, visibleText]);
-    // 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: wrapLegacyChartShorthandLines(split.tail) })) : null] })) : (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(visibleText) }))) : (_jsx("span", { style: { whiteSpace: "pre-wrap" }, children: visibleText })) }));
+    }, [onRevealComplete, shouldAnimate, text, visibleText]);
+    return (_jsx("div", { className: "agent-markdown break-words", "data-status": statusType, "data-streaming": streaming ? "true" : undefined, children: mdReady && ReactMarkdown && gfm ? (markdownBlocks ? (_jsxs(_Fragment, { children: [markdownBlocks.completedBlocks.map((blockText, index) => (_jsx(MemoizedMarkdownBlock, { blockText: blockText }, index))), markdownBlocks.tail ? (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(markdownBlocks.tail) })) : null] })) : (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: markdownComponents, urlTransform: markdownUrlTransform, children: wrapLegacyChartShorthandLines(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 isLastAssistantMessage = message.role === "assistant" && message.isLast;
     const statusType = textPart.status?.type ?? message.status?.type ?? "complete";
     return (_jsx(SmoothMarkdownText, { text: textPart.text, streaming: textStreaming && isLastAssistantMessage, resetKey: message.id, statusType: statusType }));
 }

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

@@ -140,6 +140,29 @@ export declare function getAssistantToolSummaryInfo(parts: readonly {
     startIndex: number;
     hiddenToolCount: number;
 };
+export declare function groupAssistantWorkParts(part: {
+    type?: string;
+    toolCallId?: string;
+    toolName?: string;
+    args?: Record<string, unknown>;
+    chatUI?: unknown;
+    mcpApp?: unknown;
+    approval?: {
+        approvalKey?: string;
+        dismissed?: boolean;
+    };
+}, index: number, parts: readonly {
+    type?: string;
+    toolCallId?: string;
+    toolName?: string;
+    args?: Record<string, unknown>;
+    chatUI?: unknown;
+    mcpApp?: unknown;
+    approval?: {
+        approvalKey?: string;
+        dismissed?: boolean;
+    };
+}[]): ["group-work"] | null;
 export declare function shouldShowInlineRunError({ runError, bannerRunErrorKey, }: {
     runError: RunErrorInfo | null;
     bannerRunErrorKey: string | null | undefined;

package/dist/client/chat/message-components.js

@@ -5,7 +5,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // displayableUserMessageText.
 import { isPastedTextAttachmentName } from "@agent-native/toolkit/composer/pasted-text";
 import { PastedTextChip } from "@agent-native/toolkit/composer/PastedTextChip";
-import { useThread, useMessageRuntime, useComposer, MessagePrimitive, ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, useMessagePartReasoning, useMessagePartRuntime, useAuiState, } from "@assistant-ui/react";
+import { useThreadRuntime, useMessageRuntime, useComposer, MessagePrimitive, ActionBarPrimitive, BranchPickerPrimitive, ComposerPrimitive, useMessagePartReasoning, useMessagePartRuntime, useAuiState, } from "@assistant-ui/react";
 import { IconX, IconCheck, IconCopy, IconChevronDown, IconChevronLeft, IconChevronRight, IconDots, IconGitFork, IconId, IconQuote, IconRefresh, IconArrowBackUp, IconFile, IconFolder, IconFileText, IconCheckbox, IconMail, IconUser, IconPresentation, IconStack2, IconMessageChatbot, IconPencil, IconAlertTriangle, IconLoader2, } from "@tabler/icons-react";
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import { getActiveRun } from "../active-run-state.js";
@@ -20,7 +20,7 @@ import { cn } from "../utils.js";
 import { MarkdownText, renderMarkdownToClipboardHtml, SmoothMarkdownText, } from "./markdown-renderer.js";
 import { getAssistantRunDurationMs } from "./repo-helpers.js";
 import { getRunErrorMetadata, runErrorHeadline, runErrorKey, } from "./run-recovery.js";
-import { ToolCallFallback, ToolActivityPresentation, ToolCallStackMotion, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, formatWorkedDuration, RanToolsSummary, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
+import { ToolCallFallback, ToolActivityPresentation, ToolCallStackMotion, FilesChangedSummary, ASSISTANT_VISIBLE_TOOL_CALL_LIMIT, ChatRunningContext, ChatRunningRunIdContext, ChatRunningTurnIdContext, ChatRunDurationContext, formatWorkedDuration, ReasoningCell, WorkedForSummary, toolCallHasPendingApproval, } from "./tool-call-display.js";
 export { toolCallHasPendingApproval };
 // ─── Pending selection context key ───────────────────────────────────────────
 // Mirrored from AssistantChat to avoid a cross-import on a private constant.
@@ -750,41 +750,18 @@ export function getAssistantToolSummaryInfo(parts) {
         hiddenToolCount: toolCallIndices.length - ASSISTANT_VISIBLE_TOOL_CALL_LIMIT,
     };
 }
-function groupAssistantWorkParts(part, index, parts) {
-    if (isCallAgentToolCallShadowed(parts, index))
-        return null;
-    if (isCollapsibleAssistantWorkPart(part)) {
-        const { startIndex } = getAssistantToolSummaryInfo(parts);
-        if (isAssistantToolSummaryPart(parts, index, startIndex)) {
-            return ["group-work", "group-ran-tools"];
-        }
-        return ["group-work"];
+export function groupAssistantWorkParts(part, index, parts) {
+    if (isCallAgentToolCallShadowed(parts, index)) {
+        const previousPart = parts[index - 1];
+        const previousPartIsInWorkGroup = previousPart != null &&
+            (isCollapsibleAssistantWorkPart(previousPart) ||
+                isCallAgentToolCallShadowed(parts, index - 1));
+        return previousPartIsInWorkGroup ? ["group-work"] : null;
     }
+    if (isCollapsibleAssistantWorkPart(part))
+        return ["group-work"];
     return null;
 }
-function isAssistantToolSummaryPart(parts, index, startIndex) {
-    if (startIndex < 0 || index >= startIndex)
-        return false;
-    if (isCallAgentToolCallShadowed(parts, index) ||
-        !isCollapsibleAssistantWorkPart(parts[index])) {
-        return false;
-    }
-    let segmentStart = index;
-    while (segmentStart > 0 &&
-        !isCallAgentToolCallShadowed(parts, segmentStart - 1) &&
-        isCollapsibleAssistantWorkPart(parts[segmentStart - 1])) {
-        segmentStart--;
-    }
-    let segmentEnd = index + 1;
-    while (segmentEnd < startIndex &&
-        !isCallAgentToolCallShadowed(parts, segmentEnd) &&
-        isCollapsibleAssistantWorkPart(parts[segmentEnd])) {
-        segmentEnd++;
-    }
-    return parts
-        .slice(segmentStart, segmentEnd)
-        .some((candidate) => candidate.type === "tool-call");
-}
 export function shouldShowInlineRunError({ runError, bannerRunErrorKey, }) {
     if (!runError)
         return false;
@@ -805,7 +782,7 @@ export function AssistantMessage() {
     const [restoreState, setRestoreState] = useState("idle");
     const [restoreError, setRestoreError] = useState(null);
     const messageRuntime = useMessageRuntime();
-    const thread = useThread();
+    const threadRuntime = useThreadRuntime();
     const chatRunning = React.useContext(ChatRunningContext);
     const activeRunId = React.useContext(ChatRunningRunIdContext);
     const activeTurnId = React.useContext(ChatRunningTurnIdContext);
@@ -813,8 +790,7 @@ export function AssistantMessage() {
     const msg = messageRuntime.getState();
     const persistedDurationMs = getAssistantRunDurationMs(msg);
     const timestamp = formatMessageTimestamp(msg.createdAt);
-    const isLast = thread.messages.length > 0 &&
-        thread.messages[thread.messages.length - 1].id === msg.id;
+    const isLast = msg.isLast;
     const wasLiveRef = useRef(false);
     const messageRunId = assistantMessageRunId(msg);
     const messageTurnId = assistantMessageTurnId(msg);
@@ -877,7 +853,18 @@ export function AssistantMessage() {
     const shouldHoldCompletionFooter = isLast &&
         ((missingFinalResponseCandidate && !showMissingFinalResponse) ||
             (animateMissingFinalResponse && !missingFinalResponseRevealed));
-    const responseConnectionContext = userMessageTextBeforeAssistant(thread.messages, msg.id);
+    const responseConnectionContext = React.useMemo(() => {
+        let parentId = msg.parentId;
+        while (parentId) {
+            const parentMessage = threadRuntime.getMessageById(parentId).getState();
+            if (parentMessage.role === "user" &&
+                !isHiddenUserMessage(parentMessage)) {
+                return displayableUserMessageText(messageTextFromContent(parentMessage.content));
+            }
+            parentId = parentMessage.parentId;
+        }
+        return "";
+    }, [msg.parentId, threadRuntime]);
     const isComplete = !shouldHoldCompletionFooter &&
         shouldShowAssistantMessageFooter({
             isLast,
@@ -1000,7 +987,7 @@ export function AssistantMessage() {
     });
     if (!hasRenderableContent)
         return null;
-    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [_jsx(ToolCallStackMotion, { children: _jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
+    return (_jsxs("div", { className: "group relative", style: { contentVisibility: isComplete ? "auto" : "visible" }, children: [_jsxs("div", { className: "w-full max-w-[95%] text-sm leading-relaxed text-foreground", children: [isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" })), _jsx(ToolCallStackMotion, { children: _jsx(MessagePrimitive.GroupedParts, { groupBy: groupAssistantWorkParts, children: ({ part, children }) => {
                                 switch (part.type) {
                                     case "group-work": {
                                         const showSummary = shouldShowAssistantWorkSummary({
@@ -1014,10 +1001,6 @@ export function AssistantMessage() {
                                             return _jsx(_Fragment, { children: children });
                                         return (_jsx(WorkedForSummary, { durationMs: getAssistantWorkSummaryDurationMs(capturedDurationMs ?? persistedDurationMs, part.indices[0] ?? -1, firstWorkPartIndex), defaultOpen: hasCustomUi, autoCollapse: animateCollapse && !hasCustomUi, children: children }));
                                     }
-                                    case "group-ran-tools": {
-                                        const toolCount = part.indices.filter((index) => msgContent?.[index]?.type === "tool-call").length;
-                                        return (_jsx(RanToolsSummary, { toolCount: toolCount, children: children }));
-                                    }
                                     case "text":
                                         if (isUserStoppedRun &&
                                             isMissingFinalResponseWarningText(part.text)) {
@@ -1041,7 +1024,7 @@ export function AssistantMessage() {
                             ? messageActions?.onRetryRunError
                             : undefined })), missingWarningText == null &&
                         missingFinalResponseNoticeText != null &&
-                        !showInlineRunError && (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: missingFinalResponseNoticeText, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent })), isComplete && (_jsx(McpConnectionSuggestion, { text: responseConnectionText, contextText: responseConnectionContext, variant: "response" }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore, threadId: cpCtx?.threadId ?? "" }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: thread.messages.findIndex((m) => m.id === msg.id) }))] }))] }));
+                        !showInlineRunError && (_jsx(MissingFinalResponseNotice, { messageId: msg.id, text: missingFinalResponseNoticeText, animate: animateMissingFinalResponse, onRevealComplete: handleMissingFinalResponseReveal })), isComplete && hasCodeAgentTools && msgContent && (_jsx(FilesChangedSummary, { parts: msgContent }))] }), isComplete && (_jsxs("div", { className: "mt-1 flex items-center justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(MessageActionsMenu, { showRevert: showRestore && restoreState === "idle", onRevert: handleRestore, threadId: cpCtx?.threadId ?? "" }), isLast && (_jsx(TooltipProvider, { delayDuration: 400, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(ActionBarPrimitive.Reload, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Regenerate response", className: `flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground/70 hover:bg-accent hover:text-foreground ${messageFooterFadeClassName} disabled:cursor-not-allowed disabled:opacity-40`, children: _jsx(IconRefresh, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { side: "top", className: "text-xs", children: "Regenerate response" })] }) })), _jsx(MessageBranchPicker, {}), timestamp && (_jsx(MessageTimestamp, { timestamp: timestamp, className: messageFooterFadeClassName }))] }), showRestore && restoreState === "confirming" ? (_jsxs("div", { className: "flex items-center gap-1 text-xs", children: [_jsx("button", { onClick: handleRestore, className: "rounded-md bg-destructive px-1.5 py-0.5 text-destructive-foreground hover:bg-destructive/90", children: "Restore to here?" }), _jsx("button", { onClick: cancelRestore, className: "rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Cancel" })] })) : showRestore && restoreState === "restoring" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }), "Restoring..."] })) : restoreState === "error" ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: restoreError }), _jsx("button", { onClick: cancelRestore, className: "cursor-pointer rounded-md px-1.5 py-0.5 text-muted-foreground hover:bg-accent", children: "Dismiss" })] })) : (_jsx(ThumbsFeedback, { threadId: cpCtx?.threadId ?? "", runId: messageRunId ?? "", messageSeq: msg.index }))] }))] }));
 }
 // ─── RunningActivityStatus / ThinkingIndicator ────────────────────────────────
 export function RunningActivityStatus({ label }) {

package/dist/client/chat/tool-call-display.d.ts

@@ -119,10 +119,10 @@ export declare function ReconnectStreamMessage({ content, allowActivitySpinner,
     /** Activity-only cards are live during reconnect, but static once frozen. */
     allowActivitySpinner?: boolean;
 }): React.JSX.Element;
-export declare function ReasoningCell({ text, isStreaming, resetKey, defaultOpen, autoCollapse, collapseWhenReplaced, durationMs, }: {
+export declare function ReasoningCell({ text, isStreaming, defaultOpen, autoCollapse, collapseWhenReplaced, durationMs, }: {
     text: string;
     isStreaming?: boolean;
-    /** Stable identity used to restart the reveal when a new reasoning part mounts. */
+    /** Stable identity retained for callers; reasoning renders chunk-natively. */
     resetKey?: string;
     defaultOpen?: boolean;
     /** Animate closed when a live reasoning segment finishes during a run. */

package/dist/client/chat/tool-call-display.js

@@ -14,7 +14,7 @@ import { BashCell, EditCell, WriteCell, FilesChangedSummary, } from "../tool-cel
 import { humanizeToolName, isCallAgentToolCallShadowed, } from "../tool-display.js";
 import { cn } from "../utils.js";
 import { ActionChatUiSurface } from "./action-chat-ui-surface.js";
-import { SmoothMarkdownText, HighlightedCodeBlock, useSmoothStreamingText, } from "./markdown-renderer.js";
+import { SmoothMarkdownText, HighlightedCodeBlock, } from "./markdown-renderer.js";
 import { resolveToolRenderer } from "./tool-render-registry.js";
 import { isBuiltinDataWidgetActionRenderer, resolveBuiltinActionChatRenderer, resolveBuiltinFallbackToolRenderer, } from "./widgets/builtin-tool-renderers.js";
 // Exported so AssistantChatInner can provide a context value.
@@ -584,13 +584,16 @@ function isReconnectToolSummaryPart(content, index, startIndex) {
  * opening that summary never reveals a redundant second disclosure.
  */
 const WorkSummaryContentContext = React.createContext(false);
-export function ReasoningCell({ text, isStreaming = false, resetKey, defaultOpen, autoCollapse = false, collapseWhenReplaced = false, durationMs, }) {
+export function ReasoningCell({ text, isStreaming = false, defaultOpen, autoCollapse = false, collapseWhenReplaced = false, durationMs, }) {
     const embeddedInWorkSummary = React.useContext(WorkSummaryContentContext);
     const [open, setOpen] = useState(defaultOpen ?? true);
     const wasStreamingRef = useRef(isStreaming);
     const wasReplacedRef = useRef(collapseWhenReplaced);
     const trimmed = text.trim();
-    const visibleText = useSmoothStreamingText(trimmed, isStreaming, resetKey ?? "reasoning");
+    // Reasoning is already a compact live status surface. Rendering the latest
+    // chunk directly avoids a second character-level queue that can lag behind
+    // the model and make the surrounding chat look like it is jumping.
+    const visibleText = trimmed;
     useEffect(() => {
         if (autoCollapse && wasStreamingRef.current && !isStreaming) {
             setOpen(false);

package/dist/client/chat-first/app-open-actions.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+export declare const APP_ACTION_MENU_CONTENT_CLASS = "w-48";
+export interface AppOpenActionLabels {
+    addApp: string;
+    openApp: string;
+    openInline: string;
+    openInNewTab: string;
+}
+export interface AppOpenActionMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onSelect: () => void;
+}
+export declare function AppOpenActions({ name, href, target, rel, labels: labelOverrides, onAddApp, onOpen, onOpenInline, showInlineOption, showNewTabOption, menuItems, className, }: {
+    name: string;
+    href?: string | null;
+    target?: "_blank";
+    rel?: string;
+    labels?: Partial<AppOpenActionLabels>;
+    onAddApp?: () => void;
+    onOpen?: () => void;
+    onOpenInline?: () => void;
+    showInlineOption?: boolean;
+    showNewTabOption?: boolean;
+    menuItems?: readonly AppOpenActionMenuItem[];
+    className?: string;
+}): import("react").JSX.Element;