@agent-native/core 0.117.2 → 0.118.1

package/corpus/core/src/client/progress/RunsTray.tsx

@@ -1,3 +1,8 @@
+import {
+  Popover as DesignSystemPopover,
+  Spinner as DesignSystemSpinner,
+  Tooltip as DesignSystemTooltip,
+} from "@agent-native/toolkit/design-system";
 import {
   IconAlertCircle,
   IconCheck,
@@ -17,17 +22,6 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
 } from "../components/ui/dropdown-menu.js";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "../components/ui/popover.js";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "../components/ui/tooltip.js";
 import { useFormatters, useT } from "../i18n.js";
 import { useChangeVersion } from "../use-change-version.js";
 import { usePausingInterval } from "../use-pausing-interval.js";
@@ -240,84 +234,91 @@ export function RunsTray({
 
   if (!hasRuns && hideWhenIdle) return null;
 
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <TooltipProvider delayDuration={200}>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <PopoverTrigger asChild>
-              <button
-                type="button"
-                aria-label={triggerLabel}
-                aria-expanded={open}
-                className={cn(
-                  "an-runs-tray__trigger relative inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground",
-                  triggerVariant === "pill"
-                    ? "h-7 min-w-[68px] gap-1.5 border border-border/70 bg-background px-2 text-[11px] font-medium"
-                    : "h-8 w-8",
-                  open && "bg-accent/50 text-foreground",
-                  className,
-                )}
-              >
-                <TriggerIcon
-                  size={triggerVariant === "pill" ? 14 : 18}
-                  className={cn(
-                    triggerTone,
-                    activeCount > 0 &&
-                      "animate-spin motion-reduce:animate-none",
-                  )}
-                  aria-hidden
-                />
-                {triggerVariant === "pill" ? (
-                  <span className="leading-none">{t("runsTray.runs")}</span>
-                ) : null}
-                {activeCount > 0 ? (
-                  <span
-                    aria-hidden
-                    className={cn(
-                      "an-runs-tray__badge rounded-full bg-primary text-[10px] font-medium leading-[14px] text-primary-foreground",
-                      triggerVariant === "pill"
-                        ? "min-w-4 px-1"
-                        : "absolute -right-0.5 -top-0.5 px-1",
-                    )}
-                  >
-                    {activeCount > 9 ? "9+" : activeCount}
-                  </span>
-                ) : failedCount > 0 ? (
-                  <span
-                    aria-hidden
-                    className={cn(
-                      "rounded-full bg-destructive text-[10px] font-medium leading-[14px] text-destructive-foreground",
-                      triggerVariant === "pill"
-                        ? "min-w-4 px-1"
-                        : "absolute -right-0.5 -top-0.5 px-1",
-                    )}
-                  >
-                    {failedCount > 9 ? "9+" : failedCount}
-                  </span>
-                ) : null}
-              </button>
-            </PopoverTrigger>
-          </TooltipTrigger>
-          <TooltipContent>{triggerLabel}</TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
-      <PopoverContent
-        align={align}
-        sideOffset={8}
-        className="an-runs-tray__menu w-80 max-w-[calc(100vw-24px)] p-0"
-      >
-        <RunsTrayContent
-          runs={runs}
-          hasRuns={hasRuns}
-          activeCount={activeCount}
-          terminalCount={terminalCount}
-          onDismiss={dismissRun}
-          onStop={stopRun}
-          onOpenThread={onOpenThread}
+  const trigger = (
+    <button
+      type="button"
+      aria-label={triggerLabel}
+      aria-expanded={open}
+      className={cn(
+        "an-runs-tray__trigger relative inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground",
+        triggerVariant === "pill"
+          ? "h-7 min-w-[68px] gap-1.5 border border-border/70 bg-background px-2 text-[11px] font-medium"
+          : "h-8 w-8",
+        open && "bg-accent/50 text-foreground",
+        className,
+      )}
+    >
+      {activeCount > 0 ? (
+        <DesignSystemSpinner
+          label={triggerLabel}
+          size={triggerVariant === "pill" ? "compact" : "default"}
+          className={cn(triggerTone, "motion-reduce:animate-none")}
         />
-      </PopoverContent>
-    </Popover>
+      ) : (
+        <TriggerIcon
+          size={triggerVariant === "pill" ? 14 : 18}
+          className={triggerTone}
+          aria-hidden
+        />
+      )}
+      {triggerVariant === "pill" ? (
+        <span className="leading-none">{t("runsTray.runs")}</span>
+      ) : null}
+      {activeCount > 0 ? (
+        <span
+          aria-hidden
+          className={cn(
+            "an-runs-tray__badge rounded-full bg-primary text-[10px] font-medium leading-[14px] text-primary-foreground",
+            triggerVariant === "pill"
+              ? "min-w-4 px-1"
+              : "absolute -right-0.5 -top-0.5 px-1",
+          )}
+        >
+          {activeCount > 9 ? "9+" : activeCount}
+        </span>
+      ) : failedCount > 0 ? (
+        <span
+          aria-hidden
+          className={cn(
+            "rounded-full bg-destructive text-[10px] font-medium leading-[14px] text-destructive-foreground",
+            triggerVariant === "pill"
+              ? "min-w-4 px-1"
+              : "absolute -right-0.5 -top-0.5 px-1",
+          )}
+        >
+          {failedCount > 9 ? "9+" : failedCount}
+        </span>
+      ) : null}
+    </button>
+  );
+
+  return (
+    <DesignSystemPopover
+      open={open}
+      onOpenChange={setOpen}
+      trigger={
+        <span className="contents">
+          <DesignSystemTooltip
+            trigger={trigger}
+            content={triggerLabel}
+            delayMs={200}
+          />
+        </span>
+      }
+      align={align}
+      placement="bottom"
+      className="an-runs-tray__menu w-80 max-w-[calc(100vw-24px)] p-0"
+    >
+      <RunsTrayContent
+        runs={runs}
+        hasRuns={hasRuns}
+        activeCount={activeCount}
+        terminalCount={terminalCount}
+        onDismiss={dismissRun}
+        onStop={stopRun}
+        onOpenThread={onOpenThread}
+      />
+    </DesignSystemPopover>
   );
 }
 

package/corpus/core/src/client/resources/McpConnectionSuggestion.tsx

@@ -20,6 +20,7 @@ import {
   getMcpIntegrationApiFallback,
   getDefaultMcpIntegrations,
   isMcpConnectionFailureText,
+  navigateToMcpOAuthStart,
   type DefaultMcpIntegration,
 } from "./mcp-integration-catalog.js";
 import { McpIntegrationDialog } from "./McpIntegrationDialog.js";
@@ -38,6 +39,18 @@ export interface McpConnectionSuggestionProps {
   integrations?: DefaultMcpIntegration[];
 }
 
+export function findMcpConnectionSuggestionIntegration({
+  text,
+  contextText = "",
+  variant = "composer",
+  integrations = getDefaultMcpIntegrations(),
+}: McpConnectionSuggestionProps): DefaultMcpIntegration | null {
+  return findMcpIntegrationForText(
+    variant === "response" ? contextText : text,
+    integrations,
+  );
+}
+
 function compareUrl(value: string): string {
   try {
     const url = new URL(value.trim());
@@ -98,22 +111,16 @@ export function McpConnectionSuggestion({
     () => integrationOptions ?? getDefaultMcpIntegrations(),
     [integrationOptions],
   );
-  const textIntegration = useMemo(
-    () => findMcpIntegrationForText(text, integrations),
-    [integrations, text],
-  );
-  const contextIntegration = useMemo(
+  const integration = useMemo(
     () =>
-      contextText ? findMcpIntegrationForText(contextText, integrations) : null,
-    [contextText, integrations],
+      findMcpConnectionSuggestionIntegration({
+        text,
+        contextText,
+        variant,
+        integrations,
+      }),
+    [contextText, integrations, text, variant],
   );
-  const integration =
-    variant === "response" &&
-    textIntegration &&
-    contextIntegration &&
-    textIntegration.id !== contextIntegration.id
-      ? null
-      : (textIntegration ?? contextIntegration);
   const apiFallback = integration
     ? getMcpIntegrationApiFallback(integration)
     : null;
@@ -149,8 +156,9 @@ export function McpConnectionSuggestion({
     }
 
     if (canStartOAuth(integration)) {
+      setConnecting(true);
       saveMcpConnectionResume(variant === "response" ? contextText : text);
-      window.location.assign(
+      navigateToMcpOAuthStart(
         agentNativePath(
           buildMcpOAuthStartUrl({
             name: integration.name,
@@ -209,7 +217,7 @@ export function McpConnectionSuggestion({
         className={
           variant === "response"
             ? "mt-3 flex max-w-[520px] items-center gap-2 rounded-lg border border-primary/20 bg-primary/5 px-3 py-2 text-[12px]"
-            : "mx-auto mb-2 flex w-[min(100%,680px)] items-center gap-2 rounded-lg border border-primary/20 bg-primary/5 px-3 py-2 text-[12px]"
+            : "mx-auto mb-2 flex w-[min(calc(100%_-_1.5rem),680px)] items-center gap-2 rounded-lg border border-primary/20 bg-primary/5 px-3 py-2 text-[12px]"
         }
         data-mcp-connection-suggestion={integration.id}
       >
@@ -238,6 +246,7 @@ export function McpConnectionSuggestion({
           type="button"
           onClick={() => void connect()}
           disabled={connecting}
+          aria-busy={connecting}
           className="inline-flex shrink-0 items-center gap-1 rounded-md bg-primary px-2.5 py-1.5 text-[11px] font-medium text-primary-foreground hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-60"
         >
           {connecting && <IconLoader2 className="h-3 w-3 animate-spin" />}

package/corpus/core/src/client/resources/McpIntegrationDialog.tsx

@@ -30,6 +30,7 @@ import {
   getMcpIntegrationApiFallback,
   getDefaultMcpIntegrations,
   isCustomMcpIntegrationEnabled,
+  navigateToMcpOAuthStart,
   resolveMcpIntegrationScope,
   type DefaultMcpIntegration,
 } from "./mcp-integration-catalog.js";
@@ -242,24 +243,29 @@ export function McpIntegrationDialog({
     setMode("form");
   };
 
-  const beginOAuth = (args: {
-    name: string;
-    url: string;
-    description: string;
-  }) => {
+  const beginOAuth = (
+    args: {
+      name: string;
+      url: string;
+      description: string;
+    },
+    options?: { quickId?: string },
+  ) => {
     const validationError = getMcpUrlValidationError(args.url);
     if (validationError) {
       setError(validationError);
       setTestResult(null);
       return;
     }
+    setBusy(true);
+    setQuickBusyId(options?.quickId ?? null);
     const returnUrl =
       typeof window === "undefined"
         ? "/"
         : window.location.pathname +
           window.location.search +
           window.location.hash;
-    window.location.assign(
+    navigateToMcpOAuthStart(
       agentNativePath(
         buildMcpOAuthStartUrl({
           name: args.name,
@@ -272,12 +278,18 @@ export function McpIntegrationDialog({
     );
   };
 
-  const connectWithOAuth = (integration: DefaultMcpIntegration) =>
-    beginOAuth({
-      name: integration.name,
-      url: integration.url,
-      description: integration.description,
-    });
+  const connectWithOAuth = (
+    integration: DefaultMcpIntegration,
+    options?: { quickId?: string },
+  ) =>
+    beginOAuth(
+      {
+        name: integration.name,
+        url: integration.url,
+        description: integration.description,
+      },
+      options,
+    );
 
   const connectCustomWithOAuth = () => {
     if (!name.trim()) {
@@ -338,7 +350,7 @@ export function McpIntegrationDialog({
       return;
     }
     if (integration.authMode === "oauth") {
-      connectWithOAuth(integration);
+      connectWithOAuth(integration, { quickId: integration.id });
       return;
     }
     if (integration.authMode === "headers") {
@@ -563,6 +575,7 @@ export function McpIntegrationDialog({
                             type="button"
                             onClick={() => quickConnect(integration)}
                             disabled={busy}
+                            aria-busy={quickBusyId === integration.id}
                             className={cn(
                               "inline-flex h-8 flex-1 items-center justify-center gap-1.5 rounded-md bg-primary px-2.5 text-[12px] font-medium text-primary-foreground hover:bg-primary/90",
                               busy && "cursor-not-allowed opacity-70",
@@ -773,8 +786,12 @@ export function McpIntegrationDialog({
                   type="button"
                   onClick={() => connectWithOAuth(selected)}
                   disabled={!name.trim() || !url.trim() || busy}
+                  aria-busy={busy}
                   className="rounded-md border border-border bg-background px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent disabled:pointer-events-none disabled:opacity-40"
                 >
+                  {busy && (
+                    <IconLoader2 className="me-1.5 inline h-3.5 w-3.5 animate-spin" />
+                  )}
                   {t("mcpIntegrations.connectWithOAuth")}
                 </button>
               ) : !selected ? (
@@ -782,8 +799,12 @@ export function McpIntegrationDialog({
                   type="button"
                   onClick={connectCustomWithOAuth}
                   disabled={!name.trim() || !url.trim() || busy}
+                  aria-busy={busy}
                   className="rounded-md border border-border bg-background px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent disabled:pointer-events-none disabled:opacity-40"
                 >
+                  {busy && (
+                    <IconLoader2 className="me-1.5 inline h-3.5 w-3.5 animate-spin" />
+                  )}
                   {t("mcpIntegrations.connectWithOAuth")}
                 </button>
               ) : null}

package/corpus/core/src/client/resources/ResourcesPanel.tsx

@@ -338,7 +338,11 @@ function CreateMenu({
       window.clearTimeout(skillFlyoutCloseTimerRef.current);
       skillFlyoutCloseTimerRef.current = null;
     }
-    if (rowEl && typeof window !== "undefined") {
+    if (
+      rowEl &&
+      typeof window !== "undefined" &&
+      typeof rowEl.getBoundingClientRect === "function"
+    ) {
       const rect = rowEl.getBoundingClientRect();
       const FLYOUT_WIDTH = 248;
       setSkillFlyoutSide(

package/corpus/core/src/client/resources/mcp-integration-catalog.ts

@@ -49,6 +49,7 @@ export interface DefaultMcpIntegration {
     templateUses?: readonly string[];
   };
   headerPlaceholder?: string;
+  brandAliases?: string[];
   aliases?: string[];
   keywords: string[];
 }
@@ -138,16 +139,6 @@ export const DEFAULT_MCP_INTEGRATIONS: DefaultMcpIntegration[] = [
     logoUrl: mcpIntegrationLogo("granola"),
     docsUrl: "https://docs.granola.ai/help-center/sharing/integrations/mcp",
     setupNoteKey: "mcpIntegrations.catalog.granola.setupNote",
-    aliases: [
-      "meeting notes",
-      "meeting recordings",
-      "recordings",
-      "transcripts",
-      "action items",
-      "follow-ups",
-      "follow ups",
-      "decisions",
-    ],
     keywords: [
       "meetings",
       "meeting notes",
@@ -210,7 +201,7 @@ export const DEFAULT_MCP_INTEGRATIONS: DefaultMcpIntegration[] = [
     docsUrl:
       "https://developer.atlassian.com/cloud/rovo-mcp/guides/getting-started/",
     setupNoteKey: "mcpIntegrations.catalog.atlassian.setupNote",
-    aliases: ["jira", "confluence", "rovo"],
+    brandAliases: ["Jira", "Confluence", "Rovo"],
     keywords: ["atlassian", "jira", "confluence", "issues", "tickets"],
   },
   {
@@ -687,6 +678,19 @@ export function buildMcpOAuthStartUrl({
   return `/_agent-native/mcp/servers/oauth/start?${params.toString()}`;
 }
 
+export function navigateToMcpOAuthStart(url: string): void {
+  if (typeof window === "undefined") return;
+
+  const navigate = () => {
+    window.setTimeout(() => window.location.assign(url), 0);
+  };
+  if (typeof window.requestAnimationFrame === "function") {
+    window.requestAnimationFrame(navigate);
+  } else {
+    navigate();
+  }
+}
+
 export function resolveMcpIntegrationScope(
   defaultScope: "user" | "org",
   hasOrg: boolean,
@@ -708,6 +712,8 @@ export function filterMcpIntegrations(
       integration.description,
       integration.useCase,
       integration.url,
+      ...(integration.brandAliases ?? []),
+      ...(integration.aliases ?? []),
       ...integration.keywords,
     ]
       .join(" ")
@@ -789,12 +795,9 @@ export function findMcpIntegrationForText(
     isMcpConnectionFailureText(normalizedText);
   if (!hasResourceIntent) return null;
   const matchesCanonicalName = (integration: DefaultMcpIntegration) =>
-    [
-      integration.name,
-      integration.provider,
-      integration.id,
-      ...(integration.aliases ?? []),
-    ].some((alias) => textContainsTerm(normalizedText, alias));
+    [integration.name, ...(integration.brandAliases ?? [])].some((alias) =>
+      textContainsTerm(normalizedText, alias),
+    );
   const canonicalMatch = integrations.find(matchesCanonicalName);
   if (canonicalMatch) return canonicalMatch;
   return null;

package/corpus/core/src/client/resources/mcp-integration-logos.ts

@@ -24,8 +24,8 @@ const LOGOS = {
     data: "PHN2ZyBmaWxsPSIjMDAwMDAwIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Tm90aW9uPC90aXRsZT48cGF0aCBkPSJNNC40NTkgNC4yMDhjLjc0Ni42MDYgMS4wMjYuNTYgMi40MjguNDY2bDEzLjIxNS0uNzkzYy4yOCAwIC4wNDctLjI4LS4wNDYtLjMyNkwxNy44NiAxLjk2OGMtLjQyLS4zMjYtLjk4MS0uNy0yLjA1NS0uNjA3TDMuMDEgMi4yOTVjLS40NjYuMDQ2LS41Ni4yOC0uMzc0LjQ2NnptLjc5MyAzLjA4djEzLjkwNGMwIC43NDcuMzczIDEuMDI3IDEuMjE0Ljk4bDE0LjUyMy0uODRjLjg0MS0uMDQ2LjkzNS0uNTYuOTM1LTEuMTY3VjYuMzU0YzAtLjYwNi0uMjMzLS45MzMtLjc0OC0uODg3bC0xNS4xNzcuODg3Yy0uNTYuMDQ3LS43NDcuMzI3LS43NDcuOTMzem0xNC4zMzcuNzQ1Yy4wOTMuNDIgMCAuODQtLjQyLjg4OGwtLjcuMTR2MTAuMjY0Yy0uNjA4LjMyNy0xLjE2OC41MTQtMS42MzUuNTE0LS43NDggMC0uOTM1LS4yMzQtMS40OTUtLjkzM2wtNC41NzctNy4xODZ2Ni45NTJMMTIuMjEgMTlzMCAuODQtMS4xNjguODRsLTMuMjIyLjE4NmMtLjA5My0uMTg2IDAtLjY1My4zMjctLjc0NmwuODQtLjIzM1Y5Ljg1NEw3LjgyMiA5Ljc2Yy0uMDk0LS40Mi4xNC0xLjAyNi43OTMtMS4wNzNsMy40NTYtLjIzMyA0Ljc2NCA3LjI3OXYtNi40NGwtMS4yMTUtLjEzOWMtLjA5My0uNTE0LjI4LS44ODcuNzQ3LS45MzN6TTEuOTM2IDEuMDM1bDEzLjMxLS45OGMxLjYzNC0uMTQgMi4wNTUtLjA0NyAzLjA4Mi43bDQuMjQ5IDIuOTg2Yy43LjUxMy45MzQuNjUzLjkzNCAxLjIxM3YxNi4zNzhjMCAxLjAyNi0uMzczIDEuNjM0LTEuNjggMS43MjZsLTE1LjQ1OC45MzRjLS45OC4wNDctMS40NDgtLjA5My0xLjk2Mi0uNzQ3bC0zLjEyOS00LjA2Yy0uNTYtLjc0Ny0uNzkzLTEuMzA2LS43OTMtMS45NlYyLjY2N2MwLS44MzkuMzc0LTEuNTQgMS40NDctMS42MzJ6Ii8+PC9zdmc+",
   },
   granola: {
-    mime: "image/svg+xml",
-    data: "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNiIgZmlsbD0iI2Y0ZWZlNyIvPjxwYXRoIGQ9Ik00IDkuNWMyLjEtMi42IDQuOC0zLjkgOC0zLjlzNS45IDEuMyA4IDMuOWMtMi4xIDIuNi00LjggMy45LTggMy45cy01LjktMS4zLTgtMy45WiIgZmlsbD0iIzI4YTg3OCIvPjxwYXRoIGQ9Ik01LjMgMTIuMmMxLjkgMS43IDQuMSAyLjYgNi43IDIuNnM0LjgtLjkgNi43LTIuNmMtLjUgMy44LTMuMSA2LjItNi43IDYuMnMtNi4yLTIuNC02LjctNi4yWiIgZmlsbD0iIzEzOGY2OCIvPjxjaXJjbGUgY3g9IjkiIGN5PSI5LjUiIHI9IjEiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjkuNSIgcj0iMSIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjE1IiBjeT0iOS41IiByPSIxIiBmaWxsPSIjZmZmIi8+PC9zdmc+",
+    mime: "image/png",
+    data: "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",
   },
   linear: {
     mime: "image/svg+xml",

package/corpus/core/src/client/route-chunk-recovery.ts

@@ -33,10 +33,12 @@ export function isRouteModuleReloadMessage(value: unknown): boolean {
 
 export function isDynamicImportFailureMessage(value: unknown): boolean {
   if (typeof value !== "string") return false;
+  const message = value.toLowerCase();
   return (
-    value.includes("Failed to fetch dynamically imported module") ||
-    value.includes("error loading dynamically imported module") ||
-    value.includes("Importing a module script failed")
+    message.includes("failed to fetch dynamically imported module") ||
+    message.includes("error loading dynamically imported module") ||
+    message.includes("importing a module script failed") ||
+    message.includes("failed to fetch dynamically imported")
   );
 }
 

package/corpus/core/src/client/session-replay.ts

@@ -1158,13 +1158,13 @@ function updateReplayResourceNode(
 ): ReplayResourceNode {
   return {
     tagName: current.tagName,
-    rel: Object.hasOwn(attributes, "rel")
+    rel: Object.prototype.hasOwnProperty.call(attributes, "rel")
       ? replayAttributeString(attributes, "rel")
       : current.rel,
-    as: Object.hasOwn(attributes, "as")
+    as: Object.prototype.hasOwnProperty.call(attributes, "as")
       ? replayAttributeString(attributes, "as")
       : current.as,
-    type: Object.hasOwn(attributes, "type")
+    type: Object.prototype.hasOwnProperty.call(attributes, "type")
       ? replayAttributeString(attributes, "type")
       : current.type,
   };

package/corpus/core/src/client/settings/DemoModeSection.tsx

@@ -1,5 +1,6 @@
 /** Browser-local presentation toggle. Backend and agent results stay real. */
 
+import { Switch } from "@agent-native/toolkit/design-system";
 import { IconEyeOff } from "@tabler/icons-react";
 
 import { setBrowserDemoModeEnabled } from "../../demo/browser-state.js";
@@ -20,25 +21,12 @@ export function DemoModeSection() {
           stay real and access-scoped.
         </p>
       </div>
-      <button
-        type="button"
-        role="switch"
-        aria-checked={enabled}
+      <Switch
+        checked={enabled}
+        onChange={(checked) => setBrowserDemoModeEnabled(checked)}
         aria-label="Enable demo mode"
-        onClick={() => setBrowserDemoModeEnabled(!enabled)}
-        // Theme tokens; streaming agent owns layout.
-        className={`relative inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full transition-colors ${
-          enabled
-            ? "bg-primary"
-            : "bg-muted-foreground/30 hover:bg-muted-foreground/50"
-        }`}
-      >
-        <span
-          className={`inline-block h-3 w-3 transform rounded-full bg-background transition-transform ${
-            enabled ? "translate-x-3.5" : "translate-x-0.5"
-          }`}
-        />
-      </button>
+        className="shrink-0"
+      />
     </div>
   );
 }