refactor: extract isInteractiveDesktopDragTarget and add debug logging

packages/app/src/components/agent-stream-view.tsx

@@ -261,6 +261,44 @@ export const AgentStreamView = forwardRef<AgentStreamViewHandle, AgentStreamView
     [looseGap, tightGap]
   );
 
+  // ---------------------------------------------------------------------------
+  // DEBUG: track when render callback deps change
+  // ---------------------------------------------------------------------------
+  const debugStreamPrevRef = useRef<Record<string, unknown>>({});
+  useEffect(() => {
+    const prev = debugStreamPrevRef.current;
+    const curr: Record<string, unknown> = {
+      // handleInlinePathPress deps (line 196-205)
+      "hip.agent.cwd": agent.cwd,
+      "hip.openFileExplorer": openFileExplorer,
+      "hip.requestDirectoryListing": requestDirectoryListing,
+      "hip.resolvedServerId": resolvedServerId,
+      "hip.router": router,
+      "hip.setExplorerTabForCheckout": setExplorerTabForCheckout,
+      "hip.onOpenWorkspaceFile": onOpenWorkspaceFile,
+      "hip.workspaceId": workspaceId,
+      // top-level deps
+      handleInlinePathPress,
+      "agent.status": agent.status,
+      streamRenderStrategy,
+      getGapBetween,
+      streamItems,
+      "streamItems.length": streamItems.length,
+      streamHead,
+      baseRenderModel,
+    };
+    const changed: string[] = [];
+    for (const key of Object.keys(curr)) {
+      if (!Object.is(prev[key], curr[key])) {
+        changed.push(key);
+      }
+    }
+    if (changed.length > 0 && Object.keys(prev).length > 0) {
+      console.log("[AgentStreamView] deps changed:", changed.join(", "));
+    }
+    debugStreamPrevRef.current = curr;
+  });
+
   const renderStreamItemContent = useCallback(
     (
       item: StreamItem,

packages/app/src/components/left-sidebar.tsx

@@ -460,6 +460,9 @@ function MobileSidebar({
                 <Pressable
                   style={styles.newAgentButton}
                   testID="sidebar-sessions"
+                  accessible
+                  accessibilityRole="button"
+                  accessibilityLabel="Sessions"
                   onPress={handleViewMore}
                 >
                   {({ hovered }) => (
@@ -623,6 +626,9 @@ function DesktopSidebar({
           <Pressable
             style={styles.newAgentButton}
             testID="sidebar-sessions"
+            accessible
+            accessibilityRole="button"
+            accessibilityLabel="Sessions"
             onPress={handleViewMore}
           >
             {({ hovered }) => (

packages/app/src/components/message.tsx

@@ -759,6 +759,13 @@ export const AssistantMessage = memo(function AssistantMessage({
   workspaceRoot,
   disableOuterSpacing,
 }: AssistantMessageProps) {
+  // DEBUG: log when AssistantMessage actually renders (inside memo boundary)
+  console.log("[AssistantMessage] render", {
+    messageLength: message?.length,
+    timestamp,
+    hasOnInlinePathPress: !!onInlinePathPress,
+  });
+
   const { theme, rt } = useUnistyles();
   const resolvedDisableOuterSpacing =
     useDisableOuterSpacing(disableOuterSpacing);
@@ -1918,6 +1925,9 @@ export const ToolCall = memo(function ToolCall({
   onInlineDetailsHoverChange,
   onInlineDetailsExpandedChange,
 }: ToolCallProps) {
+  // DEBUG: log when ToolCall actually renders (inside memo boundary)
+  console.log("[ToolCall] render", { toolName, status });
+
   const { openToolCall } = useToolCallSheet();
   const [isExpanded, setIsExpanded] = useState(false);