@agent-native/toolkit 0.198.5 → 0.198.7-nightly-20260930213124

package/src/app/agentkit/react/styles.css

@@ -984,6 +984,15 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   opacity: 1;
 }
 
+.agentkit-message .agentkit-message-actions[data-streaming="true"],
+.agentkit-message:hover .agentkit-message-actions[data-streaming="true"],
+.agentkit-message:focus-within
+  .agentkit-message-actions[data-streaming="true"] {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
 @media (hover: none), (any-pointer: coarse) {
   .agentkit-message-actions[data-role="user"] {
     opacity: 1;
@@ -1133,11 +1142,11 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 }
 
 .agentkit-activities-summary {
-  display: grid;
+  display: flex;
   inline-size: fit-content;
   max-inline-size: 100%;
-  justify-items: start;
-  gap: 0.125rem;
+  align-items: center;
+  gap: 0.375rem;
 }
 
 .agentkit-activities {
@@ -1263,6 +1272,12 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   gap: 0.375rem;
 }
 
+.agentkit-activities-summary-content {
+  display: grid;
+  min-inline-size: 0;
+  gap: 0.125rem;
+}
+
 .agentkit-activities-current {
   display: flex;
   align-items: center;
@@ -1280,20 +1295,6 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
   white-space: nowrap;
 }
 
-.agentkit-activities-current[data-running="true"]
-  .agentkit-activities-current-label {
-  color: transparent;
-  background: linear-gradient(
-    90deg,
-    var(--agentkit-text),
-    color-mix(in srgb, var(--agentkit-text) 32%, transparent),
-    var(--agentkit-text)
-  );
-  background-size: 200% 100%;
-  background-clip: text;
-  animation: agentkit-shimmer 1.8s linear infinite;
-}
-
 .agentkit-summary-chevron,
 .agentkit-disclosure-icon {
   transition:
@@ -1301,16 +1302,24 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
     transform 160ms ease;
 }
 
-.agentkit-activities-summary .agentkit-summary-chevron {
+.agentkit-activities-summary > .agentkit-summary-chevron {
   opacity: 0;
 }
 
-.agentkit-activities-summary:hover .agentkit-summary-chevron,
-.agentkit-activities-summary:focus-visible .agentkit-summary-chevron,
-.agentkit-activities[open] .agentkit-summary-chevron {
+.agentkit-activities[data-expandable="true"]
+  .agentkit-activities-summary:hover
+  > .agentkit-summary-chevron,
+.agentkit-activities[data-expandable="true"]
+  .agentkit-activities-summary:focus-visible
+  > .agentkit-summary-chevron,
+.agentkit-activities[data-expandable="true"][open] .agentkit-summary-chevron {
   opacity: 1;
 }
 
+.agentkit-activities[data-expandable="false"] .agentkit-activities-summary {
+  cursor: default;
+}
+
 .agentkit-activities-static {
   display: grid;
   min-inline-size: 0;
@@ -1346,7 +1355,10 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 
 .agentkit-activities-list {
   display: grid;
+  max-block-size: 15.625rem;
   gap: 0.5rem;
+  overflow: auto;
+  overscroll-behavior: contain;
   padding-block-start: 0.25rem;
 }
 
@@ -1384,7 +1396,9 @@ body:has(> [data-agent-native-composer-popover="true"]) > .fixed.inset-0 {
 
 @media (hover: none) {
   .agentkit-message-actions[data-role="user"],
-  .agentkit-activities-summary .agentkit-summary-chevron {
+  .agentkit-activities[data-expandable="true"]
+    .agentkit-activities-summary
+    .agentkit-summary-chevron {
     opacity: 1;
   }
 }
@@ -1844,8 +1858,6 @@ button.agentkit-object {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .agentkit-activities-current[data-running="true"]
-    .agentkit-activities-current-label,
   .agentkit-activity-item[data-status="running"] .agentkit-activity-label,
   .agentkit-agent[data-status="working"] .agentkit-agent-name,
   .agentkit-reasoning[data-active="true"] .agentkit-reasoning-label {

package/src/app/chat/AgentKitAssistantChat.spec.tsx

@@ -794,6 +794,12 @@ describe("AgentKitAssistantChat host behavior", () => {
     ];
     await mount(baseProps());
 
+    const thinking = container.querySelector('[role="status"]');
+    expect(thinking?.textContent).toBe("agentChat.status.thinking");
+    expect(thinking?.classList.contains("agent-thinking-indicator")).toBe(true);
+    expect(
+      thinking?.querySelector(".agent-thinking-indicator__text"),
+    ).not.toBeNull();
     expect(chatMocks.composerProps.disabled).toBe(false);
     expect(chatMocks.composerProps.submissionDisabled).toBe(true);
     expect(chatMocks.composerProps.announcePendingSubmission).toBe(false);
@@ -802,6 +808,22 @@ describe("AgentKitAssistantChat host behavior", () => {
     );
   });
 
+  it("does not duplicate Thinking after the run becomes active", async () => {
+    chatMocks.history = { isSubmissionInFlight: true };
+    chatMocks.thread.activeRunIds = ["run-active"];
+    chatMocks.thread.messages = [
+      {
+        id: "user-pending",
+        role: "user",
+        parts: [{ type: "text", text: "Summarize my inbox" }],
+        metadata: {},
+      },
+    ];
+    await mount(baseProps());
+
+    expect(container.querySelector(".agent-thinking-indicator")).toBeNull();
+  });
+
   it("keeps the pending announcement when the transcript has no visible user message", async () => {
     chatMocks.history = { isSubmissionInFlight: true };
     chatMocks.thread.messages = [

package/src/app/chat/AgentKitAssistantChat.tsx

@@ -3080,6 +3080,12 @@ function AgentKitTranscript({ children, threadId }: AgentKitRegionRenderProps) {
   const threadMessageIds = new Set(
     thread.messages.map((message) => message.id),
   );
+  const lastMessage = thread.messages.at(-1);
+  const showThinking =
+    surface.isSubmissionInFlight &&
+    !surface.isRunning &&
+    lastMessage?.role === "user" &&
+    lastMessage.metadata?.hideUserMessage !== true;
   const pendingVoiceMessages = surface.voiceTranscriptMessages.filter(
     (message) => !threadMessageIds.has(message.id),
   );
@@ -3257,13 +3263,15 @@ function AgentKitTranscript({ children, threadId }: AgentKitRegionRenderProps) {
           threadId={threadId}
         />
       ))}
-      {surface.isThinkingVisibleInTranscript ? (
+      {showThinking ? (
         <div
+          className="agent-thinking-indicator"
           role="status"
           aria-live="polite"
-          className="px-3 py-2 text-sm text-muted-foreground"
         >
-          {t("agentChat.status.thinking")}
+          <span className="agent-thinking-indicator__text">
+            {t("agentChat.status.thinking")}
+          </span>
         </div>
       ) : null}
       {guided.questions?.length ? (
@@ -4061,11 +4069,13 @@ function AgentKitTool({ value, active }: AgentKitRenderProps<AgentToolCall>) {
   const metadata = value.metadata ?? {};
   const input = asRecord(value.input) ?? {};
   const output =
-    typeof value.output === "string"
-      ? value.output
-      : value.output === undefined
-        ? undefined
-        : JSON.stringify(value.output);
+    value.status === "failed" && value.error?.message
+      ? value.error.message
+      : typeof value.output === "string"
+        ? value.output
+        : value.output === undefined
+          ? undefined
+          : JSON.stringify(value.output);
   return (
     <ChatRunningContext.Provider
       value={active === true || value.status === "running"}
@@ -4079,8 +4089,8 @@ function AgentKitTool({ value, active }: AgentKitRenderProps<AgentToolCall>) {
           args={input}
           argsText={JSON.stringify(input)}
           result={output}
+          isError={value.status === "failed"}
           isRunning={value.status === "running"}
-          outcome={value.status === "failed" ? "unknown" : undefined}
           structuredMeta={metadata}
           mcpApp={asRecord(metadata.mcpApp) as never}
           chatUI={asRecord(metadata.chatUI) as never}

package/src/app/chat/AgentPanel.overlay.spec.tsx

@@ -160,6 +160,7 @@ describe("AgentPanel sibling overlay handoff", () => {
     container.remove();
     document.body.innerHTML = "";
     window.requestAnimationFrame = requestAnimationFrame;
+    vi.useRealTimers();
     vi.unstubAllGlobals();
   });
 
@@ -216,6 +217,7 @@ describe("AgentPanel sibling overlay handoff", () => {
 
   it("keeps All chats open after the menu restores focus", async () => {
     const focusRestorePrevented = vi.fn();
+    vi.useFakeTimers();
 
     await act(async () => {
       root.render(
@@ -249,8 +251,19 @@ describe("AgentPanel sibling overlay handoff", () => {
         );
     });
 
-    await act(async () => {
-      await new Promise<void>((resolve) => setTimeout(resolve, 0));
+    expect(
+      document.body.querySelector('[data-testid="history-content"]'),
+    ).toBeNull();
+
+    act(() => {
+      vi.advanceTimersByTime(99);
+    });
+    expect(
+      document.body.querySelector('[data-testid="history-content"]'),
+    ).toBeNull();
+
+    act(() => {
+      vi.advanceTimersByTime(1);
     });
 
     expect(focusRestorePrevented).toHaveBeenCalledWith(true);
@@ -261,6 +274,7 @@ describe("AgentPanel sibling overlay handoff", () => {
 
   it("opens the share popover after clicking Share in the overflow menu", async () => {
     const focusRestorePrevented = vi.fn();
+    vi.useFakeTimers();
 
     await act(async () => {
       root.render(
@@ -296,9 +310,19 @@ describe("AgentPanel sibling overlay handoff", () => {
     });
 
     expect(frames).toHaveLength(0);
+    expect(
+      document.body.querySelector('[data-testid="share-content"]'),
+    ).toBeNull();
 
-    await act(async () => {
-      await new Promise<void>((resolve) => setTimeout(resolve, 0));
+    act(() => {
+      vi.advanceTimersByTime(99);
+    });
+    expect(
+      document.body.querySelector('[data-testid="share-content"]'),
+    ).toBeNull();
+
+    act(() => {
+      vi.advanceTimersByTime(1);
     });
 
     expect(focusRestorePrevented).toHaveBeenCalledWith(true);

package/src/app/chat/AgentPanel.tsx

@@ -1,5 +1,11 @@
 import { getBrowserTabId } from "@agent-native/core/client/hooks";
+import { buildSettingsRoute } from "@agent-native/core/navigation";
+import {
+  isSettingsSectionId,
+  SETTINGS_SECTION_ALIASES,
+} from "@agent-native/core/navigation";
 import type { AgentRun } from "@agent-native/core/progress";
+import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
 import { Tooltip as DesignSystemTooltip } from "@agent-native/toolkit/design-system";
 import {
   DropdownMenu,
@@ -36,30 +42,23 @@ import React, {
   Suspense,
   startTransition,
 } from "react";
+import { useLocation, useNavigate } from "react-router";
 
 import { resolveFeedbackUrl } from "../feedback/FeedbackButton.js";
 import { ErrorReportActions, FeedbackButton } from "../feedback/index.js";
 import { RunsTrayMenuItem } from "../progress/index.js";
 import { ShareButton } from "../sharing/index.js";
-import { ThinkingDisplayProvider } from "./thinking-display.js";
-const loadMultiTabAssistantChat = () =>
-  import("./MultiTabAssistantChat.js").then((m) => ({
-    default: m.MultiTabAssistantChat,
-  }));
-const MultiTabAssistantChatLazy = lazy(loadMultiTabAssistantChat);
-import { buildSettingsRoute } from "@agent-native/core/navigation";
-import {
-  isSettingsSectionId,
-  SETTINGS_SECTION_ALIASES,
-} from "@agent-native/core/navigation";
-import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
-import { useLocation, useNavigate } from "react-router";
-
 import {
   AGENT_PANEL_OPEN_SETTINGS_EVENT,
   AGENT_PANEL_SET_MODE_EVENT,
 } from "./agent-sidebar-events.js";
 import type { AgentChatSurfaceKind } from "./chat/surface-types.js";
+import {
+  MultiTabAssistantChat,
+  type MultiTabAssistantChatHeaderProps,
+  type MultiTabAssistantChatProps,
+} from "./MultiTabAssistantChat.js";
+import { ThinkingDisplayProvider } from "./thinking-display.js";
 export {
   shouldHandleAgentPanelChatShortcut,
   shouldHandleAgentSidebarToggle,
@@ -99,11 +98,6 @@ import {
 } from "./agent-sidebar-url-sync.js";
 import type { AssistantChatProps } from "./chat/surface-types.js";
 import { assistantUiRecoverableRenderErrorKind } from "./composer/assistant-ui-recovery.js";
-import type {
-  MultiTabAssistantChatHeaderProps,
-  MultiTabAssistantChatProps,
-} from "./MultiTabAssistantChat.js";
-
 function parentFrameTargetOrigin(): string {
   return getFramePostMessageTargetOrigin() ?? window.location.origin;
 }
@@ -293,6 +287,7 @@ const AGENT_PANEL_CONTROL_STYLE = {
   lineHeight: 1,
 } satisfies React.CSSProperties;
 const ACTIVATE_KEYS = new Set(["Enter", " "]);
+const AGENT_PANEL_MENU_EXIT_DURATION_MS = 100;
 type AgentPanelOverlayOpenTiming = "animation-frame" | "timeout";
 
 export function deferAgentPanelOverlayOpen(
@@ -304,7 +299,7 @@ export function deferAgentPanelOverlayOpen(
   event.preventDefault();
   closeMenu();
   if (timing === "timeout") {
-    setTimeout(openOverlay, 0);
+    setTimeout(openOverlay, AGENT_PANEL_MENU_EXIT_DURATION_MS);
     return;
   }
   if (
@@ -379,96 +374,6 @@ function IconTooltip({
   );
 }
 
-type ChatHeaderRenderer = (
-  props: MultiTabAssistantChatHeaderProps,
-) => React.ReactNode;
-
-function ChatLoadingSkeleton({
-  renderHeader,
-  centerComposerWhenEmpty = false,
-  composerSlot,
-  composerAreaClassName,
-  composerLayoutVariant = "default",
-}: {
-  renderHeader?: ChatHeaderRenderer;
-  centerComposerWhenEmpty?: boolean;
-  composerSlot?: React.ReactNode;
-  composerAreaClassName?: string;
-  composerLayoutVariant?: AssistantChatProps["composerLayoutVariant"];
-}) {
-  const t = useT();
-  const noop = useCallback(() => {}, []);
-  const noopStr = useCallback((_id: string) => {}, []);
-  const stubProps: MultiTabAssistantChatHeaderProps = {
-    tabs: [],
-    activeTabId: "",
-    activeTabMessageCount: 0,
-    setActiveTabId: noopStr,
-    addTab: noop,
-    closeTab: noopStr,
-    closeOtherTabs: noopStr,
-    closeAllTabs: noop,
-    clearActiveTab: noop,
-    showHistory: false,
-    tabCount: 0,
-    toggleHistory: noop,
-  };
-  if (centerComposerWhenEmpty) {
-    return (
-      <div className="flex flex-col flex-1 min-h-0">
-        {renderHeader ? renderHeader(stubProps) : null}
-        <div
-          data-agent-empty-state="centered"
-          className="relative flex flex-1 flex-col h-full min-h-0 text-foreground"
-        >
-          <div className="agent-chat-scroll flex-1 overflow-y-auto overflow-x-hidden min-h-0">
-            <div className="agent-empty-state sr-only" aria-busy="true">
-              {t("agentChat.empty.loadingChat")}
-            </div>
-          </div>
-          {composerSlot}
-          <div className="agent-composer-stack">
-            <div
-              className={cn(
-                "agent-composer-area shrink-0 px-3 py-2",
-                composerLayoutVariant !== "default" &&
-                  `agent-composer-area--${composerLayoutVariant}`,
-                composerAreaClassName,
-              )}
-            >
-              <div
-                className={cn(
-                  "agent-composer-root flex flex-col rounded-lg border border-input bg-muted/45 transition-colors",
-                  composerLayoutVariant !== "default" &&
-                    `agent-composer-root--${composerLayoutVariant}`,
-                )}
-              >
-                <div className="px-3 pt-3">
-                  <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 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>
-          </div>
-        </div>
-      </div>
-    );
-  }
-  return (
-    <div className="flex flex-col flex-1 min-h-0">
-      {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 motion-reduce:animate-none" />
-      </div>
-    </div>
-  );
-}
-
 export function getAgentPanelChatTabGroups(
   tabs: MultiTabAssistantChatHeaderProps["tabs"],
   activeTabId: string,
@@ -2544,13 +2449,9 @@ function AgentPanelInner({
           </Suspense>
         )}
 
-        {/* Chat view — always mounted to preserve state.
-          Header (with tabs + mode buttons) is always visible.
-          Chat content is hidden when CLI or resources mode is active.
-          The wrapper collapses (no flex-1) when another mode is active
-          so it only takes the height of its header.
-          The Suspense boundary renders the header chrome immediately while
-          the lazy assistant-ui chunk loads in the background. */}
+        {/* Chat view stays mounted to preserve state. MultiTabAssistantChat
+          owns its transcript loading state; mounting it here keeps the
+          interactive composer available while that data loads. */}
         <div
           className={cn(
             "flex flex-col min-h-0",
@@ -2558,58 +2459,40 @@ function AgentPanelInner({
           )}
         >
           {mounted && (
-            <Suspense
-              fallback={
-                <ChatLoadingSkeleton
-                  renderHeader={showHeader ? renderChatHeader : undefined}
-                  centerComposerWhenEmpty={
-                    assistantChatProps.centerComposerWhenEmpty
-                  }
-                  composerSlot={assistantChatProps.composerSlot}
-                  composerAreaClassName={
-                    assistantChatProps.composerAreaClassName
-                  }
-                  composerLayoutVariant={
-                    assistantChatProps.composerLayoutVariant
-                  }
-                />
+            <MultiTabAssistantChat
+              {...assistantChatProps}
+              threadContentSlot={assistantChatProps.threadContentSlot}
+              agentChatSurface={effectiveAgentChatSurface}
+              apiUrl={apiUrl}
+              showHeader={false}
+              renderHeader={showHeader ? renderChatHeader : undefined}
+              showTabBar={showTabBar}
+              renderOverlay={
+                showPageHeader && !showHeader
+                  ? renderPageChatOverlay
+                  : undefined
               }
-            >
-              <MultiTabAssistantChatLazy
-                {...assistantChatProps}
-                threadContentSlot={assistantChatProps.threadContentSlot}
-                agentChatSurface={effectiveAgentChatSurface}
-                apiUrl={apiUrl}
-                showHeader={false}
-                renderHeader={showHeader ? renderChatHeader : undefined}
-                showTabBar={showTabBar}
-                renderOverlay={
-                  showPageHeader && !showHeader
-                    ? renderPageChatOverlay
-                    : undefined
-                }
-                contentHidden={mode !== "chat"}
-                emptyStateText={emptyStateText}
-                emptyStateAddon={emptyStateAddon}
-                emptyStateFooter={emptyStateFooter}
-                onMessageCountChange={onMessageCountChange}
-                suggestions={suggestions}
-                dynamicSuggestions={dynamicSuggestions}
-                suggestionPlacement={
-                  assistantChatProps.suggestionPlacement ?? "context-chips"
-                }
-                onSwitchToCli={() => switchMode("cli")}
-                execMode={execMode}
-                onExecModeChange={switchExecMode}
-                storageKey={storageKey}
-                restoreActiveThread={restoreActiveThread}
-                scope={scope}
-                isolateHistoryByScope={isolateHistoryByScope}
-                showScopeBadge={showScopeBadge}
-                browserTabId={browserTabId}
-                threadUrlSync={threadUrlSync}
-              />
-            </Suspense>
+              contentHidden={mode !== "chat"}
+              emptyStateText={emptyStateText}
+              emptyStateAddon={emptyStateAddon}
+              emptyStateFooter={emptyStateFooter}
+              onMessageCountChange={onMessageCountChange}
+              suggestions={suggestions}
+              dynamicSuggestions={dynamicSuggestions}
+              suggestionPlacement={
+                assistantChatProps.suggestionPlacement ?? "context-chips"
+              }
+              onSwitchToCli={() => switchMode("cli")}
+              execMode={execMode}
+              onExecModeChange={switchExecMode}
+              storageKey={storageKey}
+              restoreActiveThread={restoreActiveThread}
+              scope={scope}
+              isolateHistoryByScope={isolateHistoryByScope}
+              showScopeBadge={showScopeBadge}
+              browserTabId={browserTabId}
+              threadUrlSync={threadUrlSync}
+            />
           )}
         </div>
 

package/src/app/chat/AgentSidebar.spec.tsx

@@ -12,7 +12,11 @@ const mockHostedHarness = vi.hoisted(() => ({
 }));
 
 vi.mock("./AgentSidebarPanel.js", () => ({
-  AgentSidebarPanel: () => <div data-agent-sidebar-panel-loaded="true" />,
+  AgentSidebarPanel: () => (
+    <div data-agent-sidebar-panel-loaded="true">
+      <textarea aria-label="Chat composer" />
+    </div>
+  ),
 }));
 vi.mock("./agent-sidebar-url-sync.js", () => ({
   ScreenRefreshBoundary: ({
@@ -146,7 +150,7 @@ beforeEach(() => {
   });
 });
 
-describe("AgentSidebar lazy panel boundary", () => {
+describe("AgentSidebar panel", () => {
   it("pauses screen refresh until the panel is active", () => {
     renderSidebar(false);
 
@@ -229,7 +233,7 @@ describe("AgentSidebar lazy panel boundary", () => {
     ).toBeTruthy();
   });
 
-  it("shows the panel skeleton before the lazy body resolves for open-by-default users", async () => {
+  it("renders an interactive composer without a loading skeleton", () => {
     localStorage.setItem("agent-native-sidebar-open", "true");
     renderSidebar(true);
 
@@ -238,10 +242,11 @@ describe("AgentSidebar lazy panel boundary", () => {
     ).toBeTruthy();
     expect(
       container?.querySelector("[data-agent-sidebar-panel-skeleton='true']"),
-    ).toBeTruthy();
-    expect(
-      container?.querySelector("[data-agent-sidebar-panel-loaded='true']"),
     ).toBeNull();
+    const composer = container?.querySelector<HTMLTextAreaElement>(
+      "textarea[aria-label='Chat composer']",
+    );
+    expect(composer).toBeTruthy();
     const panel = container?.querySelector<HTMLElement>(
       ".agent-sidebar-panel[data-agent-sidebar-layout='desktop']",
     );
@@ -249,16 +254,13 @@ describe("AgentSidebar lazy panel boundary", () => {
       "var(--agent-kit-nav-surface)",
     );
 
-    await act(async () => {
-      await Promise.resolve();
-    });
-
-    expect(
-      container?.querySelector("[data-agent-sidebar-panel-loaded='true']"),
-    ).toBeTruthy();
+    expect(composer?.isConnected).toBe(true);
+    expect(composer?.disabled).toBe(false);
+    composer!.value = "hello";
+    expect(composer?.value).toBe("hello");
   });
 
-  it("opens from the global shortcut while the panel body is still loading", async () => {
+  it("opens from the global shortcut with the composer available", async () => {
     renderSidebar(false);
     await act(async () => {});
 
@@ -278,14 +280,12 @@ describe("AgentSidebar lazy panel boundary", () => {
         ".agent-sidebar-panel[data-agent-sidebar-state='open']",
       ),
     ).toBeTruthy();
-
-    await act(async () => {
-      await Promise.resolve();
-    });
-
     expect(
       container?.querySelector("[data-agent-sidebar-panel-loaded='true']"),
     ).toBeTruthy();
+    expect(
+      container?.querySelector("textarea[aria-label='Chat composer']"),
+    ).toBeTruthy();
   });
 
   it("leaves Cmd+I available to the app when the chat shortcut is disabled", async () => {