@agent-native/core 0.97.0 → 0.98.1

package/corpus/core/src/client/AgentPanel.tsx

@@ -127,6 +127,7 @@ const AGENT_PANEL_OPEN_SETTINGS_EVENT = "agent-panel:open-settings";
 
 function settingsRouteHashForSection(section?: string | null): string {
   const normalized = section?.replace(/^#/, "").toLowerCase() ?? "";
+  if (normalized === "voice") return "#voice";
   if (
     normalized.startsWith("secrets") ||
     normalized.includes("api") ||
@@ -365,12 +366,12 @@ function ChatLoadingSkeleton({
               )}
             >
               <div className="px-3 pt-3">
-                <div className="h-5 w-3/5 rounded bg-muted animate-pulse" />
+                <div className="h-5 w-3/5 rounded bg-muted animate-pulse motion-reduce:animate-none" />
               </div>
               <div className="mt-auto flex items-center gap-2 px-3 py-2">
-                <div className="h-5 w-5 rounded bg-muted animate-pulse" />
-                <div className="ml-auto h-4 w-28 rounded bg-muted animate-pulse" />
-                <div className="h-7 w-7 rounded-md bg-muted animate-pulse" />
+                <div className="h-5 w-5 rounded bg-muted animate-pulse motion-reduce:animate-none" />
+                <div className="ml-auto h-4 w-28 rounded bg-muted animate-pulse motion-reduce:animate-none" />
+                <div className="h-7 w-7 rounded-md bg-muted animate-pulse motion-reduce:animate-none" />
               </div>
             </div>
           </div>
@@ -383,7 +384,7 @@ function ChatLoadingSkeleton({
       {renderHeader ? renderHeader(stubProps) : null}
       {/* Composer-shaped placeholder keeps layout stable during chunk load */}
       <div className="mt-auto shrink-0 border-t border-border p-3">
-        <div className="h-16 rounded-xl bg-muted/40 animate-pulse" />
+        <div className="h-16 rounded-xl bg-muted/40 animate-pulse motion-reduce:animate-none" />
       </div>
     </div>
   );
@@ -1270,7 +1271,7 @@ function AgentPanelInner({
             )}
             {mode === "chat" && (
               <RunsTrayMenuItem
-                pollMs={2000}
+                pollMs={0}
                 limit={12}
                 showRecent={true}
                 onOpenThread={openRunThread}
@@ -1985,7 +1986,7 @@ const SIDEBAR_ANIMATION_MS = 260;
 const SIDEBAR_OVERLAY_Z_INDEX = 70;
 const SIDEBAR_FULLSCREEN_Z_INDEX = 90;
 /** Max width of the centered chat column in fullscreen mode (Claude-style). */
-const FULLSCREEN_CONTENT_MAX_PX = 760;
+const FULLSCREEN_CONTENT_MAX_PX = 570;
 
 function ResizeHandle({
   position,
@@ -2193,7 +2194,6 @@ function URLSync({ browserTabId }: { browserTabId?: string }) {
         return null;
       }
     },
-    refetchInterval: 2_000,
     retry: false,
   });
 

package/corpus/core/src/client/AssistantChat.tsx

@@ -170,6 +170,7 @@ import {
   GuidedQuestionFlow,
   useGuidedQuestionFlow,
 } from "./guided-questions.js";
+import { useT } from "./i18n.js";
 import {
   AgentAutoContinueSignal,
   type ContentPart,
@@ -388,6 +389,63 @@ function isAssistantUiDuplicateMessageIdError(error: unknown): boolean {
   );
 }
 
+type AssistantUiMessageRepository = {
+  addOrUpdateMessage: (parentId: unknown, message: unknown) => unknown;
+  __agentNativePatched?: boolean;
+  head?: { current?: { id?: string } } | null;
+};
+
+type AssistantUiThreadBinding = {
+  getState?: () => { repository?: AssistantUiMessageRepository };
+  outerSubscribe?: (callback: () => void) => void | (() => void);
+};
+
+/**
+ * Keep the assistant-ui repository race recovery installed across runtime-core
+ * replacements. The public ThreadRuntime object stays stable when its binding
+ * swaps to another local runtime (thread activation, reconnect, history load),
+ * but each core owns a different MessageRepository instance.
+ */
+export function installAssistantUiMessageRepositoryRecovery(
+  threadRuntime: unknown,
+): () => void {
+  const binding = (
+    threadRuntime as {
+      __internal_threadBinding?: AssistantUiThreadBinding;
+    }
+  )?.__internal_threadBinding;
+  if (!binding?.getState) return () => {};
+
+  const patchCurrentRepository = () => {
+    const repo = binding.getState?.()?.repository;
+    if (!repo || typeof repo.addOrUpdateMessage !== "function") return;
+    if (repo.__agentNativePatched) return;
+    repo.__agentNativePatched = true;
+    const original = repo.addOrUpdateMessage.bind(repo);
+    repo.addOrUpdateMessage = function (parentId: unknown, message: unknown) {
+      try {
+        return original(parentId, message);
+      } catch (error) {
+        const errorMessage =
+          error instanceof Error ? error.message : String(error);
+        if (parentId && errorMessage.includes("Parent message not found")) {
+          const fallbackParent = this.head?.current?.id ?? null;
+          if (fallbackParent && fallbackParent !== parentId) {
+            return original(fallbackParent, message);
+          }
+          return original(null, message);
+        }
+        if (errorMessage.includes("same id already exists")) return;
+        throw error;
+      }
+    };
+  };
+
+  patchCurrentRepository();
+  const unsubscribe = binding.outerSubscribe?.(patchCurrentRepository);
+  return typeof unsubscribe === "function" ? unsubscribe : () => {};
+}
+
 function cloneContentParts(content: ContentPart[]): ContentPart[] {
   return content.map((part) =>
     part.type === "text" || part.type === "reasoning"
@@ -1885,6 +1943,7 @@ const AssistantChatInner = forwardRef<
 ) {
   const thread = useThread();
   const threadRuntime = useThreadRuntime();
+  const t = useT();
   const composerRuntime = useComposerRuntime();
   const isRuntimeRunning = thread.isRunning;
   // Latest-value ref so long-lived async closures (the reconnect reader, its
@@ -1993,41 +2052,19 @@ const AssistantChatInner = forwardRef<
   // assets.agent-native.com prompt composer (AGENT-NATIVE-BROWSER-18). Fix
   // it by relinking to the current head whenever the requested parent has
   // gone missing instead of throwing.
-  useEffect(() => {
-    const repo = (threadRuntime as any)?.__internal_threadBinding?.getState?.()
-      ?.repository as
-      | { addOrUpdateMessage?: (parentId: any, message: any) => void }
-      | undefined;
-    if (!repo || typeof repo.addOrUpdateMessage !== "function") return;
-    const patched = repo as any;
-    if (patched.__agentNativePatched) return;
-    patched.__agentNativePatched = true;
-    const original = repo.addOrUpdateMessage.bind(repo);
-    repo.addOrUpdateMessage = function (parentId: any, message: any) {
-      try {
-        return original(parentId, message);
-      } catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        if (parentId && msg.includes("Parent message not found")) {
-          const fallbackParent = (this as any).head?.current?.id ?? null;
-          if (fallbackParent && fallbackParent !== parentId) {
-            return original(fallbackParent, message);
-          }
-          return original(null, message);
-        }
-        if (msg.includes("same id already exists")) {
-          return;
-        }
-        throw err;
-      }
-    };
-  }, [threadRuntime]);
+  useEffect(
+    () => installAssistantUiMessageRepositoryRecovery(threadRuntime),
+    [threadRuntime],
+  );
   const agentEngineConfigured = useAgentEngineConfigured(
     providerStatusChecksEnabled,
     { tabId, threadId },
   );
   const missingApiKey = agentEngineConfigured.missing;
-  const isComposerDisabled = missingApiKey || composerDisabled;
+  const isProviderStatusChecking =
+    providerStatusChecksEnabled && agentEngineConfigured.state === "unknown";
+  const isComposerDisabled =
+    missingApiKey || isProviderStatusChecking || composerDisabled;
   const [missingKeySetupOpen, setMissingKeySetupOpen] = useState(false);
   const requestMissingKeySetup = useCallback(() => {
     setMissingKeySetupOpen(true);
@@ -2043,7 +2080,12 @@ const AssistantChatInner = forwardRef<
         : await fetchAgentEngineConfiguredState(providerStatusChecksEnabled, {
             timeoutMs: SUBMIT_ENGINE_STATUS_TIMEOUT_MS,
           });
-    if (state !== "missing") return true;
+    if (state === "configured") return true;
+
+    // Unknown means the readiness endpoint is unavailable or still resolving.
+    // Do not start a run optimistically: that recreates the long failure path
+    // this preflight exists to prevent. The mounted hook retries automatically.
+    if (state === "unknown") return false;
 
     requestMissingKeySetup();
     if (typeof window !== "undefined") {
@@ -5150,14 +5192,16 @@ const AssistantChatInner = forwardRef<
                             placeholder={
                               missingApiKey
                                 ? "Connect AI to start chatting..."
-                                : composerDisabled
-                                  ? (composerDisabledPlaceholder ??
-                                    "Open Desktop to use this chat.")
-                                  : isRunning
-                                    ? queuedMessages.length > 0
-                                      ? `${queuedMessages.length} queued — send a follow-up...`
-                                      : "Send a follow-up..."
-                                    : composerPlaceholder
+                                : isProviderStatusChecking
+                                  ? t("agentPanel.checkingAiConnection")
+                                  : composerDisabled
+                                    ? (composerDisabledPlaceholder ??
+                                      "Open Desktop to use this chat.")
+                                    : isRunning
+                                      ? queuedMessages.length > 0
+                                        ? `${queuedMessages.length} queued — send a follow-up...`
+                                        : "Send a follow-up..."
+                                      : composerPlaceholder
                             }
                             onSubmit={
                               isRunning || composerContextItems.length > 0

package/corpus/core/src/client/CommandMenu.tsx

@@ -73,11 +73,22 @@ export function openAgentSettings(
     typeof section === "string" ? section : section?.section;
 
   openAgentSidebar();
-  window.dispatchEvent(
-    new CustomEvent("agent-panel:open-settings", {
-      detail: normalizedSection ? { section: normalizedSection } : undefined,
-    }),
-  );
+  // Voice mode unmounts the chat surface while its dock is collapsed, so its
+  // settings listener does not exist until opening the sidebar remounts it.
+  // Deliver after the open-state render can commit instead of racing React's
+  // concurrent remount. Non-visual runtimes fall back to the next task.
+  const dispatchSettings = () => {
+    window.dispatchEvent(
+      new CustomEvent("agent-panel:open-settings", {
+        detail: normalizedSection ? { section: normalizedSection } : undefined,
+      }),
+    );
+  };
+  if (typeof window.requestAnimationFrame === "function") {
+    window.requestAnimationFrame(dispatchSettings);
+  } else {
+    window.setTimeout(dispatchSettings, 0);
+  }
 }
 
 export function focusAgentChat() {

package/corpus/core/src/client/FeedbackButton.tsx

@@ -433,7 +433,7 @@ export function FeedbackButton({
           <TooltipPrimitive.Portal>
             <TooltipPrimitive.Content
               sideOffset={6}
-              className="z-[100040] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95"
+              className="z-[100040] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95 origin-[var(--radix-tooltip-content-transform-origin)]"
             >
               {resolvedLabel}
             </TooltipPrimitive.Content>
@@ -486,7 +486,7 @@ export function FeedbackButton({
           align={align}
           sideOffset={8}
           collisionPadding={16}
-          className="z-[100040] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+          className="z-[100040] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[var(--radix-popover-content-transform-origin)]"
           style={surfaceStyle}
         >
           {submitted ? (

package/corpus/core/src/client/analytics.ts

@@ -618,12 +618,41 @@ function isAgentNativeDocsUrl(url: string): boolean {
   }
 }
 
+function isSessionReplayUrl(url: string): boolean {
+  if (!url) return false;
+  try {
+    const parsed = new URL(url);
+    return /^\/sessions\/[^/]+\/?$/.test(parsed.pathname);
+  } catch {
+    return false;
+  }
+}
+
 function shouldDropBrowserSentryNoise(event: Sentry.Event): boolean {
   const exceptionValues = event.exception?.values ?? [];
   const taggedUrl =
     typeof event.tags?.url === "string" ? event.tags.url : undefined;
   const requestUrl = (event.request?.url ?? taggedUrl ?? "").toLowerCase();
   const isDocsPage = isAgentNativeDocsUrl(requestUrl);
+  // rrweb 2.1.0 replays recorded media interactions with `void media.play()`.
+  // Browsers may reject that promise when the recorded media was unmuted and
+  // no user activation is still active, which becomes a source-less unhandled
+  // rejection even though the replay player keeps working. Keep this scoped to
+  // the replay detail route and the exact browser autoplay-policy message.
+  if (
+    isSessionReplayUrl(requestUrl) &&
+    exceptionValues.some((value) => {
+      const exceptionValue = String(value.value ?? "")
+        .trim()
+        .toLowerCase();
+      return (
+        exceptionValue.includes("notallowederror: play() failed") &&
+        exceptionValue.includes("user didn't interact with the document first")
+      );
+    })
+  ) {
+    return true;
+  }
   // AgentAutoContinueSignal is a control-flow sentinel thrown to bubble
   // out of the SSE stream parser when the agent run needs to be
   // auto-continued. It's caught by the chat adapter and is never a real

package/corpus/core/src/client/app-providers.tsx

@@ -22,10 +22,12 @@
  *       ...
  *     </AppProviders>
  *
- *   When `isPublicPath` is true the providers render without `<ClientOnly>`,
- *   streaming real markup to the client. When false (the default) the standard
- *   `<ClientOnly fallback={clientOnlyFallback}>` gate wraps everything.
- *   When `clientOnlyFallback` is omitted, `<DefaultSpinner />` is used.
+ *   When `isPublicPath` is true the providers render without `<ClientOnly>` or
+ *   a session gate, streaming real markup to the client. When false (the
+ *   default), `<ClientOnly>` hydrates the shared SSR shell and
+ *   `<RequireSession>` redirects signed-out visitors to the framework sign-in
+ *   page before private app chrome mounts. When `clientOnlyFallback` is
+ *   omitted, `<DefaultSpinner />` is used.
  *
  * Customisation props:
  *   themeAttribute           — passed to next-themes ThemeProvider `attribute`.
@@ -58,6 +60,7 @@ import {
   AgentNativeI18nProvider,
   type AgentNativeI18nProviderProps,
 } from "./i18n.js";
+import { RequireSession } from "./require-session.js";
 
 export interface AppProvidersProps {
   /** QueryClient instance — create with `createAgentNativeQueryClient()`. */
@@ -119,6 +122,13 @@ export interface AppProvidersProps {
    */
   clientOnlyFallback?: React.ReactNode;
 
+  /**
+   * Skip the default client-side session gate on a private path. Use only for
+   * surfaces that authenticate by another mechanism, such as an MCP embed with
+   * its own scoped token. Public/SEO routes should use `isPublicPath` instead.
+   */
+  sessionBypass?: boolean;
+
   children: React.ReactNode;
 }
 
@@ -173,6 +183,7 @@ export function AppProviders({
   queryClient,
   isPublicPath = false,
   clientOnlyFallback,
+  sessionBypass = false,
   defaultTheme,
   themeAttribute,
   tooltipDelayDuration,
@@ -210,7 +221,9 @@ export function AppProviders({
         disableThemeTransitions={disableThemeTransitions}
         i18n={i18n}
       >
-        {children}
+        <RequireSession bypass={sessionBypass} fallback={fallback}>
+          {children}
+        </RequireSession>
       </ProvidersInner>
     </ClientOnly>
   );

package/corpus/core/src/client/blocks/library/wireframe-kit.tsx

@@ -1511,6 +1511,20 @@ function roundedRectPath(
   ].join(" ");
 }
 
+/** Rough.js cannot safely render paths whose inset consumes the whole box. */
+export function hasDrawableRoughBounds(
+  width: number,
+  height: number,
+  inset: number,
+): boolean {
+  return (
+    Number.isFinite(width) &&
+    Number.isFinite(height) &&
+    width > inset * 2 &&
+    height > inset * 2
+  );
+}
+
 function elementStroke(node: Element, fallback: string): string {
   const explicit = readVar(node, "--rough-stroke");
   if (explicit) return explicit;
@@ -1623,7 +1637,7 @@ function build(
     preserveVertices: true,
   });
 
-  if (opts.drawFrame) {
+  if (opts.drawFrame && hasDrawableRoughBounds(layoutW, layoutH, 2)) {
     const sw = 2;
     push(
       gen.path(
@@ -1647,7 +1661,7 @@ function build(
     const y = (r.top - base.top) / zoom;
     const w = r.width / zoom;
     const h = r.height / zoom;
-    if (w < 2 || h < 2) return;
+    if (!hasDrawableRoughBounds(w, h, 1)) return;
     const kind = inferRoughKind(node);
     const rawStroke = elementStroke(node, sketch);
     const stroke =

package/corpus/core/src/client/chat/tool-call-display.tsx

@@ -397,7 +397,7 @@ function ToolOutputPopover({
 
 // ─── Collapsible height animation ─────────────────────────────────────────────
 
-function AnimatedCollapse({
+export function AnimatedCollapse({
   open,
   children,
 }: {
@@ -452,7 +452,7 @@ function AnimatedCollapse({
   return (
     <div
       ref={ref}
-      className="overflow-hidden transition-[height] duration-200 ease-out"
+      className="overflow-hidden transition-[height] duration-200 ease-[var(--ease-collapse)]"
       style={{ height: height === "auto" ? "auto" : `${height}px` }}
       onTransitionEnd={onTransitionEnd}
     >
@@ -804,7 +804,7 @@ function ToolCallDisplayGeneric({
               {canExpand && (
                 <IconChevronRight
                   className={cn(
-                    "absolute size-3.5 opacity-0 transition-all group-hover/tool:opacity-100",
+                    "absolute size-3.5 opacity-0 transition-[opacity,transform] group-hover/tool:opacity-100",
                     isExpanded && "rotate-90",
                   )}
                 />

package/corpus/core/src/client/chat-model-groups.ts

@@ -21,6 +21,12 @@ export interface BuildChatModelGroupsOptions {
   currentModel?: string;
 }
 
+const HIDDEN_CHAT_MODEL_ENGINES = new Set([
+  "ai-sdk:groq",
+  "ai-sdk:mistral",
+  "ai-sdk:cohere",
+]);
+
 function addCurrentModel(
   models: readonly string[],
   engineName: string,
@@ -93,6 +99,15 @@ function shouldShowDirectEngine(
   engine: ChatModelEngineEntry,
   currentEngineName?: string,
 ): boolean {
+  // Keep a persisted selection usable after an engine is hidden from the
+  // picker; users can choose a supported replacement instead of landing on a
+  // model that no longer has a rendered group.
+  if (
+    HIDDEN_CHAT_MODEL_ENGINES.has(engine.name) &&
+    engine.name !== currentEngineName
+  ) {
+    return false;
+  }
   if (engine.name === currentEngineName) return true;
   if (engine.name === "builder") return false;
   if (engine.name === "ai-sdk:anthropic") return false;
@@ -100,6 +115,18 @@ function shouldShowDirectEngine(
   return true;
 }
 
+function putOpenRouterLast(
+  a: ChatModelEngineEntry,
+  b: ChatModelEngineEntry,
+): number {
+  const aIsOpenRouter = a.name === "ai-sdk:openrouter";
+  const bIsOpenRouter = b.name === "ai-sdk:openrouter";
+  if (aIsOpenRouter === bIsOpenRouter) return 0;
+  if (aIsOpenRouter) return 1;
+  if (bIsOpenRouter) return -1;
+  return 0;
+}
+
 export function buildChatModelGroups({
   engines,
   configuredKeys,
@@ -123,6 +150,7 @@ export function buildChatModelGroups({
   return engines
     .filter((engine) => engine.packageInstalled !== false)
     .filter((engine) => shouldShowDirectEngine(engine, currentEngineName))
+    .sort(putOpenRouterLast)
     .map((engine) => {
       const requiredEnvVars = engine.requiredEnvVars ?? [];
       return {

package/corpus/core/src/client/composer/PastedTextChip.tsx

@@ -121,7 +121,7 @@ export function PastedTextChip({
           align="start"
           sideOffset={6}
           collisionPadding={12}
-          className="z-50 w-[min(560px,calc(100vw-32px))] rounded-lg border border-border bg-popover text-popover-foreground shadow-lg animate-in fade-in-0 zoom-in-95"
+          className="z-50 w-[min(560px,calc(100vw-32px))] rounded-lg border border-border bg-popover text-popover-foreground shadow-lg origin-[var(--radix-popover-content-transform-origin)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95"
         >
           <div className="flex items-center justify-between gap-2 border-b border-border px-3 py-2">
             <div className="flex items-center gap-2 min-w-0">