@tutti-os/agent-gui 0.0.3 → 0.0.4

package/dist/index.js

@@ -39,7 +39,7 @@ import {
   useOptionalAgentHostApi,
   user_avatar_placeholder_default,
   workspaceAgentActivityStatusLabel
-} from "./chunk-AF5CXBJN.js";
+} from "./chunk-5Q36BEUM.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs,
   workspaceAgentProviderLabel
@@ -5236,6 +5236,7 @@ function computeAgentToolGroups(sequence, {
 }) {
   const groups = /* @__PURE__ */ new Map();
   const groupedIndices = /* @__PURE__ */ new Set();
+  const suppressedIndices = allowTrailingFinalization ? /* @__PURE__ */ new Set() : findActiveTailSuppressedToolIndices(sequence);
   let currentCalls = [];
   let currentEntries = [];
   let currentIndices = [];
@@ -5265,6 +5266,9 @@ function computeAgentToolGroups(sequence, {
     if (!item) {
       continue;
     }
+    if (suppressedIndices.has(index)) {
+      continue;
+    }
     if (item.kind === "tool-call" && isGroupableToolCall2(item.call)) {
       if (avoidGroupingEdits && isEditBoundaryToolCall(item.call)) {
         finalizeGroup();
@@ -5301,7 +5305,8 @@ function computeAgentToolGroups(sequence, {
   }
   return {
     groups,
-    groupedIndices
+    groupedIndices,
+    suppressedIndices
   };
 }
 function projectAgentToolGroupRowFromGroup(turnId, group) {
@@ -5318,12 +5323,12 @@ function projectAgentToolGroupRowFromGroup(turnId, group) {
     occurredAtUnixMs: group.calls.map((call) => call.occurredAtUnixMs ?? 0).reduce((latest, value) => value > latest ? value : latest, 0) || null
   };
 }
-function projectAgentSingleToolRow(call) {
+function projectAgentSingleToolRow(call, turnId = call.turnId) {
   return {
     kind: "tool-group",
     id: `tool-row:${call.id}`,
-    expansionKey: `tool-row:${call.id}`,
-    turnId: call.turnId,
+    expansionKey: `tool-group:${turnId}:${call.id}`,
+    turnId,
     grouped: false,
     calls: [call],
     summary: null,
@@ -5337,6 +5342,7 @@ function projectMessage(message, turnId) {
     id: message.id,
     turnId: message.turnId ?? turnId,
     body: message.body,
+    statusKind: message.statusKind ?? null,
     occurredAtUnixMs: message.occurredAtUnixMs ?? null,
     visibleError: message.visibleError ?? null,
     systemNotice: message.systemNotice ?? null
@@ -5375,6 +5381,50 @@ function isGroupableToolCall2(call) {
       return true;
   }
 }
+function findActiveTailSuppressedToolIndices(sequence) {
+  const suppressedIndices = /* @__PURE__ */ new Set();
+  let latestTailToolIndex = -1;
+  for (let index = sequence.length - 1; index >= 0; index -= 1) {
+    const item = sequence[index];
+    if (!item) {
+      continue;
+    }
+    if (item.kind !== "tool-call") {
+      break;
+    }
+    latestTailToolIndex = Math.max(latestTailToolIndex, index);
+  }
+  if (latestTailToolIndex < 0) {
+    return suppressedIndices;
+  }
+  const latestTailTool = sequence[latestTailToolIndex];
+  if (latestTailTool?.kind !== "tool-call" || !isSuppressingActiveTailTool(latestTailTool.call)) {
+    return suppressedIndices;
+  }
+  for (let index = latestTailToolIndex - 1; index >= 0; index -= 1) {
+    const item = sequence[index];
+    if (!item) {
+      continue;
+    }
+    if (item.kind !== "tool-call") {
+      break;
+    }
+    suppressedIndices.add(index);
+  }
+  return suppressedIndices;
+}
+function isSuppressingActiveTailTool(call) {
+  switch (call.rendererKind) {
+    case "approval":
+    case "ask-user":
+    case "plan-enter":
+    case "plan-exit":
+    case "task":
+      return false;
+    default:
+      return true;
+  }
+}
 function isEditBoundaryToolCall(call) {
   return call.rendererKind === "edit" || call.rendererKind === "write";
 }
@@ -6605,6 +6655,7 @@ function mergeAdjacentAssistantMessageRows(rows) {
       const nextMessage = row.messages[0];
       if (lastMessage && nextMessage) {
         lastMessage.body += nextMessage.body;
+        lastMessage.statusKind = nextMessage.statusKind ?? lastMessage.statusKind ?? null;
         lastMessage.occurredAtUnixMs = nextMessage.occurredAtUnixMs ?? lastMessage.occurredAtUnixMs;
       }
       if (row.messages.length > 1) {
@@ -6777,7 +6828,11 @@ function userPromptContentBlocks(message, fallbackWorkspaceId) {
 }
 function projectTurnAgentRows(turn, options) {
   const sequence = buildAgentTurnSequenceItems(turn);
-  const { groups, groupedIndices } = computeAgentToolGroups(sequence, options);
+  const { groups, groupedIndices, suppressedIndices } = computeAgentToolGroups(
+    sequence,
+    options
+  );
+  const skippedIndices = /* @__PURE__ */ new Set([...groupedIndices, ...suppressedIndices]);
   const rows = [];
   let pendingThinking = [];
   const flushThinking = () => {
@@ -6807,13 +6862,13 @@ function projectTurnAgentRows(turn, options) {
       index = group.endIndex;
       continue;
     }
-    if (groupedIndices.has(index)) {
+    if (skippedIndices.has(index)) {
       continue;
     }
     if (item.kind === "thinking") {
       const next = nextUngroupedSequenceItem(
         sequence,
-        groupedIndices,
+        skippedIndices,
         index + 1
       );
       if (next?.kind === "assistant-message") {
@@ -6838,7 +6893,7 @@ function projectTurnAgentRows(turn, options) {
       continue;
     }
     flushThinking();
-    rows.push(projectAgentSingleToolRow(item.call));
+    rows.push(projectAgentSingleToolRow(item.call, turn.id));
   }
   flushThinking();
   return rows;
@@ -7105,6 +7160,8 @@ function isUserTimelineItem(item) {
 
 // agent-gui/agentGuiNode/model/agentGuiConversationModel.ts
 var AGENT_GUI_RUNTIME_SESSION_ORIGIN = WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN;
+var AGENT_GUI_CONVERSATION_PROJECT_SUMMARY_CACHE_LIMIT = 512;
+var agentGUIConversationProjectSummaryCache = /* @__PURE__ */ new Map();
 function resolveAgentGUIConversationSortTimeUnixMs(conversation) {
   return conversation.sortTimeUnixMs ?? conversation.updatedAtUnixMs;
 }
@@ -7282,7 +7339,7 @@ function resolveAgentGUIConversationProject(cwd, userProjects = []) {
   if (matchedProject.lastUsedAtUnixMs !== void 0) {
     summary.lastUsedAtUnixMs = matchedProject.lastUsedAtUnixMs;
   }
-  return summary;
+  return cachedAgentGUIConversationProjectSummary(summary);
 }
 function applyAgentGUIConversationProjects(conversations, userProjects = []) {
   let changed = false;
@@ -7386,6 +7443,28 @@ function normalizeAgentGUIProjectPath(path) {
   }
   return normalized.replace(/\/+$/, "") || "/";
 }
+function cachedAgentGUIConversationProjectSummary(summary) {
+  const key = [
+    summary.id,
+    summary.path,
+    summary.label,
+    summary.createdAtUnixMs ?? "",
+    summary.updatedAtUnixMs ?? "",
+    summary.lastUsedAtUnixMs ?? ""
+  ].join("");
+  const cached = agentGUIConversationProjectSummaryCache.get(key);
+  if (cached) {
+    return cached;
+  }
+  if (agentGUIConversationProjectSummaryCache.size >= AGENT_GUI_CONVERSATION_PROJECT_SUMMARY_CACHE_LIMIT) {
+    const oldestKey = agentGUIConversationProjectSummaryCache.keys().next().value;
+    if (oldestKey) {
+      agentGUIConversationProjectSummaryCache.delete(oldestKey);
+    }
+  }
+  agentGUIConversationProjectSummaryCache.set(key, summary);
+  return summary;
+}
 function isSameAgentGUIConversationProject(left, right) {
   if (!left && !right) {
     return true;
@@ -8387,6 +8466,7 @@ var STREAM_LINGER_MS = 15e3;
 var EMPTY_AGENT_SESSION_VIEW_STORE_SNAPSHOT = {
   sessionViewsBySessionKey: {}
 };
+var MESSAGE_UPDATE_BATCH_DELAY_MS = 33;
 var snapshot = EMPTY_AGENT_SESSION_VIEW_STORE_SNAPSHOT;
 var storeListeners = /* @__PURE__ */ new Set();
 var ignoreEmptyViewUpdatesAfterTestReset = false;
@@ -8427,6 +8507,7 @@ function watchAgentSession(payload, options = {}) {
       payload: normalizedPayload3,
       listeners: /* @__PURE__ */ new Set(),
       lingerTimer: null,
+      pendingMessageBatch: null,
       releaseRuntimeEvents: null,
       retainPromise: null
     };
@@ -8597,10 +8678,7 @@ function ensureWorkspaceSessionEventListener(workspaceId) {
         return;
       }
       for (const entry of entries) {
-        recordAgentSessionStreamEvent(entry, event);
-        for (const listener of entry.listeners) {
-          listener(event);
-        }
+        receiveAgentSessionStreamEvent(entry, event);
       }
     }
   );
@@ -8671,6 +8749,80 @@ function clearEntryLingerTimer(entry) {
   clearTimeout(entry.lingerTimer);
   entry.lingerTimer = null;
 }
+function receiveAgentSessionStreamEvent(entry, event) {
+  if (event.eventType !== "message_update" || isImmediateMessageUpdateEvent(event)) {
+    flushPendingMessageBatch(entry);
+    dispatchAgentSessionStreamEvent(entry, event);
+    return;
+  }
+  enqueueMessageUpdateEvent(entry, event);
+}
+function enqueueMessageUpdateEvent(entry, event) {
+  let batch = entry.pendingMessageBatch;
+  if (!batch) {
+    batch = {
+      events: [],
+      incomingCount: 0,
+      timer: null
+    };
+    entry.pendingMessageBatch = batch;
+  }
+  batch.incomingCount += 1;
+  upsertCoalescedMessageUpdate(batch.events, event);
+  if (batch.timer !== null) {
+    return;
+  }
+  batch.timer = setTimeout(
+    () => flushPendingMessageBatch(entry),
+    MESSAGE_UPDATE_BATCH_DELAY_MS
+  );
+}
+function flushPendingMessageBatch(entry) {
+  const batch = entry.pendingMessageBatch;
+  if (!batch) {
+    return;
+  }
+  clearPendingMessageBatch(entry);
+  if (batch.events.length === 0) {
+    return;
+  }
+  recordAgentSessionStreamEvents(entry, batch.events);
+  for (const event of batch.events) {
+    for (const listener of entry.listeners) {
+      listener(event);
+    }
+  }
+  reportMessageBatchDiagnostics(entry, batch);
+}
+function clearPendingMessageBatch(entry) {
+  const batch = entry.pendingMessageBatch;
+  if (!batch) {
+    return;
+  }
+  if (batch.timer !== null) {
+    clearTimeout(batch.timer);
+    batch.timer = null;
+  }
+  entry.pendingMessageBatch = null;
+}
+function dispatchAgentSessionStreamEvent(entry, event) {
+  recordAgentSessionStreamEvent(entry, event);
+  for (const listener of entry.listeners) {
+    listener(event);
+  }
+}
+function upsertCoalescedMessageUpdate(events, event) {
+  const messageId = event.data.messageId.trim();
+  const existingIndex = events.findIndex(
+    (candidate) => candidate.eventType === "message_update" && candidate.data.messageId.trim() === messageId
+  );
+  if (existingIndex >= 0) {
+    events.splice(existingIndex, 1);
+    events.push(event);
+    return;
+  }
+  events.push(event);
+}
 function normalizeSubscribePayload(payload) {
   const workspaceId = payload.workspaceId?.trim();
   const agentSessionId = payload.agentSessionId.trim();
@@ -8714,10 +8866,20 @@ function findEntriesForEvent(event) {
   );
 }
 function recordAgentSessionStreamEvent(entry, event) {
-  const occurredAtUnixMs = "occurredAtUnixMs" in event.data && typeof event.data.occurredAtUnixMs === "number" ? event.data.occurredAtUnixMs : Date.now();
+  recordAgentSessionStreamEvents(entry, [event]);
+}
+function recordAgentSessionStreamEvents(entry, events) {
+  const latestEvent = events.at(-1);
+  if (!latestEvent) {
+    return;
+  }
+  const occurredAtUnixMs = "occurredAtUnixMs" in latestEvent.data && typeof latestEvent.data.occurredAtUnixMs === "number" ? latestEvent.data.occurredAtUnixMs : Date.now();
   updateAgentSessionView(entry.payload, (current) => {
     let next = current;
-    if (event.eventType === "available_commands_update") {
+    for (const event of events) {
+      if (event.eventType !== "available_commands_update") {
+        continue;
+      }
       next = {
         ...next,
         controlCommands: [...event.data.commands]
@@ -8731,6 +8893,36 @@ function recordAgentSessionStreamEvent(entry, event) {
     };
   });
 }
+function isImmediateMessageUpdateEvent(event) {
+  if (event.eventType !== "message_update") {
+    return true;
+  }
+  if (typeof event.data.completedAtUnixMs === "number") {
+    return true;
+  }
+  const status = event.data.status?.trim().toLowerCase() ?? "";
+  return status === "completed" || status === "failed" || status === "canceled" || status === "cancelled" || status === "error" || status === "waiting";
+}
+function reportMessageBatchDiagnostics(entry, batch) {
+  if (batch.incomingCount <= 1 && batch.events.length <= 1) {
+    return;
+  }
+  const runtime = getOptionalAgentActivityRuntime();
+  try {
+    void runtime?.reportDiagnostic?.({
+      details: {
+        agentSessionId: entry.payload.agentSessionId,
+        coalescedCount: batch.events.length,
+        incomingCount: batch.incomingCount
+      },
+      event: "agent.session_view.message_update_batch_flushed",
+      level: "debug",
+      source: "agent-gui",
+      workspaceId: entry.payload.workspaceId
+    });
+  } catch {
+  }
+}
 function isAgentSessionActivityStreamEvent(value) {
   if (!value || typeof value !== "object") {
     return false;
@@ -11261,6 +11453,17 @@ function mergeVisibleConversations(conversations, transientConversation) {
   }
   return [transientConversation, ...conversations];
 }
+function stableConversationSummaryList(previous, next) {
+  if (previous?.length !== next.length) {
+    return next;
+  }
+  for (let index = 0; index < next.length; index += 1) {
+    if (previous[index] !== next[index]) {
+      return next;
+    }
+  }
+  return previous;
+}
 function mergeConversationTitleUpdateFields(current, incomingTitle) {
   const title = incomingTitle.trim();
   if (!title) {
@@ -11556,6 +11759,14 @@ function reasoningSelectionFromComposerOptions(options, currentValue) {
 function providerSkillsFromComposerOptions(options) {
   return options?.skills.map((skill) => ({ ...skill })) ?? [];
 }
+function areProviderSkillOptionsEqual(left, right) {
+  return left.name === right.name && left.trigger === right.trigger && left.sourceKind === right.sourceKind && left.description === right.description && left.pluginName === right.pluginName;
+}
+function areProviderSkillOptionListsEqual(left, right) {
+  return left.length === right.length && left.every(
+    (skill, index) => areProviderSkillOptionsEqual(skill, right[index])
+  );
+}
 function permissionConfigFromComposerOptions(options) {
   const config = options?.permissionConfig;
   if (!config) {
@@ -11672,6 +11883,25 @@ function cloneComposerSettings(settings) {
 function sameComposerSettings(left, right) {
   return (left?.model ?? null) === (right?.model ?? null) && (left?.reasoningEffort ?? null) === (right?.reasoningEffort ?? null) && Boolean(left?.planMode) === Boolean(right?.planMode) && (left?.permissionModeId ?? null) === (right?.permissionModeId ?? null);
 }
+function useStableComposerSettings(settings) {
+  const settingsRef = useRef4(null);
+  if (settingsRef.current === null || !sameComposerSettings(settingsRef.current.value, settings)) {
+    settingsRef.current = { value: settings };
+  }
+  return settingsRef.current.value;
+}
+function useStableProviderSkillOptions(skills) {
+  const skillsRef = useRef4(null);
+  if (skillsRef.current === null || !areProviderSkillOptionListsEqual(skillsRef.current, skills)) {
+    skillsRef.current = skills;
+  }
+  return skillsRef.current;
+}
+function useStableControllerEventCallback(callback) {
+  const callbackRef = useRef4(callback);
+  callbackRef.current = callback;
+  return useCallback4((...args) => callbackRef.current(...args), []);
+}
 function pendingApprovalFromState(state) {
   return state?.pendingInteractive?.kind === "approval" ? state.pendingInteractive : null;
 }
@@ -15523,23 +15753,32 @@ function useAgentGUINodeController({
     userProjects,
     workspacePath
   ]);
-  const visibleConversations = useMemo4(
-    () => (isLoadingConversations ? mergeVisibleConversations(
+  const visibleConversationsRef = useRef4(
+    null
+  );
+  const visibleConversations = useMemo4(() => {
+    const source = isLoadingConversations ? mergeVisibleConversations(
       conversations,
       transientConversationRef.current
-    ) : conversations).map(
+    ) : conversations;
+    const next = source.map(
       (conversation2) => mergeConversationSummaryWithRuntimeSession({
         conversation: conversation2,
         runtimeSyncState: stableRuntimeSyncStateBySessionId[conversation2.id]
       })
-    ),
-    [
-      conversations,
-      isLoadingConversations,
-      stableRuntimeSyncStateBySessionId,
-      transientConversation
-    ]
-  );
+    );
+    const stableNext = stableConversationSummaryList(
+      visibleConversationsRef.current,
+      next
+    );
+    visibleConversationsRef.current = stableNext;
+    return stableNext;
+  }, [
+    conversations,
+    isLoadingConversations,
+    stableRuntimeSyncStateBySessionId,
+    transientConversation
+  ]);
   const conversationUserIds = useMemo4(
     () => [
       ...new Set(
@@ -15605,9 +15844,11 @@ function useAgentGUINodeController({
     () => planModeStateFromSessionState(activeSessionState),
     [activeSessionState]
   );
-  const availableSkills = useMemo4(
-    () => providerSkillsFromComposerOptions(providerComposerOptions),
-    [providerComposerOptions]
+  const availableSkills = useStableProviderSkillOptions(
+    useMemo4(
+      () => providerSkillsFromComposerOptions(providerComposerOptions),
+      [providerComposerOptions]
+    )
   );
   const conversationDetail = useMemo4(
     () => projectionConversation ? buildAgentGUIConversationDetail({
@@ -15691,24 +15932,28 @@ function useAgentGUINodeController({
     [activeConversationId, queuedPromptsBySessionId]
   );
   const drainingQueuedPromptId = drainingQueuedPromptSessionId === activeConversationId ? queuedPrompts[0]?.id ?? null : null;
-  const sessionSettings = cloneComposerSettings(
-    activeSessionState?.settings ?? null
+  const sessionSettings = useStableComposerSettings(
+    cloneComposerSettings(activeSessionState?.settings ?? null)
+  );
+  const storedNodeDefaultSettings = useStableComposerSettings(
+    readNodeDefaultDraftSettings({
+      data,
+      defaultReasoningEffort,
+      drafts: draftSettingsBySessionId
+    })
+  );
+  const homeComposerSettings = useStableComposerSettings(
+    resolveEffectiveComposerSettings({
+      settings: storedNodeDefaultSettings
+    })
   );
-  const storedNodeDefaultSettings = readNodeDefaultDraftSettings({
-    data,
-    defaultReasoningEffort,
-    drafts: draftSettingsBySessionId
-  });
-  const homeComposerSettings = resolveEffectiveComposerSettings({
-    settings: storedNodeDefaultSettings
-  });
   const activeConversationDraftSettings = activeConversationId ? draftSettingsBySessionId[activeConversationId] ?? null : null;
-  const defaultConversationDraftSettings = {
+  const defaultConversationDraftSettings = useStableComposerSettings({
     ...activeConversationDraftSettings ?? homeComposerSettings,
     permissionModeId: normalizePermissionModeId(activeSessionState?.permissionModeId) ?? normalizePermissionModeId(
       (activeConversationDraftSettings ?? homeComposerSettings).permissionModeId
     )
-  };
+  });
   const draftSettings = activeConversationId ? sessionSettings ?? defaultConversationDraftSettings : homeComposerSettings;
   const draftModel = normalizeOptionalText(draftSettings.model);
   const draftReasoningEffort = normalizeOptionalText(
@@ -15773,6 +16018,14 @@ function useAgentGUINodeController({
     () => modelSelectionFromComposerOptions(providerComposerOptions, draftModel),
     [draftModel, providerComposerOptions]
   );
+  const effectivePlanMode = useMemo4(
+    () => resolveEffectivePlanModeFromStates({
+      sessionPlanModeState,
+      timelinePlanModeState,
+      fallbackPlanMode: Boolean(draftSettings.planMode)
+    }),
+    [draftSettings.planMode, sessionPlanModeState, timelinePlanModeState]
+  );
   const composerSettings = useMemo4(() => {
     const permissionConfig = permissionConfigFromComposerOptions(
       providerComposerOptions
@@ -15786,11 +16039,6 @@ function useAgentGUINodeController({
     const selectedModelValue = draftModel;
     const selectedReasoningEffortValue = draftReasoningEffort;
     const selectedPermissionModeValue = normalizePermissionModeId(draftSettings.permissionModeId) ?? normalizePermissionModeId(permissionConfig?.defaultValue);
-    const effectivePlanMode = resolveEffectivePlanModeFromStates({
-      sessionPlanModeState,
-      timelinePlanModeState,
-      fallbackPlanMode: Boolean(draftSettings.planMode)
-    });
     return {
       sessionSettings,
       draftSettings: {
@@ -15828,18 +16076,115 @@ function useAgentGUINodeController({
     activeSessionReasoningSelection,
     draftSettings.permissionModeId,
     draftSettings.planMode,
+    effectivePlanMode,
     providerComposerOptions,
-    sessionPlanModeState,
     sessionSettings,
     selectedProjectPath,
     supports.model,
     supports.permission,
     supports.plan,
     supports.reasoning,
-    timelinePlanModeState,
     draftModel,
     draftReasoningEffort
   ]);
+  const stableCreateConversation = useStableControllerEventCallback(createConversation);
+  const stableSelectConversation = useStableControllerEventCallback(selectConversation);
+  const stableSubmitPrompt = useStableControllerEventCallback(submitPrompt);
+  const stableShowPromptImagesUnsupported = useStableControllerEventCallback(
+    showPromptImagesUnsupported
+  );
+  const stableSubmitApprovalOption = useStableControllerEventCallback(submitApprovalOption);
+  const stableSubmitInteractivePrompt = useStableControllerEventCallback(
+    submitInteractivePrompt
+  );
+  const stableInterruptCurrentTurn = useStableControllerEventCallback(interruptCurrentTurn);
+  const stableUpdateDraftPrompt = useStableControllerEventCallback(updateDraftPrompt);
+  const stableUpdateSelectedProjectPath = useStableControllerEventCallback(
+    updateSelectedProjectPath
+  );
+  const stableUpdateComposerSettings = useStableControllerEventCallback(
+    updateComposerSettings
+  );
+  const stableSendQueuedPromptNext = useStableControllerEventCallback(sendQueuedPromptNext);
+  const stableRemoveQueuedPrompt = useStableControllerEventCallback(removeQueuedPrompt);
+  const stableEditQueuedPrompt = useStableControllerEventCallback(editQueuedPrompt);
+  const stableRemoveProject = useStableControllerEventCallback(removeProject);
+  const stableRequestDeleteProjectConversations = useStableControllerEventCallback(requestDeleteProjectConversations);
+  const stableCancelDeleteProjectConversations = useStableControllerEventCallback(cancelDeleteProjectConversations);
+  const stableConfirmDeleteProjectConversations = useStableControllerEventCallback(confirmDeleteProjectConversations);
+  const stableToggleConversationPinned = useStableControllerEventCallback(
+    toggleConversationPinned
+  );
+  const stableRequestDeleteConversation = useStableControllerEventCallback(
+    requestDeleteConversation
+  );
+  const stableRetryActivation = useStableControllerEventCallback(retryActivation);
+  const stableContinueInNewConversation = useStableControllerEventCallback(
+    continueInNewConversation
+  );
+  const stableCancelDeleteConversation = useStableControllerEventCallback(
+    cancelDeleteConversation
+  );
+  const stableConfirmDeleteConversation = useStableControllerEventCallback(
+    confirmDeleteConversation
+  );
+  const stableRetryOpenclawGateway = useStableControllerEventCallback(
+    ensureOpenclawGateway
+  );
+  const controllerActions = useMemo4(
+    () => ({
+      createConversation: stableCreateConversation,
+      selectConversation: stableSelectConversation,
+      submitPrompt: stableSubmitPrompt,
+      showPromptImagesUnsupported: stableShowPromptImagesUnsupported,
+      submitApprovalOption: stableSubmitApprovalOption,
+      submitInteractivePrompt: stableSubmitInteractivePrompt,
+      interruptCurrentTurn: stableInterruptCurrentTurn,
+      updateDraftPrompt: stableUpdateDraftPrompt,
+      updateSelectedProjectPath: stableUpdateSelectedProjectPath,
+      updateComposerSettings: stableUpdateComposerSettings,
+      sendQueuedPromptNext: stableSendQueuedPromptNext,
+      removeQueuedPrompt: stableRemoveQueuedPrompt,
+      editQueuedPrompt: stableEditQueuedPrompt,
+      removeProject: stableRemoveProject,
+      requestDeleteProjectConversations: stableRequestDeleteProjectConversations,
+      cancelDeleteProjectConversations: stableCancelDeleteProjectConversations,
+      confirmDeleteProjectConversations: stableConfirmDeleteProjectConversations,
+      toggleConversationPinned: stableToggleConversationPinned,
+      requestDeleteConversation: stableRequestDeleteConversation,
+      retryActivation: stableRetryActivation,
+      continueInNewConversation: stableContinueInNewConversation,
+      cancelDeleteConversation: stableCancelDeleteConversation,
+      confirmDeleteConversation: stableConfirmDeleteConversation,
+      retryOpenclawGateway: stableRetryOpenclawGateway
+    }),
+    [
+      stableCancelDeleteConversation,
+      stableCancelDeleteProjectConversations,
+      stableConfirmDeleteConversation,
+      stableConfirmDeleteProjectConversations,
+      stableContinueInNewConversation,
+      stableCreateConversation,
+      stableEditQueuedPrompt,
+      stableInterruptCurrentTurn,
+      stableRemoveProject,
+      stableRemoveQueuedPrompt,
+      stableRequestDeleteConversation,
+      stableRequestDeleteProjectConversations,
+      stableRetryActivation,
+      stableRetryOpenclawGateway,
+      stableSelectConversation,
+      stableSendQueuedPromptNext,
+      stableShowPromptImagesUnsupported,
+      stableSubmitApprovalOption,
+      stableSubmitInteractivePrompt,
+      stableSubmitPrompt,
+      stableToggleConversationPinned,
+      stableUpdateComposerSettings,
+      stableUpdateDraftPrompt,
+      stableUpdateSelectedProjectPath
+    ]
+  );
   return useMemo4(
     () => ({
       viewModel: {
@@ -15889,32 +16234,7 @@ function useAgentGUINodeController({
         } : null,
         detailError
       },
-      actions: {
-        createConversation,
-        selectConversation,
-        submitPrompt,
-        showPromptImagesUnsupported,
-        submitApprovalOption,
-        submitInteractivePrompt,
-        interruptCurrentTurn,
-        updateDraftPrompt,
-        updateSelectedProjectPath,
-        updateComposerSettings,
-        sendQueuedPromptNext,
-        removeQueuedPrompt,
-        editQueuedPrompt,
-        removeProject,
-        requestDeleteProjectConversations,
-        cancelDeleteProjectConversations,
-        confirmDeleteProjectConversations,
-        toggleConversationPinned,
-        requestDeleteConversation,
-        retryActivation,
-        continueInNewConversation,
-        cancelDeleteConversation,
-        confirmDeleteConversation,
-        retryOpenclawGateway: ensureOpenclawGateway
-      }
+      actions: controllerActions
     }),
     [
       activeConversation,
@@ -15929,12 +16249,10 @@ function useAgentGUINodeController({
       composerSettings,
       conversation,
       conversationDetail,
-      conversations,
-      createConversation,
+      controllerActions,
       data,
       detailError,
       draftPrompt,
-      continueInNewConversation,
       isCreatingConversation,
       openclawGateway,
       promptImagesSupported,
@@ -15953,34 +16271,12 @@ function useAgentGUINodeController({
       pendingInteractivePrompt,
       queuedPrompts,
       drainingQueuedPromptId,
-      sendQueuedPromptNext,
-      removeQueuedPrompt,
-      editQueuedPrompt,
-      removeProject,
-      requestDeleteProjectConversations,
-      cancelDeleteProjectConversations,
-      confirmDeleteProjectConversations,
-      submitApprovalOption,
-      submitInteractivePrompt,
-      interruptCurrentTurn,
-      toggleConversationPinned,
-      requestDeleteConversation,
-      retryActivation,
       currentUserId,
       workspaceId,
       workspacePath,
       sessionChrome,
-      selectConversation,
-      showPromptImagesUnsupported,
-      submitPrompt,
       userProjects,
-      visibleConversations,
-      updateComposerSettings,
-      updateDraftPrompt,
-      updateSelectedProjectPath,
-      cancelDeleteConversation,
-      confirmDeleteConversation,
-      ensureOpenclawGateway
+      visibleConversations
     ]
   );
 }
@@ -16141,6 +16437,7 @@ import {
   useRef as useRef20,
   useState as useState26
 } from "react";
+import { useSnapshot } from "valtio";
 import { ChevronRight as ChevronRight9, Info as Info2 } from "lucide-react";
 import { WorkspaceFileReferencePicker } from "@tutti-os/workspace-file-reference/ui";
 import {
@@ -17672,7 +17969,8 @@ function AgentMessageBlock({
               },
               workspaceAppIcons,
               deferLongContentRender: true,
-              enableImageZoom: true
+              enableImageZoom: true,
+              streaming: message.statusKind === "working"
             }
           );
           if (rawTimelineJson2) {
@@ -22848,9 +23146,124 @@ var AgentTranscriptItemView = memo2(function AgentTranscriptItemView2({
   }
 });
 
+// shared/agentConversation/components/agentTranscriptComplexity.ts
+var AGENT_TRANSCRIPT_COMPLEXITY_VIRTUALIZATION_SCORE = 40;
+var AGENT_TRANSCRIPT_COMPLEXITY_SINGLE_TURN_SCORE = 24;
+var AGENT_TRANSCRIPT_COMPLEXITY_TURN_COUNT = 30;
+function assessAgentTranscriptComplexity(turnGroups) {
+  const complexity = calculateAgentTranscriptComplexity(turnGroups);
+  return {
+    ...complexity,
+    shouldVirtualize: shouldVirtualizeAgentTranscript({
+      turnCount: turnGroups.length,
+      complexity
+    }),
+    turnCount: turnGroups.length
+  };
+}
+function calculateAgentTranscriptComplexity(turnGroups) {
+  const turnScores = turnGroups.map((group) => calculateTurnScore(group.rows));
+  const totalScore = turnScores.reduce((total, score) => total + score, 0);
+  return {
+    totalScore,
+    maxTurnScore: Math.max(0, ...turnScores),
+    turnScores
+  };
+}
+function shouldVirtualizeAgentTranscript(input) {
+  return input.turnCount >= AGENT_TRANSCRIPT_COMPLEXITY_TURN_COUNT || input.complexity.totalScore >= AGENT_TRANSCRIPT_COMPLEXITY_VIRTUALIZATION_SCORE || input.complexity.maxTurnScore >= AGENT_TRANSCRIPT_COMPLEXITY_SINGLE_TURN_SCORE;
+}
+function calculateTurnScore(rows) {
+  let rowCount = 0;
+  let charCount = 0;
+  let codeFenceCount = 0;
+  let tableCount = 0;
+  let toolCallCount = 0;
+  let thinkingBlockCount = 0;
+  let imageCount = 0;
+  for (const { row } of rows) {
+    rowCount += 1;
+    if (row.kind === "message") {
+      for (const message of row.messages) {
+        charCount += message.body.length;
+        codeFenceCount += countCodeFences(message.body);
+        tableCount += countMarkdownTables(message.body);
+        imageCount += (message.images?.length ?? 0) + countMarkdownImages(message.body);
+      }
+      for (const thinking of row.thinking) {
+        thinkingBlockCount += 1;
+        charCount += thinking.body.length;
+        codeFenceCount += countCodeFences(thinking.body);
+      }
+      continue;
+    }
+    if (row.kind === "tool-group") {
+      toolCallCount += row.calls.length;
+      thinkingBlockCount += row.entries.filter(
+        (entry) => entry.kind === "thinking"
+      ).length;
+      charCount += (row.summary ?? "").length;
+      continue;
+    }
+    if (row.kind === "turn-summary") {
+      charCount += row.files.reduce(
+        (total, file) => total + file.label.length + file.path.length + (file.unifiedDiff?.length ?? 0) + (file.content?.length ?? 0),
+        0
+      );
+    }
+  }
+  return rowCount + charCount / 1200 + codeFenceCount * 4 + tableCount * 5 + toolCallCount * 2 + thinkingBlockCount * 2 + imageCount * 4;
+}
+function countCodeFences(value) {
+  let count = 0;
+  for (const line of value.split("\n")) {
+    const trimmed = line.trimStart();
+    if (trimmed.startsWith("```") || trimmed.startsWith("~~~")) {
+      count += 1;
+    }
+  }
+  return Math.ceil(count / 2);
+}
+function countMarkdownTables(value) {
+  const lines = value.split("\n");
+  let count = 0;
+  for (let index = 1; index < lines.length; index += 1) {
+    if (looksLikeTableSeparator(lines[index] ?? "") && lines[index - 1]?.includes("|")) {
+      count += 1;
+    }
+  }
+  return count;
+}
+function countMarkdownImages(value) {
+  let count = 0;
+  let index = 0;
+  while (index < value.length) {
+    const imageStart = value.indexOf("![", index);
+    if (imageStart < 0) {
+      break;
+    }
+    const labelEnd = value.indexOf("]", imageStart + 2);
+    const targetStart = labelEnd >= 0 ? value.indexOf("(", labelEnd) : -1;
+    const targetEnd = targetStart >= 0 ? value.indexOf(")", targetStart) : -1;
+    if (labelEnd >= 0 && targetStart === labelEnd + 1 && targetEnd > targetStart) {
+      count += 1;
+      index = targetEnd + 1;
+      continue;
+    }
+    index = imageStart + 2;
+  }
+  return count;
+}
+function looksLikeTableSeparator(line) {
+  const cells = line.split("|").map((cell) => cell.trim()).filter(Boolean);
+  return cells.length > 0 && cells.every((cell) => {
+    const normalized = cell.replace(/:/gu, "");
+    return normalized.length >= 3 && [...normalized].every((char) => char === "-");
+  });
+}
+
 // shared/agentConversation/components/AgentTranscriptView.tsx
 import { Fragment as Fragment8, jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
-var AGENT_TRANSCRIPT_VIRTUALIZATION_TURN_THRESHOLD = 30;
 var AGENT_TRANSCRIPT_VIRTUALIZATION_OVERSCAN = 6;
 var AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX = 280;
 var AGENT_TRANSCRIPT_TURN_GAP_PX = 12;
@@ -22921,7 +23334,10 @@ var AgentTranscriptView = memo3(function AgentTranscriptView2({
   );
   const basePath = conversation.sourceDetail.cwd;
   const workspaceRoot = conversation.workspaceRoot;
-  const shouldVirtualize = turnGroups.length >= AGENT_TRANSCRIPT_VIRTUALIZATION_TURN_THRESHOLD;
+  const shouldVirtualize = useMemo10(
+    () => assessAgentTranscriptComplexity(turnGroups).shouldVirtualize,
+    [turnGroups]
+  );
   const rowVirtualizer = useVirtualizer({
     count: turnGroups.length,
     estimateSize: () => AGENT_TRANSCRIPT_ESTIMATED_TURN_HEIGHT_PX,
@@ -30177,6 +30593,21 @@ function SendFilledIcon() {
   );
 }
 
+// agent-gui/agentGuiNode/AgentGUIBottomDockStore.ts
+import { proxy } from "valtio/vanilla";
+function createAgentGUIBottomDockStore(initialState) {
+  return proxy(initialState);
+}
+function syncAgentGUIBottomDockStore(store, next) {
+  if (agentGUIBottomDockStoreSnapshotsEqual(store, next)) {
+    return;
+  }
+  Object.assign(store, next);
+}
+function agentGUIBottomDockStoreSnapshotsEqual(current, next) {
+  return current.bottomDockActivePrompt === next.bottomDockActivePrompt && current.composerProps === next.composerProps && current.inlineNoticeChrome === next.inlineNoticeChrome && current.isRespondingApproval === next.isRespondingApproval && current.sessionChrome === next.sessionChrome;
+}
+
 // agent-gui/agentGuiNode/AgentConversationListSkeleton.tsx
 import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
 var SKELETON_ROWS = [
@@ -30855,6 +31286,7 @@ function AgentGUINodeView({
               labels,
               workspaceUserProjectI18n,
               uiLanguage,
+              showProjectSelector,
               createConversationDisabled,
               openclawGateway,
               isCollapsed: conversationRailCollapsed,
@@ -31294,14 +31726,170 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
   );
   const handleInterruptCurrentTurn = useCallback18(() => {
     actions.interruptCurrentTurn(labels.noRunningResponse);
-  }, [actions, labels.noRunningResponse]);
+  }, [actions.interruptCurrentTurn, labels.noRunningResponse]);
+  const submitApprovalOption = useStableEventCallback(
+    actions.submitApprovalOption
+  );
+  const retryActivation = useStableEventCallback(actions.retryActivation);
+  const continueInNewConversation = useStableEventCallback(
+    actions.continueInNewConversation
+  );
+  const updateDraftPrompt = useStableEventCallback(actions.updateDraftPrompt);
+  const updateSelectedProjectPath = useOptionalStableEventCallback(
+    actions.updateSelectedProjectPath
+  );
+  const updateComposerSettings = useStableEventCallback(
+    actions.updateComposerSettings
+  );
+  const submitPrompt = useStableEventCallback(actions.submitPrompt);
+  const showPromptImagesUnsupported = useStableEventCallback(
+    actions.showPromptImagesUnsupported
+  );
+  const sendQueuedPromptNext = useStableEventCallback(
+    actions.sendQueuedPromptNext
+  );
+  const removeQueuedPrompt = useStableEventCallback(actions.removeQueuedPrompt);
+  const editQueuedPrompt = useStableEventCallback(actions.editQueuedPrompt);
+  const submitInteractivePrompt = useStableEventCallback(
+    actions.submitInteractivePrompt
+  );
+  const stableLinkAction = useOptionalStableEventCallback(onLinkAction);
+  const stableRequestWorkspaceReferences = useOptionalStableEventCallback(
+    onRequestWorkspaceReferences
+  );
+  const authLogin = useOptionalStableEventCallback(onAgentProviderLogin);
   const submitBottomDockInteractivePrompt = useCallback18(
     (input) => {
-      actions.submitInteractivePrompt(input);
+      submitInteractivePrompt(input);
       setBottomDockDismissedPromptRequestId(input.requestId);
     },
-    [actions]
+    [submitInteractivePrompt]
   );
+  const bottomDockComposerProps = useMemo15(
+    () => ({
+      workspaceId: viewModel.workspaceId,
+      workspacePath: viewModel.workspacePath,
+      currentUserId: viewModel.currentUserId,
+      provider: viewModel.data.provider,
+      slashStatus,
+      draftPrompt: viewModel.draftPrompt,
+      availableCommands: viewModel.availableCommands,
+      hasCompactableContext: viewModel.hasSentUserMessage,
+      availableSkills: viewModel.availableSkills,
+      disabled: composerDisabled,
+      disabledReason: composerDisabledReason,
+      submitDisabled,
+      composerSettings: viewModel.composerSettings,
+      queuedPrompts: viewModel.queuedPrompts,
+      drainingQueuedPromptId: viewModel.drainingQueuedPromptId,
+      workspaceAppIcons,
+      canQueueWhileBusy,
+      placeholder: viewModel.hasSentUserMessage ? labels.followupPlaceholder : labels.initialPlaceholder,
+      showStopButton,
+      activePrompt: shouldLiftActivePromptAboveInlineNotice ? null : activePrompt,
+      activePromptKeyboardShortcutsEnabled: isActive,
+      promptTips: labels.promptTips,
+      composerFocusRequestSequence,
+      isActive,
+      promptImagesSupported: viewModel.promptImagesSupported,
+      showProjectSelector,
+      isInterrupting: viewModel.isInterrupting,
+      isSendingTurn: isComposerSending,
+      isSubmittingPrompt: viewModel.isRespondingApproval,
+      labels: composerLabels,
+      workspaceUserProjectI18n,
+      onDraftChange: updateDraftPrompt,
+      onProjectPathChange: updateSelectedProjectPath,
+      onSettingsChange: updateComposerSettings,
+      onSubmit: submitPrompt,
+      onPromptImagesUnsupported: showPromptImagesUnsupported,
+      onSendQueuedPromptNext: sendQueuedPromptNext,
+      onRemoveQueuedPrompt: removeQueuedPrompt,
+      onEditQueuedPrompt: editQueuedPrompt,
+      onInterruptCurrentTurn: handleInterruptCurrentTurn,
+      onSubmitInteractivePrompt: submitInteractivePrompt,
+      onLinkAction: stableLinkAction,
+      onRequestWorkspaceReferences: stableRequestWorkspaceReferences,
+      richTextAtProviders
+    }),
+    [
+      activePrompt,
+      canQueueWhileBusy,
+      composerDisabled,
+      composerDisabledReason,
+      composerFocusRequestSequence,
+      composerLabels,
+      handleInterruptCurrentTurn,
+      isActive,
+      isComposerSending,
+      labels.followupPlaceholder,
+      labels.initialPlaceholder,
+      labels.promptTips,
+      editQueuedPrompt,
+      richTextAtProviders,
+      removeQueuedPrompt,
+      sendQueuedPromptNext,
+      shouldLiftActivePromptAboveInlineNotice,
+      showPromptImagesUnsupported,
+      showProjectSelector,
+      showStopButton,
+      slashStatus,
+      submitDisabled,
+      submitInteractivePrompt,
+      submitPrompt,
+      stableLinkAction,
+      stableRequestWorkspaceReferences,
+      updateComposerSettings,
+      updateDraftPrompt,
+      updateSelectedProjectPath,
+      viewModel.availableCommands,
+      viewModel.availableSkills,
+      viewModel.composerSettings,
+      viewModel.currentUserId,
+      viewModel.data.provider,
+      viewModel.draftPrompt,
+      viewModel.drainingQueuedPromptId,
+      viewModel.hasSentUserMessage,
+      viewModel.isInterrupting,
+      viewModel.isRespondingApproval,
+      viewModel.promptImagesSupported,
+      viewModel.queuedPrompts,
+      viewModel.workspaceId,
+      viewModel.workspacePath,
+      workspaceUserProjectI18n,
+      workspaceAppIcons
+    ]
+  );
+  const bottomDockStoreState = useMemo15(
+    () => ({
+      bottomDockActivePrompt,
+      composerProps: bottomDockComposerProps,
+      inlineNoticeChrome,
+      isRespondingApproval: viewModel.isRespondingApproval,
+      sessionChrome
+    }),
+    [
+      bottomDockActivePrompt,
+      bottomDockComposerProps,
+      inlineNoticeChrome,
+      sessionChrome,
+      viewModel.isRespondingApproval
+    ]
+  );
+  const bottomDockStoreRef = useRef20(null);
+  if (bottomDockStoreRef.current === null) {
+    bottomDockStoreRef.current = createAgentGUIBottomDockStore(bottomDockStoreState);
+  }
+  const bottomDockStore = bottomDockStoreRef.current;
+  syncAgentGUIBottomDockStore(bottomDockStore, bottomDockStoreState);
+  const bottomDockStoreRevision = [
+    bottomDockActivePrompt?.requestId ?? "",
+    inlineNoticeChrome?.recovery?.message ?? "",
+    sessionChrome.auth?.message ?? "",
+    sessionChrome.recovery?.kind ?? "",
+    sessionChrome.recovery?.message ?? "",
+    viewModel.isRespondingApproval ? "1" : "0"
+  ].join("|");
   useEffect21(() => {
     setBottomDockDismissedPromptRequestId(null);
   }, [activePromptRequestId]);
@@ -31432,6 +32020,7 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
     /* @__PURE__ */ jsx86(
       ScrollArea,
       {
+        scrollbarMode: "native",
         className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
         viewportRef: timelineRef,
         viewportTestId: "agent-gui-timeline",
@@ -31445,10 +32034,10 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
             emptyProvider: labels.emptyProvider ?? "",
             inlineNoticeChrome,
             isRespondingApproval: viewModel.isRespondingApproval,
-            onSubmitApprovalOption: actions.submitApprovalOption,
-            onRetryActivation: actions.retryActivation,
-            onAuthLogin: onAgentProviderLogin,
-            onContinueInNewConversation: actions.continueInNewConversation,
+            onSubmitApprovalOption: submitApprovalOption,
+            onRetryActivation: retryActivation,
+            onAuthLogin: authLogin,
+            onContinueInNewConversation: continueInNewConversation,
             chromeLabels,
             composerProps: {
               workspaceId: viewModel.workspaceId,
@@ -31482,18 +32071,18 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
               isSubmittingPrompt: viewModel.isRespondingApproval,
               labels: composerLabels,
               workspaceUserProjectI18n,
-              onDraftChange: actions.updateDraftPrompt,
-              onProjectPathChange: actions.updateSelectedProjectPath,
-              onSettingsChange: actions.updateComposerSettings,
-              onSubmit: actions.submitPrompt,
-              onPromptImagesUnsupported: actions.showPromptImagesUnsupported,
-              onSendQueuedPromptNext: actions.sendQueuedPromptNext,
-              onRemoveQueuedPrompt: actions.removeQueuedPrompt,
-              onEditQueuedPrompt: actions.editQueuedPrompt,
+              onDraftChange: updateDraftPrompt,
+              onProjectPathChange: updateSelectedProjectPath,
+              onSettingsChange: updateComposerSettings,
+              onSubmit: submitPrompt,
+              onPromptImagesUnsupported: showPromptImagesUnsupported,
+              onSendQueuedPromptNext: sendQueuedPromptNext,
+              onRemoveQueuedPrompt: removeQueuedPrompt,
+              onEditQueuedPrompt: editQueuedPrompt,
               onInterruptCurrentTurn: handleInterruptCurrentTurn,
-              onSubmitInteractivePrompt: actions.submitInteractivePrompt,
-              onLinkAction,
-              onRequestWorkspaceReferences,
+              onSubmitInteractivePrompt: submitInteractivePrompt,
+              onLinkAction: stableLinkAction,
+              onRequestWorkspaceReferences: stableRequestWorkspaceReferences,
               richTextAtProviders
             }
           }
@@ -31504,8 +32093,8 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
             isLoading: showTimelineSkeleton,
             loadingLabel: labels.loadingConversation,
             empty: conversationFlowEmpty,
-            onLinkAction,
-            onAuthLogin: onAgentProviderLogin,
+            onLinkAction: stableLinkAction,
+            onAuthLogin: authLogin,
             availableSkills: viewModel.availableSkills,
             workspaceAppIcons,
             labels: conversationFlowLabels
@@ -31517,63 +32106,15 @@ var AgentGUIDetailPane = memo5(function AgentGUIDetailPane2({
       AgentGUIBottomDockPane,
       {
         bottomDockRef,
-        activePrompt,
-        bottomDockActivePrompt,
+        store: bottomDockStore,
+        storeRevision: bottomDockStoreRevision,
         keyboardShortcutsEnabled: isActive,
-        inlineNoticeChrome,
-        sessionChrome,
-        isRespondingApproval: viewModel.isRespondingApproval,
-        composerProps: {
-          workspaceId: viewModel.workspaceId,
-          workspacePath: viewModel.workspacePath,
-          currentUserId: viewModel.currentUserId,
-          provider: viewModel.data.provider,
-          slashStatus,
-          draftPrompt: viewModel.draftPrompt,
-          availableCommands: viewModel.availableCommands,
-          hasCompactableContext: viewModel.hasSentUserMessage,
-          availableSkills: viewModel.availableSkills,
-          disabled: composerDisabled,
-          disabledReason: composerDisabledReason,
-          submitDisabled,
-          composerSettings: viewModel.composerSettings,
-          queuedPrompts: viewModel.queuedPrompts,
-          drainingQueuedPromptId: viewModel.drainingQueuedPromptId,
-          workspaceAppIcons,
-          canQueueWhileBusy,
-          placeholder: viewModel.hasSentUserMessage ? labels.followupPlaceholder : labels.initialPlaceholder,
-          showStopButton,
-          activePrompt: shouldLiftActivePromptAboveInlineNotice ? null : activePrompt,
-          activePromptKeyboardShortcutsEnabled: isActive,
-          composerFocusRequestSequence,
-          isActive,
-          promptImagesSupported: viewModel.promptImagesSupported,
-          showProjectSelector,
-          isInterrupting: viewModel.isInterrupting,
-          isSendingTurn: isComposerSending,
-          isSubmittingPrompt: viewModel.isRespondingApproval,
-          labels: composerLabels,
-          workspaceUserProjectI18n,
-          onDraftChange: actions.updateDraftPrompt,
-          onProjectPathChange: actions.updateSelectedProjectPath,
-          onSettingsChange: actions.updateComposerSettings,
-          onSubmit: actions.submitPrompt,
-          onPromptImagesUnsupported: actions.showPromptImagesUnsupported,
-          onSendQueuedPromptNext: actions.sendQueuedPromptNext,
-          onRemoveQueuedPrompt: actions.removeQueuedPrompt,
-          onEditQueuedPrompt: actions.editQueuedPrompt,
-          onInterruptCurrentTurn: handleInterruptCurrentTurn,
-          onSubmitInteractivePrompt: actions.submitInteractivePrompt,
-          onLinkAction,
-          onRequestWorkspaceReferences,
-          richTextAtProviders
-        },
         chromeLabels,
         promptLabels: interactivePromptLabels,
-        onSubmitApprovalOption: actions.submitApprovalOption,
-        onRetryActivation: actions.retryActivation,
-        onAuthLogin: onAgentProviderLogin,
-        onContinueInNewConversation: actions.continueInNewConversation,
+        onSubmitApprovalOption: submitApprovalOption,
+        onRetryActivation: retryActivation,
+        onAuthLogin: authLogin,
+        onContinueInNewConversation: continueInNewConversation,
         onSubmitBottomDockInteractivePrompt: submitBottomDockInteractivePrompt
       }
     ) : null
@@ -31657,6 +32198,25 @@ function AgentRunPathInfo({ path }) {
     )
   ] });
 }
+function useStableEventCallback(callback) {
+  const callbackRef = useRef20(callback);
+  useLayoutEffect6(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  return useCallback18((...args) => callbackRef.current(...args), []);
+}
+function useOptionalStableEventCallback(callback) {
+  const callbackRef = useRef20(callback);
+  useLayoutEffect6(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  return useMemo15(() => {
+    if (callback == null) {
+      return void 0;
+    }
+    return (...args) => callbackRef.current?.(...args);
+  }, [callback != null]);
+}
 var AgentGUIEmptyHeroPane = memo5(function AgentGUIEmptyHeroPane2({
   provider,
   emptyLabel,
@@ -31716,12 +32276,9 @@ function EmptyHeroTitle({
 }
 var AgentGUIBottomDockPane = memo5(function AgentGUIBottomDockPane2({
   bottomDockRef,
-  bottomDockActivePrompt,
+  store,
+  storeRevision: _storeRevision,
   keyboardShortcutsEnabled,
-  inlineNoticeChrome,
-  sessionChrome,
-  isRespondingApproval,
-  composerProps,
   chromeLabels,
   promptLabels,
   onSubmitApprovalOption,
@@ -31731,6 +32288,14 @@ var AgentGUIBottomDockPane = memo5(function AgentGUIBottomDockPane2({
   onSubmitBottomDockInteractivePrompt
 }) {
   "use memo";
+  const state = useSnapshot(store);
+  const {
+    bottomDockActivePrompt,
+    composerProps,
+    inlineNoticeChrome,
+    isRespondingApproval,
+    sessionChrome
+  } = state;
   return /* @__PURE__ */ jsxs56(
     "div",
     {
@@ -31805,6 +32370,7 @@ var AgentGUIConversationRailPane = memo5(
     labels,
     workspaceUserProjectI18n,
     uiLanguage,
+    showProjectSelector,
     createConversationDisabled,
     openclawGateway,
     isCollapsed,
@@ -31942,6 +32508,7 @@ var AgentGUIConversationRailPane = memo5(
           /* @__PURE__ */ jsx86(
             ScrollArea,
             {
+              scrollbarMode: "native",
               className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
               viewportRef: conversationListRef,
               viewportClassName: AgentGUINode_styles_default.conversationList,
@@ -31954,7 +32521,7 @@ var AgentGUIConversationRailPane = memo5(
                 const projectPath = section.kind === "project" ? section.project?.path ?? "" : "";
                 const projectLabel = section.kind === "project" ? section.label : "";
                 const isProjectSection = section.kind === "project";
-                const showProjectRailHeader = !conversationQuery.trim() && section.kind !== "pinned" && (sectionIndex === 0 || groupedConversations[sectionIndex - 1]?.kind === "pinned");
+                const showProjectRailHeader = showProjectSelector && !conversationQuery.trim() && section.kind !== "pinned" && (sectionIndex === 0 || groupedConversations[sectionIndex - 1]?.kind === "pinned");
                 const isSectionCollapsed = isProjectSection && collapsedProjectSectionIds.has(section.id);
                 const projectConversationCount = projectPath ? conversations.filter(
                   (conversation) => normalizeConversationRailProjectPath(
@@ -33091,6 +33658,15 @@ var AgentGUINode = memo6(function AgentGUINode2({
     },
     [onAgentProviderLogin, state.provider]
   );
+  const handleWorkspaceFileReferencesAdded = useCallback20(
+    (references) => {
+      onWorkspaceFileReferencesAdded?.({
+        provider: state.provider,
+        references
+      });
+    },
+    [onWorkspaceFileReferencesAdded, state.provider]
+  );
   const handleDataChange = useCallback20(
     (updater) => {
       onUpdateNode(updater);
@@ -33630,10 +34206,7 @@ var AgentGUINode = memo6(function AgentGUINode2({
             ),
             detailMinWidthPx: AGENT_GUI_DETAIL_MIN_WIDTH_PX,
             uiLanguage: locale,
-            onWorkspaceFileReferencesAdded: onWorkspaceFileReferencesAdded ? (references) => onWorkspaceFileReferencesAdded({
-              provider: state.provider,
-              references
-            }) : void 0,
+            onWorkspaceFileReferencesAdded: onWorkspaceFileReferencesAdded ? handleWorkspaceFileReferencesAdded : void 0,
             onConversationRailWidthChanged: handleConversationRailWidthChanged,
             labels,
             workspaceUserProjectI18n,