@tutti-os/agent-gui 0.0.20 → 0.0.22

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-5H4ISRJQ.js";
+} from "./chunk-64FJGJ3F.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -25,7 +25,6 @@ import {
 import {
   AgentConversationFlow,
   Button,
-  buildCanonicalWorkspaceAgentDetailView,
   buildWorkspaceAgentSessionDetailViewModel,
   createAgentRichTextInputExtensions,
   editorToPromptText,
@@ -37,13 +36,13 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-DIBNU26G.js";
+} from "./chunk-KRKC3XXB.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-7THDJWRR.js";
+} from "./chunk-6TRWLMRE.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -51,7 +50,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   flattenAgentMentionPaletteEntries,
   preloadAgentMentionBrowse
-} from "./chunk-7IFIA3DC.js";
+} from "./chunk-UUGCUPYW.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -91,7 +90,7 @@ import {
   useAgentActivitySnapshot,
   useAgentHostApi,
   useOptionalAgentActivityRuntime
-} from "./chunk-IEBWFP7O.js";
+} from "./chunk-222YHU5Z.js";
 import "./chunk-TYGL25EL.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
@@ -2347,16 +2346,6 @@ var AGENT_PROVIDER_LABEL = {
   hermes: "Hermes Agent"
 };
 
-// shared/agentConversation/projection/workspaceAgentTimelineProjection.ts
-function projectWorkspaceAgentTimelineToConversationVM(input, options = {}) {
-  const detail = buildCanonicalWorkspaceAgentDetailView(input);
-  const conversation = projectAgentConversationVM(detail, options);
-  return conversation;
-}
-
-// agent-gui/agentGuiNode/model/agentGuiConversationModel.ts
-import { resolveWorkspaceUserProjectDisplayLabel } from "@tutti-os/workspace-user-project/core";
-
 // agent-gui/agentGuiNode/model/agentGuiProviderIdentity.ts
 function normalizeAgentGUIProviderIdentity(provider) {
   switch (provider?.trim().toLowerCase() ?? "") {
@@ -2481,10 +2470,127 @@ function isUserTimelineItem(item) {
   return item.itemType.trim().toLowerCase() === "message.user";
 }
 
-// agent-gui/agentGuiNode/model/agentGuiConversationModel.ts
-var AGENT_GUI_RUNTIME_SESSION_ORIGIN = WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN;
+// agent-gui/agentGuiNode/model/agentGuiConversationProjectResolver.ts
+import { resolveWorkspaceUserProjectDisplayLabel } from "@tutti-os/workspace-user-project/core";
 var AGENT_GUI_CONVERSATION_PROJECT_SUMMARY_CACHE_LIMIT = 512;
 var agentGUIConversationProjectSummaryCache = /* @__PURE__ */ new Map();
+function createAgentGUIConversationProjectResolver(userProjects = [], options = {}) {
+  const projectByNormalizedPath = buildAgentGUIConversationProjectIndex(userProjects);
+  const resolvedByNormalizedCwd = /* @__PURE__ */ new Map();
+  return {
+    resolve: (cwd) => {
+      const normalizedCwd = normalizeAgentGUIProjectPath(cwd);
+      if (!normalizedCwd) {
+        return null;
+      }
+      const cached = resolvedByNormalizedCwd.get(normalizedCwd);
+      if (cached !== void 0) {
+        return cached;
+      }
+      const resolved = resolveAgentGUIConversationProjectFromIndex(
+        normalizedCwd,
+        projectByNormalizedPath,
+        options
+      );
+      resolvedByNormalizedCwd.set(normalizedCwd, resolved);
+      return resolved;
+    }
+  };
+}
+function resolveAgentGUIConversationProject(cwd, userProjects = [], options = {}) {
+  return createAgentGUIConversationProjectResolver(
+    userProjects,
+    options
+  ).resolve(cwd);
+}
+function buildAgentGUIConversationProjectIndex(userProjects) {
+  const projectByNormalizedPath = /* @__PURE__ */ new Map();
+  for (const project of userProjects) {
+    const projectPath = normalizeAgentGUIProjectPath(project.path);
+    if (!projectPath || projectByNormalizedPath.has(projectPath)) {
+      continue;
+    }
+    projectByNormalizedPath.set(projectPath, project);
+  }
+  return projectByNormalizedPath;
+}
+function resolveAgentGUIConversationProjectFromIndex(normalizedCwd, projectByNormalizedPath, options) {
+  if (options.isNoProjectPath?.({ path: normalizedCwd })) {
+    return null;
+  }
+  const matchedProject = lookupAgentGUIConversationProject(
+    normalizedCwd,
+    projectByNormalizedPath
+  );
+  if (!matchedProject) {
+    return null;
+  }
+  const summary = {
+    id: matchedProject.id,
+    path: matchedProject.path,
+    label: resolveWorkspaceUserProjectDisplayLabel(matchedProject)
+  };
+  if (matchedProject.createdAtUnixMs !== void 0) {
+    summary.createdAtUnixMs = matchedProject.createdAtUnixMs;
+  }
+  if (matchedProject.updatedAtUnixMs !== void 0) {
+    summary.updatedAtUnixMs = matchedProject.updatedAtUnixMs;
+  }
+  if (matchedProject.lastUsedAtUnixMs !== void 0) {
+    summary.lastUsedAtUnixMs = matchedProject.lastUsedAtUnixMs;
+  }
+  return cachedAgentGUIConversationProjectSummary(summary);
+}
+function lookupAgentGUIConversationProject(normalizedCwd, projectByNormalizedPath) {
+  let currentPath = normalizedCwd;
+  while (currentPath) {
+    const project = projectByNormalizedPath.get(currentPath);
+    if (project) {
+      return project;
+    }
+    const slashIndex = currentPath.lastIndexOf("/");
+    if (slashIndex <= 0) {
+      break;
+    }
+    currentPath = currentPath.slice(0, slashIndex);
+  }
+  if (normalizedCwd === "/") {
+    return projectByNormalizedPath.get("/") ?? null;
+  }
+  return null;
+}
+function normalizeAgentGUIProjectPath(path) {
+  const normalized = path?.trim().replaceAll("\\", "/") ?? "";
+  if (!normalized) {
+    return "";
+  }
+  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;
+}
+
+// agent-gui/agentGuiNode/model/agentGuiConversationModel.ts
+var AGENT_GUI_RUNTIME_SESSION_ORIGIN = WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN;
 function resolveAgentGUIConversationSortTimeUnixMs(conversation) {
   return conversation.sortTimeUnixMs ?? conversation.updatedAtUnixMs;
 }
@@ -2499,13 +2605,17 @@ function buildAgentGUIConversationSummaries({
   const sessionsById = new Map(
     runtimeSnapshot.sessions.map((session) => [session.agentSessionId, session])
   );
+  const projectResolver = createAgentGUIConversationProjectResolver(
+    userProjects,
+    { isNoProjectPath }
+  );
   return buildWorkspaceAgentActivityListViewModel(runtimeSnapshot, {
     sessionMessagesById
   }).activities.map(
     (activity) => conversationSummaryFromActivity(
       activity,
       sessionsById.get(activity.sessionId),
-      { isNoProjectPath, userProjects }
+      { projectResolver }
     )
   ).filter(
     (conversation) => conversation.provider === provider || conversation.provider === "unknown"
@@ -2553,52 +2663,38 @@ function buildAgentGUIConversationDetail({
   });
   return detail;
 }
-function buildAgentGUIConversationVM({
+function buildAgentGUIConversationModels({
   timelineItems,
   conversation,
   workspaceRoot = null,
   avoidGroupingEdits = false
 }) {
-  const session = timelineSessionFromItems(timelineItems, conversation);
-  const activity = buildWorkspaceAgentActivityListViewModel(
-    {
-      presences: [],
-      sessions: [session]
-    },
-    {
-      sessionMessagesById: {
-        [session.agentSessionId]: workspaceAgentMessagesFromTimelineItems(timelineItems)
-      }
-    }
-  ).activities[0] ?? null;
-  if (!activity) {
-    return null;
+  const detail = buildAgentGUIConversationDetail({
+    timelineItems,
+    conversation,
+    workspaceRoot
+  });
+  if (!detail) {
+    return { conversation: null, detail: null };
   }
-  const resolvedActivity = activityWithExplicitConversationTitle(
-    activity,
-    conversation
-  );
-  const conversationVM = projectWorkspaceAgentTimelineToConversationVM(
-    {
-      activity: resolvedActivity,
-      session,
-      timelineItems: [...timelineItems],
-      workspaceRoot
-    },
-    { avoidGroupingEdits }
-  );
-  return conversationVM;
+  return {
+    conversation: projectAgentConversationVM(detail, { avoidGroupingEdits }),
+    detail
+  };
 }
 function conversationSummaryFromAgentSession(session, options = {}) {
   const workspaceAgentSession = agentSessionToWorkspaceAgentSession(session);
+  const projectResolver = createAgentGUIConversationProjectResolver(
+    options.userProjects ?? [],
+    { isNoProjectPath: options.isNoProjectPath }
+  );
   const activity = buildWorkspaceAgentActivityListViewModel({
     presences: [],
     sessions: [workspaceAgentSession]
   }).activities[0] ?? null;
   if (activity) {
     return conversationSummaryFromActivity(activity, workspaceAgentSession, {
-      isNoProjectPath: options.isNoProjectPath,
-      userProjects: options.userProjects ?? []
+      projectResolver
     });
   }
   const provider = resolveAgentGUIProviderIdentity({
@@ -2617,11 +2713,7 @@ function conversationSummaryFromAgentSession(session, options = {}) {
     titleFallback,
     status: conversationStatusFromActivity("idle"),
     cwd: session.cwd?.trim() ?? "",
-    project: resolveAgentGUIConversationProject(
-      session.cwd,
-      options.userProjects ?? [],
-      { isNoProjectPath: options.isNoProjectPath }
-    ),
+    project: projectResolver.resolve(session.cwd),
     pinnedAtUnixMs: session.pinnedAtUnixMs ?? null,
     sortTimeUnixMs: resolveWorkspaceAgentSessionSortTimeUnixMs(
       workspaceAgentSession
@@ -2630,54 +2722,14 @@ function conversationSummaryFromAgentSession(session, options = {}) {
     syncState: void 0
   };
 }
-function resolveAgentGUIConversationProject(cwd, userProjects = [], options = {}) {
-  const normalizedCwd = normalizeAgentGUIProjectPath(cwd);
-  if (!normalizedCwd) {
-    return null;
-  }
-  if (options.isNoProjectPath?.({ path: normalizedCwd })) {
-    return null;
-  }
-  let matchedProject = null;
-  let matchedPath = "";
-  for (const project of userProjects) {
-    const projectPath = normalizeAgentGUIProjectPath(project.path);
-    if (!projectPath || normalizedCwd !== projectPath && !normalizedCwd.startsWith(`${projectPath}/`)) {
-      continue;
-    }
-    if (projectPath.length <= matchedPath.length) {
-      continue;
-    }
-    matchedProject = project;
-    matchedPath = projectPath;
-  }
-  if (!matchedProject) {
-    return null;
-  }
-  const summary = {
-    id: matchedProject.id,
-    path: matchedProject.path,
-    label: resolveWorkspaceUserProjectDisplayLabel(matchedProject)
-  };
-  if (matchedProject.createdAtUnixMs !== void 0) {
-    summary.createdAtUnixMs = matchedProject.createdAtUnixMs;
-  }
-  if (matchedProject.updatedAtUnixMs !== void 0) {
-    summary.updatedAtUnixMs = matchedProject.updatedAtUnixMs;
-  }
-  if (matchedProject.lastUsedAtUnixMs !== void 0) {
-    summary.lastUsedAtUnixMs = matchedProject.lastUsedAtUnixMs;
-  }
-  return cachedAgentGUIConversationProjectSummary(summary);
-}
 function applyAgentGUIConversationProjects(conversations, userProjects = [], options = {}) {
   let changed = false;
+  const projectResolver = createAgentGUIConversationProjectResolver(
+    userProjects,
+    options
+  );
   const next = conversations.map((conversation) => {
-    const project = resolveAgentGUIConversationProject(
-      conversation.cwd,
-      userProjects,
-      options
-    );
+    const project = projectResolver.resolve(conversation.cwd);
     if (isSameAgentGUIConversationProject(conversation.project, project)) {
       return conversation;
     }
@@ -2732,7 +2784,7 @@ function filterAgentGUIRuntimeSnapshot(snapshot3) {
 function isAgentGUIRuntimeSession(session) {
   return session.agentSessionId.trim().length > 0 && isWorkspaceAgentActivityRuntimeSessionOrigin(session.sessionOrigin);
 }
-function conversationSummaryFromActivity(activity, session, options = {}) {
+function conversationSummaryFromActivity(activity, session, options) {
   const status = conversationStatusFromActivity(activity.status);
   const provider = resolveAgentGUIProviderIdentity({
     workspaceSessionProvider: session?.provider,
@@ -2756,46 +2808,13 @@ function conversationSummaryFromActivity(activity, session, options = {}) {
     titleFallback,
     status,
     cwd: session?.cwd.trim() ?? "",
-    project: resolveAgentGUIConversationProject(
-      session?.cwd,
-      options.userProjects ?? [],
-      { isNoProjectPath: options.isNoProjectPath }
-    ),
+    project: options.projectResolver.resolve(session?.cwd),
     pinnedAtUnixMs: session?.pinnedAtUnixMs ?? null,
     sortTimeUnixMs: activity.sortTimeUnixMs,
     updatedAtUnixMs: session?.updatedAtUnixMs || activity.sortTimeUnixMs || 0,
     syncState: session?.syncState
   };
 }
-function normalizeAgentGUIProjectPath(path) {
-  const normalized = path?.trim().replaceAll("\\", "/") ?? "";
-  if (!normalized) {
-    return "";
-  }
-  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;
@@ -3170,17 +3189,14 @@ function normalizeAgentPromptContentBlocks(content) {
     if (block.type === "image") {
       const mimeType = block.mimeType?.trim();
       const data = block.data?.trim();
-      const imagePath = block.path?.trim();
-      if (!data && !imagePath || mimeType !== "image/png" && mimeType !== "image/jpeg" && mimeType !== "image/webp") {
+      const url = block.url?.trim();
+      if (!data && !url || mimeType !== "image/png" && mimeType !== "image/jpeg" && mimeType !== "image/webp") {
         continue;
       }
       result.push({
         type: "image",
         mimeType,
-        ...imagePath ? { path: imagePath } : { data },
-        ...block.uri?.trim() ? { uri: block.uri.trim() } : {},
-        ...block.uploadStatus?.trim() ? { uploadStatus: block.uploadStatus.trim() } : {},
-        ...block.assetId?.trim() ? { assetId: block.assetId.trim() } : {},
+        ...url ? { url } : { data },
         ...block.name?.trim() ? { name: block.name.trim() } : {}
       });
       continue;
@@ -3203,7 +3219,7 @@ function agentPromptContentHasImage(content) {
 }
 function agentPromptContentImageBlocks(content) {
   return normalizeAgentPromptContentBlocks(content).filter(
-    (block) => block.type === "image" && (typeof block.data === "string" || typeof block.path === "string") && typeof block.mimeType === "string"
+    (block) => block.type === "image" && (typeof block.data === "string" || typeof block.url === "string") && typeof block.mimeType === "string"
   );
 }
 function agentPromptContentToComposerDraft(content, idPrefix) {
@@ -3231,10 +3247,7 @@ function agentComposerDraftToPromptContent(input) {
     ...input.draft.images.slice(0, MAX_AGENT_COMPOSER_DRAFT_IMAGES).filter((image) => !image.uploading && !image.uploadError).map((image) => ({
       type: "image",
       mimeType: image.mimeType,
-      ...image.path ? { path: image.path } : { data: image.data },
-      ...image.uri ? { uri: image.uri } : {},
-      ...image.uploadStatus ? { uploadStatus: image.uploadStatus } : {},
-      ...image.assetId ? { assetId: image.assetId } : {},
+      ...image.url ? { url: image.url } : { data: image.data },
       name: image.name
     }))
   ]);
@@ -3277,11 +3290,8 @@ function agentPromptImageBlockToDraftImage(image, idPrefix, index) {
     name: image.name?.trim() || `image-${index + 1}`,
     mimeType: image.mimeType,
     data: image.data,
-    path: image.path,
-    uri: image.uri,
-    uploadStatus: image.uploadStatus,
-    assetId: image.assetId,
-    previewUrl: typeof image.data === "string" && image.data ? `data:${image.mimeType};base64,${image.data}` : image.path ?? ""
+    url: image.url,
+    previewUrl: typeof image.data === "string" && image.data ? `data:${image.mimeType};base64,${image.data}` : image.url ?? ""
   };
 }
 
@@ -3975,7 +3985,7 @@ function watchAgentSession(payload, options = {}) {
     entry = {
       key,
       payload: normalizedPayload2,
-      listeners: /* @__PURE__ */ new Set(),
+      batchListeners: /* @__PURE__ */ new Set(),
       lingerTimer: null,
       pendingMessageBatch: null,
       releaseRuntimeEvents: null,
@@ -3984,8 +3994,8 @@ function watchAgentSession(payload, options = {}) {
     activityStreamEntries.set(key, entry);
   }
   clearEntryLingerTimer(entry);
-  if (options.onEvent) {
-    entry.listeners.add(options.onEvent);
+  if (options.onEvents) {
+    entry.batchListeners.add(options.onEvents);
   }
   ignoreEmptyViewUpdatesAfterTestReset = false;
   updateAgentSessionView(normalizedPayload2, (current) => ({
@@ -4000,8 +4010,8 @@ function watchAgentSession(payload, options = {}) {
     if (!currentEntry) {
       return;
     }
-    if (options.onEvent) {
-      currentEntry.listeners.delete(options.onEvent);
+    if (options.onEvents) {
+      currentEntry.batchListeners.delete(options.onEvents);
     }
     updateAgentSessionView(normalizedPayload2, (current) => ({
       ...current,
@@ -4266,11 +4276,7 @@ function flushPendingMessageBatch(entry) {
     return;
   }
   recordAgentSessionStreamEvents(entry, batch.events);
-  for (const event of batch.events) {
-    for (const listener of entry.listeners) {
-      listener(event);
-    }
-  }
+  dispatchAgentSessionStreamEvents(entry, batch.events);
   reportMessageBatchDiagnostics(entry, batch);
 }
 function clearPendingMessageBatch(entry) {
@@ -4286,8 +4292,14 @@ function clearPendingMessageBatch(entry) {
 }
 function dispatchAgentSessionStreamEvent(entry, event) {
   recordAgentSessionStreamEvent(entry, event);
-  for (const listener of entry.listeners) {
-    listener(event);
+  dispatchAgentSessionStreamEvents(entry, [event]);
+}
+function dispatchAgentSessionStreamEvents(entry, events) {
+  if (events.length === 0) {
+    return;
+  }
+  for (const listener of entry.batchListeners) {
+    listener(events);
   }
 }
 function upsertCoalescedMessageUpdate(events, event) {
@@ -4475,14 +4487,15 @@ function useAgentSessionView2(ref) {
   return useAgentSessionView(ref);
 }
 function useWatchAgentSession(input) {
-  const onEventRef = useRef3(input.onEvent);
+  const onEventsRef = useRef3(input.onEvents);
   const onSubscribeRef = useRef3(input.onSubscribe);
   const onCleanupRef = useRef3(input.onCleanup);
+  const hasBatchEventListener = input.onEvents !== void 0;
   useEffect3(() => {
-    onEventRef.current = input.onEvent;
+    onEventsRef.current = input.onEvents;
     onSubscribeRef.current = input.onSubscribe;
     onCleanupRef.current = input.onCleanup;
-  }, [input.onCleanup, input.onEvent, input.onSubscribe]);
+  }, [input.onCleanup, input.onEvents, input.onSubscribe]);
   useEffect3(() => {
     const workspaceId = input.workspaceId.trim();
     const agentSessionId = input.agentSessionId?.trim();
@@ -4493,25 +4506,33 @@ function useWatchAgentSession(input) {
     const unsubscribe = watchAgentSession(
       { workspaceId, agentSessionId },
       {
-        onEvent: (event) => {
-          onEventRef.current?.(event);
-        }
+        ...hasBatchEventListener ? {
+          onEvents: (events) => {
+            onEventsRef.current?.(events);
+          }
+        } : {}
       }
     );
     return () => {
       onCleanupRef.current?.();
       unsubscribe();
     };
-  }, [input.agentSessionId, input.enabled, input.workspaceId]);
+  }, [
+    hasBatchEventListener,
+    input.agentSessionId,
+    input.enabled,
+    input.workspaceId
+  ]);
 }
 function useWatchAgentSessions(input) {
-  const onEventRef = useRef3(input.onEvent);
+  const onEventsRef = useRef3(input.onEvents);
+  const hasBatchEventListener = input.onEvents !== void 0;
   const agentSessionIdsKey = JSON.stringify(
     [...new Set(input.agentSessionIds.map((id) => id.trim()))].filter(Boolean).sort()
   );
   useEffect3(() => {
-    onEventRef.current = input.onEvent;
-  }, [input.onEvent]);
+    onEventsRef.current = input.onEvents;
+  }, [input.onEvents]);
   useEffect3(() => {
     const workspaceId = input.workspaceId.trim();
     if (!input.enabled || !workspaceId) {
@@ -4525,9 +4546,11 @@ function useWatchAgentSessions(input) {
       (agentSessionId) => watchAgentSession(
         { workspaceId, agentSessionId },
         {
-          onEvent: (event) => {
-            onEventRef.current?.(event);
-          }
+          ...hasBatchEventListener ? {
+            onEvents: (events) => {
+              onEventsRef.current?.(events);
+            }
+          } : {}
         }
       )
     );
@@ -4536,7 +4559,12 @@ function useWatchAgentSessions(input) {
         unsubscribe();
       }
     };
-  }, [agentSessionIdsKey, input.enabled, input.workspaceId]);
+  }, [
+    agentSessionIdsKey,
+    hasBatchEventListener,
+    input.enabled,
+    input.workspaceId
+  ]);
 }
 
 // contexts/workspace/presentation/renderer/agentGuiConversationList/agentGuiConversationListStore.ts
@@ -4643,6 +4671,7 @@ var listeners = /* @__PURE__ */ new Set();
 var refreshTimers = /* @__PURE__ */ new Map();
 var inflightRefreshByQueryKey = /* @__PURE__ */ new Map();
 var needsRefreshAfterInflight = /* @__PURE__ */ new Set();
+var pendingDirtySessionIdsByQueryKey = /* @__PURE__ */ new Map();
 var requestIdByQueryKey = /* @__PURE__ */ new Map();
 var localCreatedConversationIdsByQueryKey = /* @__PURE__ */ new Map();
 var deletedConversationIdsByQueryKey = /* @__PURE__ */ new Map();
@@ -5152,6 +5181,53 @@ function mergeSessionMessagesById(left, right) {
   }
   return next;
 }
+function normalizeDirtySessionIds(sessionIds) {
+  if (!sessionIds || sessionIds.length === 0) {
+    return [];
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const normalized = [];
+  for (const sessionId of sessionIds) {
+    const value = sessionId.trim();
+    if (!value || seen.has(value)) {
+      continue;
+    }
+    seen.add(value);
+    normalized.push(value);
+  }
+  return normalized;
+}
+function addPendingDirtySessionIds(queryKey, sessionIds) {
+  const normalized = normalizeDirtySessionIds(sessionIds);
+  if (normalized.length === 0) {
+    return;
+  }
+  const pending = pendingDirtySessionIdsByQueryKey.get(queryKey) ?? /* @__PURE__ */ new Set();
+  for (const sessionId of normalized) {
+    pending.add(sessionId);
+  }
+  pendingDirtySessionIdsByQueryKey.set(queryKey, pending);
+}
+function consumePendingDirtySessionIds(queryKey) {
+  const pending = pendingDirtySessionIdsByQueryKey.get(queryKey);
+  pendingDirtySessionIdsByQueryKey.delete(queryKey);
+  return pending ?? /* @__PURE__ */ new Set();
+}
+function decorateConversationForRefresh(input) {
+  const title = resolveAgentGUIConversationTitleFromMessages({
+    messages: input.mergedMessages,
+    conversation: input.conversation
+  });
+  const nextConversation = {
+    ...input.conversation,
+    ...title ? { title: title.title, titleFallback: title.titleFallback } : {},
+    hasUnreadCompletion: input.conversation.status === "completed" ? input.currentConversation?.status !== "completed" && !hasActiveConversationOwner(input.queryKey, input.conversation.id) ? true : input.conversation.hasUnreadCompletion ?? false : false,
+    status: input.conversation.status,
+    updatedAtUnixMs: input.conversation.updatedAtUnixMs,
+    pinnedAtUnixMs: input.conversation.pinnedAtUnixMs
+  };
+  return areConversationsEqual(input.conversation, nextConversation) ? input.conversation : nextConversation;
+}
 async function loadWorkspaceAgentSnapshotForConversations(input) {
   const snapshot3 = await getAgentActivityRuntime().load(input.workspaceId);
   return workspaceAgentSnapshotForConversations(snapshot3);
@@ -5160,7 +5236,7 @@ function getWorkspaceAgentSnapshotForConversations(input) {
   const snapshot3 = getAgentActivityRuntime().getSnapshot(input.workspaceId);
   return workspaceAgentSnapshotForConversations(snapshot3);
 }
-async function refreshAgentGUIConversationListQuery(query, reason) {
+async function refreshAgentGUIConversationListQuery(query, reason, options = {}) {
   const state = ensureQueryState(query);
   if (!state) {
     return;
@@ -5187,12 +5263,16 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
       sessionOrigin: state.query.sessionOrigin,
       userId: state.query.userId
     };
-    const workspaceAgentSnapshot = reason === "workspace-agent-update" ? getWorkspaceAgentSnapshotForConversations(workspaceAgentsInput) : await loadWorkspaceAgentSnapshotForConversations(
+    const workspaceAgentSnapshot = reason === "workspace-agent-update" || reason === "session-overlay-update" ? getWorkspaceAgentSnapshotForConversations(workspaceAgentsInput) : await loadWorkspaceAgentSnapshotForConversations(
       workspaceAgentsInput
     );
     if (requestId !== requestIdByQueryKey.get(queryKey)) {
       return;
     }
+    const dirtySessionIds = consumePendingDirtySessionIds(queryKey);
+    for (const sessionId of normalizeDirtySessionIds(options.dirtySessionIds)) {
+      dirtySessionIds.add(sessionId);
+    }
     const sessionViewDataById = workspaceSessionViewDataBySessionId(
       state.query.workspaceId
     );
@@ -5203,11 +5283,6 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
         sessionViewDataById
       )
     );
-    const baseConversations = buildAgentGUIConversationSummaries({
-      snapshot: workspaceAgentSnapshot,
-      provider: state.query.provider,
-      sessionMessagesById: sessionMessagesByIdForSummaries
-    });
     const deletedConversationIds = deletedConversationIdsByQueryKey.get(queryKey) ?? /* @__PURE__ */ new Set();
     const localCreatedConversationIds = localCreatedConversationIdsByQueryKey.get(queryKey) ?? /* @__PURE__ */ new Set();
     const snapshotSessionIds = new Set(
@@ -5238,6 +5313,24 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
         conversation
       ])
     );
+    const canApplyDirtySessionProjection = reason === "session-overlay-update" && state.initialized && dirtySessionIds.size > 0;
+    const projectionSessions = canApplyDirtySessionProjection ? workspaceAgentSnapshot.sessions.filter((session) => {
+      const agentSessionId = session.agentSessionId.trim();
+      const syncSessionId = session.syncState?.agentSessionId?.trim() ?? "";
+      return agentSessionId && dirtySessionIds.has(agentSessionId) || syncSessionId && dirtySessionIds.has(syncSessionId);
+    }) : workspaceAgentSnapshot.sessions;
+    const baseConversations = buildAgentGUIConversationSummaries({
+      snapshot: canApplyDirtySessionProjection ? {
+        ...workspaceAgentSnapshot,
+        sessions: projectionSessions
+      } : workspaceAgentSnapshot,
+      provider: state.query.provider,
+      sessionMessagesById: sessionMessagesByIdForSummaries
+    });
+    const conversationsToDecorate = canApplyDirtySessionProjection ? /* @__PURE__ */ new Set([
+      ...dirtySessionIds,
+      ...baseConversations.map((conversation) => conversation.id)
+    ]) : null;
     const retainedSessionIds = new Set(retainedSnapshotSessionIds);
     if (reason === "workspace-agent-update") {
       for (const conversation of currentConversations) {
@@ -5253,6 +5346,13 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
         }
       }
     }
+    if (canApplyDirtySessionProjection) {
+      for (const conversation of currentConversations) {
+        if (!nextDeletedConversationIds.has(conversation.id)) {
+          retainedSessionIds.add(conversation.id);
+        }
+      }
+    }
     const nextConversations = sortConversationsByRecency(
       mergeLoadedConversations(
         currentConversations,
@@ -5263,24 +5363,21 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
       ),
       createConversationOrderIndex(currentConversations)
     ).map((conversation) => {
+      if (conversationsToDecorate !== null && !conversationsToDecorate.has(conversation.id)) {
+        return conversation;
+      }
       const currentConversation = currentConversationById.get(conversation.id);
       const sessionViewData = sessionViewDataById[conversation.id];
       const mergedMessages = sessionMessagesByIdForSummaries[conversation.id] ?? mergeWorkspaceAgentActivityDurableAndOverlayMessages({
         durableMessages: workspaceAgentSnapshot.sessionMessagesById?.[conversation.id],
         localMessages: sessionViewData?.overlayMessages
       });
-      const title = resolveAgentGUIConversationTitleFromMessages({
-        messages: mergedMessages,
-        conversation
+      return decorateConversationForRefresh({
+        conversation,
+        currentConversation,
+        mergedMessages,
+        queryKey
       });
-      return {
-        ...conversation,
-        ...title ? { title: title.title, titleFallback: title.titleFallback } : {},
-        hasUnreadCompletion: conversation.status === "completed" ? currentConversation?.status !== "completed" && !hasActiveConversationOwner(queryKey, conversation.id) ? true : conversation.hasUnreadCompletion ?? false : false,
-        status: conversation.status,
-        updatedAtUnixMs: conversation.updatedAtUnixMs,
-        pinnedAtUnixMs: conversation.pinnedAtUnixMs
-      };
     });
     updateQueryState(query, (current) => {
       const conversations = areConversationListsEqual(
@@ -5317,12 +5414,13 @@ async function refreshAgentGUIConversationListQuery(query, reason) {
     throw error;
   }
 }
-function scheduleQueryRefresh(query, _reason) {
+function scheduleQueryRefresh(query, _reason, options = {}) {
   const state = ensureQueryState(query);
   if (!state) {
     return;
   }
   const queryKey = state.queryKey;
+  addPendingDirtySessionIds(queryKey, options.dirtySessionIds);
   const delayMs = _reason === "projection-sync" && !state.initialized ? 0 : REFRESH_DEBOUNCE_MS;
   const runRefresh = () => {
     refreshTimers.delete(queryKey);
@@ -5330,7 +5428,11 @@ function scheduleQueryRefresh(query, _reason) {
       needsRefreshAfterInflight.add(queryKey);
       return;
     }
-    const promise = refreshAgentGUIConversationListQuery(state.query, _reason).catch(() => void 0).finally(() => {
+    const promise = refreshAgentGUIConversationListQuery(
+      state.query,
+      _reason,
+      options
+    ).catch(() => void 0).finally(() => {
       inflightRefreshByQueryKey.delete(queryKey);
       if (needsRefreshAfterInflight.has(queryKey)) {
         needsRefreshAfterInflight.delete(queryKey);
@@ -5388,8 +5490,8 @@ function isAgentGUIConversationListRefreshing(query) {
   const key = createAgentGUIConversationListQueryKey(query);
   return key !== null && inflightRefreshByQueryKey.has(key);
 }
-function scheduleAgentGUIConversationListProjection(query, reason) {
-  scheduleQueryRefresh(query, reason);
+function scheduleAgentGUIConversationListProjection(query, reason, options = {}) {
+  scheduleQueryRefresh(query, reason, options);
 }
 function stripProjectFromConversations(conversations) {
   let changed = false;
@@ -6410,14 +6512,83 @@ function mergeVisibleConversations(conversations, transientConversation) {
 }
 function stableConversationSummaryList(previous, next) {
   if (previous?.length !== next.length) {
-    return next;
+    const previousById = new Map(
+      (previous ?? []).map((conversation) => [conversation.id, conversation])
+    );
+    return next.map((conversation) => {
+      const previousConversation = previousById.get(conversation.id);
+      return previousConversation && conversationSummariesRenderEqual(previousConversation, conversation) ? previousConversation : conversation;
+    });
   }
-  for (let index = 0; index < next.length; index += 1) {
-    if (previous[index] !== next[index]) {
-      return next;
+  let hasRenderChange = false;
+  const stable = next.map((conversation, index) => {
+    const previousConversation = previous[index];
+    if (previousConversation && conversationSummariesRenderEqual(previousConversation, conversation)) {
+      return previousConversation;
     }
+    hasRenderChange = true;
+    return conversation;
+  });
+  return hasRenderChange ? stable : previous;
+}
+function useStableConversationDetail(detail) {
+  const detailRef = useRef4(null);
+  detailRef.current = stabilizeConversationDetail(detailRef.current, detail);
+  return detailRef.current;
+}
+function stabilizeConversationDetail(previous, next) {
+  if (!previous || !next) {
+    return next;
   }
-  return previous;
+  const session = conversationDetailSessionsEqual(
+    previous.session,
+    next.session
+  ) ? previous.session : next.session;
+  const activity = stabilizeConversationDetailActivity(
+    previous.activity,
+    next.activity
+  );
+  if (previous.cwd === next.cwd && previous.workspaceRoot === next.workspaceRoot && previous.showProcessingIndicator === next.showProcessingIndicator && previous.turns === next.turns && previous.session === session && previous.activity === activity) {
+    return previous;
+  }
+  return {
+    ...next,
+    activity,
+    session
+  };
+}
+function stabilizeConversationDetailActivity(previous, next) {
+  const changedFiles = conversationDetailChangedFilesEqual(
+    previous.changedFiles,
+    next.changedFiles
+  ) ? previous.changedFiles : next.changedFiles;
+  if (previous.id === next.id && previous.sessionId === next.sessionId && previous.userId === next.userId && previous.userName === next.userName && previous.userAvatarUrl === next.userAvatarUrl && previous.agentProvider === next.agentProvider && previous.agentName === next.agentName && previous.title === next.title && previous.status === next.status && previous.latestActivitySummary === next.latestActivitySummary && previous.conversationPreview === next.conversationPreview && previous.latestActivityActorName === next.latestActivityActorName && previous.toolCalls === next.toolCalls && previous.changedFiles === changedFiles && previous.sortTimeUnixMs === next.sortTimeUnixMs && previous.readTimeUnixMs === next.readTimeUnixMs) {
+    return previous;
+  }
+  return {
+    ...next,
+    changedFiles
+  };
+}
+function conversationDetailChangedFilesEqual(left, right) {
+  return left.length === right.length && left.every(
+    (file, index) => file.path === right[index]?.path && file.label === right[index]?.label
+  );
+}
+function conversationDetailSessionsEqual(left, right) {
+  return left.id === right.id && left.workspaceId === right.workspaceId && left.agentSessionId === right.agentSessionId && left.presenceId === right.presenceId && left.userId === right.userId && left.provider === right.provider && left.providerSessionId === right.providerSessionId && left.resumable === right.resumable && left.sessionOrigin === right.sessionOrigin && left.lifecycleStatus === right.lifecycleStatus && left.turnPhase === right.turnPhase && left.endedAtUnixMs === right.endedAtUnixMs && left.effectiveStatus === right.effectiveStatus && left.status === right.status && left.title === right.title && left.pinnedAtUnixMs === right.pinnedAtUnixMs && left.createdAtUnixMs === right.createdAtUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.cwd === right.cwd && conversationSyncStatesEqual(left.syncState, right.syncState);
+}
+function conversationSummariesRenderEqual(left, right) {
+  return left.id === right.id && left.userId === right.userId && left.provider === right.provider && left.title === right.title && conversationTitleFallbacksRenderEqual(
+    left.titleFallback,
+    right.titleFallback
+  ) && left.status === right.status && left.cwd === right.cwd && left.pinnedAtUnixMs === right.pinnedAtUnixMs && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.hasUnreadCompletion === right.hasUnreadCompletion && conversationProjectsRenderEqual(left.project, right.project) && conversationSyncStatesEqual(left.syncState, right.syncState);
+}
+function conversationTitleFallbacksRenderEqual(left, right) {
+  return left === right || JSON.stringify(left ?? null) === JSON.stringify(right ?? null);
+}
+function conversationProjectsRenderEqual(left, right) {
+  return left === right || (!left || !right ? !left && !right : left.id === right.id && left.path === right.path && left.label === right.label && left.createdAtUnixMs === right.createdAtUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.lastUsedAtUnixMs === right.lastUsedAtUnixMs);
 }
 function mergeConversationTitleUpdateFields(current, incomingTitle, provider) {
   const title = incomingTitle.trim();
@@ -6835,7 +7006,7 @@ function useStableProviderSkillOptions(skills) {
   return skillsRef.current;
 }
 function areComposerSettingsDraftsEqual(left, right) {
-  return left.model === right.model && left.reasoningEffort === right.reasoningEffort && left.speed === right.speed && left.planMode === right.planMode && (left.permissionModeId ?? null) === (right.permissionModeId ?? null);
+  return left.model === right.model && left.reasoningEffort === right.reasoningEffort && left.speed === right.speed && left.planMode === right.planMode && (left.browserUse ?? true) === (right.browserUse ?? true) && (left.computerUse ?? true) === (right.computerUse ?? true) && (left.permissionModeId ?? null) === (right.permissionModeId ?? null);
 }
 function arePermissionModeOptionsEqual(left, right) {
   return left.id === right.id && left.label === right.label && left.description === right.description && left.semantic === right.semantic;
@@ -6849,7 +7020,7 @@ function arePermissionConfigsEqual(left, right) {
   );
 }
 function areComposerSettingsVMsEqual(left, right) {
-  return left.sessionSettings === right.sessionSettings && areComposerSettingsDraftsEqual(left.draftSettings, right.draftSettings) && left.supportsModel === right.supportsModel && left.supportsReasoningEffort === right.supportsReasoningEffort && left.supportsSpeed === right.supportsSpeed && (left.supportsPermissionMode ?? false) === (right.supportsPermissionMode ?? false) && left.supportsPlanMode === right.supportsPlanMode && left.isSettingsLoading === right.isSettingsLoading && left.modelUnavailable === right.modelUnavailable && left.reasoningUnavailable === right.reasoningUnavailable && left.speedUnavailable === right.speedUnavailable && (left.permissionModeUnavailable ?? false) === (right.permissionModeUnavailable ?? false) && (left.planExclusiveWithPermissionMode ?? false) === (right.planExclusiveWithPermissionMode ?? false) && (left.selectedModelValue ?? null) === (right.selectedModelValue ?? null) && (left.selectedReasoningEffortValue ?? null) === (right.selectedReasoningEffortValue ?? null) && (left.selectedSpeedValue ?? null) === (right.selectedSpeedValue ?? null) && (left.selectedPermissionModeValue ?? null) === (right.selectedPermissionModeValue ?? null) && arePermissionConfigsEqual(left.permissionConfig, right.permissionConfig) && (left.selectedProjectPath ?? null) === (right.selectedProjectPath ?? null) && Boolean(left.projectLocked) === Boolean(right.projectLocked) && areComposerSettingOptionListsEqual(
+  return sameComposerSettings(left.sessionSettings, right.sessionSettings) && areComposerSettingsDraftsEqual(left.draftSettings, right.draftSettings) && left.supportsModel === right.supportsModel && left.supportsReasoningEffort === right.supportsReasoningEffort && left.supportsSpeed === right.supportsSpeed && (left.supportsPermissionMode ?? false) === (right.supportsPermissionMode ?? false) && left.supportsPlanMode === right.supportsPlanMode && (left.supportsBrowser ?? false) === (right.supportsBrowser ?? false) && (left.supportsComputerUse ?? false) === (right.supportsComputerUse ?? false) && left.isSettingsLoading === right.isSettingsLoading && left.modelUnavailable === right.modelUnavailable && left.reasoningUnavailable === right.reasoningUnavailable && left.speedUnavailable === right.speedUnavailable && (left.permissionModeUnavailable ?? false) === (right.permissionModeUnavailable ?? false) && (left.planExclusiveWithPermissionMode ?? false) === (right.planExclusiveWithPermissionMode ?? false) && (left.selectedModelValue ?? null) === (right.selectedModelValue ?? null) && (left.selectedReasoningEffortValue ?? null) === (right.selectedReasoningEffortValue ?? null) && (left.selectedSpeedValue ?? null) === (right.selectedSpeedValue ?? null) && (left.selectedPermissionModeValue ?? null) === (right.selectedPermissionModeValue ?? null) && arePermissionConfigsEqual(left.permissionConfig, right.permissionConfig) && (left.selectedProjectPath ?? null) === (right.selectedProjectPath ?? null) && Boolean(left.projectLocked) === Boolean(right.projectLocked) && areComposerSettingOptionListsEqual(
     left.availableModels,
     right.availableModels
   ) && areComposerSettingOptionListsEqual(
@@ -6865,11 +7036,58 @@ function areComposerSettingsVMsEqual(left, right) {
 }
 function useStableComposerSettingsVM(settings) {
   const settingsRef = useRef4(null);
-  if (settingsRef.current === null || !areComposerSettingsVMsEqual(settingsRef.current, settings)) {
-    settingsRef.current = settings;
-  }
+  settingsRef.current = stabilizeComposerSettingsVM(
+    settingsRef.current,
+    settings
+  );
   return settingsRef.current;
 }
+function stabilizeComposerSettingsVM(previous, next) {
+  if (!previous) {
+    return next;
+  }
+  if (areComposerSettingsVMsEqual(previous, next)) {
+    return previous;
+  }
+  const sessionSettings = sameComposerSettings(
+    previous.sessionSettings,
+    next.sessionSettings
+  ) ? previous.sessionSettings : next.sessionSettings;
+  const draftSettings = areComposerSettingsDraftsEqual(
+    previous.draftSettings,
+    next.draftSettings
+  ) ? previous.draftSettings : next.draftSettings;
+  const permissionConfig = arePermissionConfigsEqual(
+    previous.permissionConfig,
+    next.permissionConfig
+  ) ? previous.permissionConfig : next.permissionConfig;
+  const availableModels = areComposerSettingOptionListsEqual(
+    previous.availableModels,
+    next.availableModels
+  ) ? previous.availableModels : next.availableModels;
+  const availableReasoningEfforts = areComposerSettingOptionListsEqual(
+    previous.availableReasoningEfforts,
+    next.availableReasoningEfforts
+  ) ? previous.availableReasoningEfforts : next.availableReasoningEfforts;
+  const availableSpeeds = areComposerSettingOptionListsEqual(
+    previous.availableSpeeds,
+    next.availableSpeeds
+  ) ? previous.availableSpeeds : next.availableSpeeds;
+  const availablePermissionModes = areComposerSettingOptionListsEqual(
+    previous.availablePermissionModes ?? [],
+    next.availablePermissionModes ?? []
+  ) ? previous.availablePermissionModes : next.availablePermissionModes;
+  return {
+    ...next,
+    sessionSettings,
+    draftSettings,
+    permissionConfig,
+    availableModels,
+    availableReasoningEfforts,
+    availableSpeeds,
+    availablePermissionModes
+  };
+}
 function useStableControllerEventCallback(callback) {
   const callbackRef = useRef4(callback);
   callbackRef.current = callback;
@@ -7219,7 +7437,9 @@ function useAgentGUINodeController({
   );
   const [pendingCreateConversationId, setPendingCreateConversationId] = useState4(resolvePendingCreateConversationId);
   const conversations = conversationListState?.conversations ?? [];
-  const [userProjects, setUserProjects] = useState4([]);
+  const [userProjects, setUserProjects] = useState4(
+    () => readAgentGUIUserProjectSnapshot(agentHostApi.userProjects)
+  );
   const isNoProjectPath = agentHostApi.userProjects?.isNoProjectPath;
   const [activeConversationId, setActiveConversationId] = useState4(data.lastActiveAgentSessionId);
   const [intent, setIntent] = useState4(
@@ -7420,7 +7640,16 @@ function useAgentGUINodeController({
     [agentActivitySnapshot.sessions]
   );
   const stableRuntimeSyncStateBySessionId = useMemo4(() => {
-    const next = { ...stableRuntimeSyncStateBySessionIdRef.current };
+    const current = stableRuntimeSyncStateBySessionIdRef.current;
+    let next = current;
+    let changed = false;
+    const mutableNext = () => {
+      if (!changed) {
+        next = { ...current };
+        changed = true;
+      }
+      return next;
+    };
     const activeSessionIds = /* @__PURE__ */ new Set();
     for (const session of agentActivitySnapshot.sessions) {
       const agentSessionId = session.agentSessionId.trim();
@@ -7430,7 +7659,9 @@ function useAgentGUINodeController({
       activeSessionIds.add(agentSessionId);
       const nextSyncState = runtimeSessionSyncState(session);
       if (!nextSyncState) {
-        delete next[agentSessionId];
+        if (current[agentSessionId] !== void 0) {
+          delete mutableNext()[agentSessionId];
+        }
         delete latestRuntimeSyncStateBySessionIdRef.current[agentSessionId];
         continue;
       }
@@ -7444,16 +7675,18 @@ function useAgentGUINodeController({
       };
       const currentSyncState = next[agentSessionId];
       if (!currentSyncState || !syncStateRenderFieldsEqual(currentSyncState, nextSyncState)) {
-        next[agentSessionId] = nextSyncState;
+        mutableNext()[agentSessionId] = nextSyncState;
       }
     }
     for (const agentSessionId of Object.keys(next)) {
       if (!activeSessionIds.has(agentSessionId)) {
-        delete next[agentSessionId];
+        delete mutableNext()[agentSessionId];
         delete latestRuntimeSyncStateBySessionIdRef.current[agentSessionId];
       }
     }
-    stableRuntimeSyncStateBySessionIdRef.current = next;
+    if (changed) {
+      stableRuntimeSyncStateBySessionIdRef.current = next;
+    }
     return next;
   }, [agentActivitySnapshot.sessions]);
   const markSessionSettingsRequestState = useCallback4(
@@ -7642,11 +7875,9 @@ function useAgentGUINodeController({
     []
   );
   useEffect4(() => {
-    if (previewMode) {
-      return void 0;
-    }
     const api = agentHostApi.userProjects;
     let disposed = false;
+    setUserProjectsSnapshot(readAgentGUIUserProjectSnapshot(api));
     const loadUserProjects = async () => {
       const requestSeq = ++userProjectsLoadSeqRef.current;
       if (!api) {
@@ -7667,7 +7898,7 @@ function useAgentGUINodeController({
       }
     };
     void loadUserProjects();
-    const unsubscribe = api?.subscribe?.(() => {
+    const unsubscribe = previewMode ? void 0 : api?.subscribe?.(() => {
       void loadUserProjects();
     });
     return () => {
@@ -8893,11 +9124,19 @@ function useAgentGUINodeController({
         sessionViewRef(agentSessionId),
         overlayMessages
       );
+      if (conversationListQuery) {
+        scheduleAgentGUIConversationListProjection(
+          conversationListQuery,
+          "session-overlay-update",
+          { dirtySessionIds: [agentSessionId] }
+        );
+      }
       applyTimelineProjectionUpdate(agentSessionId, nextItems, mergedItems);
     },
     [
       agentActivitySnapshot.sessionMessagesById,
       applyTimelineProjectionUpdate,
+      conversationListQuery,
       sessionViewRef
     ]
   );
@@ -9011,39 +9250,50 @@ function useAgentGUINodeController({
       workspaceId
     ]
   );
-  const handleActivityStreamEvent = useCallback4(
-    (event) => {
-      if (event.eventType === "available_commands_update") {
-        return;
-      }
-      if (event.eventType === "message_update") {
-        const message = messageFromMessageUpdate(event.data);
-        const agentSessionId = message.agentSessionId.trim();
-        if (agentSessionId) {
+  const handleActivityStreamEvents = useCallback4(
+    (events) => {
+      const pendingMessagesBySessionId = /* @__PURE__ */ new Map();
+      const flushPendingMessages = () => {
+        for (const [agentSessionId, messages] of pendingMessagesBySessionId) {
           applyBackgroundTimelineStatusUpdate(
             agentSessionId,
-            projectAgentGUIMessagesToTimelineItems([message])
+            projectAgentGUIMessagesToTimelineItems(messages)
           );
         }
-        return;
-      }
-      if (event.eventType === "state_patch") {
-        applyStatePatch(event.data);
+        pendingMessagesBySessionId.clear();
+      };
+      for (const event of events) {
+        if (event.eventType === "available_commands_update") {
+          continue;
+        }
+        if (event.eventType === "message_update") {
+          const message = messageFromMessageUpdate(event.data);
+          const agentSessionId = message.agentSessionId.trim();
+          if (!agentSessionId) {
+            continue;
+          }
+          const messages = pendingMessagesBySessionId.get(agentSessionId);
+          if (messages) {
+            messages.push(message);
+          } else {
+            pendingMessagesBySessionId.set(agentSessionId, [message]);
+          }
+          continue;
+        }
+        flushPendingMessages();
+        if (event.eventType === "state_patch") {
+          applyStatePatch(event.data);
+        }
       }
+      flushPendingMessages();
     },
     [applyStatePatch, applyBackgroundTimelineStatusUpdate]
   );
-  const handleBackgroundActivityStreamEvent = useCallback4(
-    (event) => {
-      if (event.eventType === "message_update") {
-        handleActivityStreamEvent(event);
-        return;
-      }
-      if (event.eventType === "state_patch") {
-        applyStatePatch(event.data);
-      }
+  const handleBackgroundActivityStreamEvents = useCallback4(
+    (events) => {
+      handleActivityStreamEvents(events);
     },
-    [applyStatePatch, handleActivityStreamEvent]
+    [handleActivityStreamEvents]
   );
   useEffect4(() => {
     if (previewMode) {
@@ -9086,16 +9336,19 @@ function useAgentGUINodeController({
         return;
       }
     },
-    onEvent: (event) => {
+    onEvents: (events) => {
       if (!activeConversationId) {
         return;
       }
-      handleActivityStreamEvent(event);
-      const eventSessionId = event.data.agentSessionId?.trim() || activeConversationId;
-      if (activeConversationIdRef.current !== activeConversationId || activeConversationIdRef.current !== eventSessionId) {
-        return;
-      }
-      if (event.eventType !== "message_update") {
+      handleActivityStreamEvents(events);
+      for (const event of events) {
+        const eventSessionId = event.data.agentSessionId?.trim() || activeConversationId;
+        if (activeConversationIdRef.current !== activeConversationId || activeConversationIdRef.current !== eventSessionId) {
+          continue;
+        }
+        if (event.eventType === "message_update" || event.eventType === "available_commands_update") {
+          continue;
+        }
         scheduleActivityStreamStateReload(activeConversationId, {
           source: "activity-stream",
           eventType: event.eventType
@@ -9112,8 +9365,8 @@ function useAgentGUINodeController({
     workspaceId,
     agentSessionIds: backgroundWatchedConversationIds,
     enabled: backgroundWatchedConversationIds.length > 0,
-    onEvent: (event) => {
-      handleBackgroundActivityStreamEvent(event);
+    onEvents: (events) => {
+      handleBackgroundActivityStreamEvents(events);
     }
   });
   useEffect4(() => {
@@ -11317,21 +11570,13 @@ function useAgentGUINodeController({
       [providerComposerOptions]
     )
   );
-  const conversationDetail = useMemo4(
-    () => projectionConversation ? buildAgentGUIConversationDetail({
-      timelineItems: activeTimelineItems,
-      conversation: projectionConversation,
-      workspaceRoot: workspacePath
-    }) : null,
-    [activeTimelineItems, projectionConversation, workspacePath]
-  );
-  const conversation = useMemo4(
-    () => projectionConversation ? buildAgentGUIConversationVM({
+  const conversationModels = useMemo4(
+    () => projectionConversation ? buildAgentGUIConversationModels({
       timelineItems: activeTimelineItems,
       conversation: projectionConversation,
       workspaceRoot: workspacePath,
       avoidGroupingEdits
-    }) : null,
+    }) : { conversation: null, detail: null },
     [
       activeTimelineItems,
       avoidGroupingEdits,
@@ -11339,6 +11584,22 @@ function useAgentGUINodeController({
       workspacePath
     ]
   );
+  const conversationDetail = useStableConversationDetail(
+    conversationModels.detail
+  );
+  const conversation = useMemo4(() => {
+    if (!conversationModels.conversation) {
+      return null;
+    }
+    if (conversationDetail && (conversationModels.conversation.sourceDetail !== conversationDetail || conversationModels.conversation.activity !== conversationDetail.activity)) {
+      return {
+        ...conversationModels.conversation,
+        activity: conversationDetail.activity,
+        sourceDetail: conversationDetail
+      };
+    }
+    return conversationModels.conversation;
+  }, [conversationDetail, conversationModels.conversation]);
   const activeLiveState = activeConversationLiveState;
   const activationError = activation.errorFor(activeConversationId);
   const activationErrorCode = activation.codeFor(activeConversationId);
@@ -11920,6 +12181,17 @@ function areAgentGUIUserProjectsEqual(left, right) {
     return candidate !== void 0 && project.id === candidate.id && project.path === candidate.path && project.label === candidate.label;
   });
 }
+function readAgentGUIUserProjectSnapshot(api) {
+  const projects = api?.service?.getSnapshot?.().projects ?? [];
+  return projects.map((project) => ({
+    ...project.createdAtUnixMs === void 0 ? {} : { createdAtUnixMs: project.createdAtUnixMs },
+    id: project.id,
+    ...project.lastUsedAtUnixMs === void 0 || project.lastUsedAtUnixMs === null ? {} : { lastUsedAtUnixMs: project.lastUsedAtUnixMs },
+    label: project.label,
+    path: project.path,
+    ...project.updatedAtUnixMs === void 0 ? {} : { updatedAtUnixMs: project.updatedAtUnixMs }
+  }));
+}
 function normalizeInteractiveQuestions(value) {
   if (!Array.isArray(value)) {
     return [];
@@ -11993,7 +12265,7 @@ import { WorkspaceUserProjectSelect as WorkspaceUserProjectSelect2 } from "@tutt
 import { BareIconButton, ScrollArea } from "@tutti-os/ui-system/components";
 import {
   EditIcon,
-  FolderIcon,
+  FolderIcon as FolderIcon2,
   MoreHorizontalIcon
 } from "@tutti-os/ui-system/icons";
 
@@ -14219,7 +14491,8 @@ import {
 } from "react";
 import { ChevronDown as ChevronDown2, ZapIcon } from "lucide-react";
 import {
-  WorkspaceUserProjectSelect
+  WorkspaceUserProjectSelect,
+  resolveWorkspaceUserProjectSelectLabels
 } from "@tutti-os/workspace-user-project/ui";
 import { prepareWorkspaceUserProjectSelection } from "@tutti-os/workspace-user-project/core";
 import {
@@ -14233,7 +14506,9 @@ import {
   DropdownMenuSubContent as DropdownMenuSubContent2,
   DropdownMenuSubTrigger as DropdownMenuSubTrigger2,
   DropdownMenuTrigger as DropdownMenuTrigger2,
+  FolderIcon,
   NewWorkspaceLinedIcon,
+  NoWorkspaceLinedIcon,
   RoomsHintIcon,
   Select,
   SelectContent,
@@ -14573,22 +14848,73 @@ function optionsWithSelectedValue(options, selectedValue) {
 
 // agent-gui/agentGuiNode/AgentComposerSettingsMenus.tsx
 import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+function basenameProjectPath(path) {
+  const normalized = path.trim().replaceAll("\\", "/").replace(/\/+$/, "");
+  return normalized.split("/").filter(Boolean).at(-1) ?? path;
+}
 function AgentProjectDropdown({
   composerSettings,
   labels,
   i18n,
+  previewMode = false,
   onProjectMissingChange,
   onProjectPathChange
 }) {
   "use memo";
   const agentHostApi = useAgentHostApi();
+  const resolvedLabels = useMemo5(
+    () => resolveWorkspaceUserProjectSelectLabels(i18n, labels),
+    [i18n, labels]
+  );
   const userProjectApi = useMemo5(
-    () => agentHostApi.userProjects ? {
+    () => !previewMode && agentHostApi.userProjects ? {
       ...agentHostApi.userProjects,
       selectDirectory: agentHostApi.workspace.selectDirectory
     } : null,
-    [agentHostApi.userProjects, agentHostApi.workspace.selectDirectory]
+    [
+      agentHostApi.userProjects,
+      agentHostApi.workspace.selectDirectory,
+      previewMode
+    ]
   );
+  if (previewMode) {
+    const selectedPath = composerSettings.selectedProjectPath?.trim() ?? "";
+    const triggerLabel = selectedPath ? basenameProjectPath(selectedPath) : resolvedLabels.noProject;
+    return /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        type: "button",
+        "aria-label": composerSettings.projectLocked ? resolvedLabels.projectLocked : resolvedLabels.projectLabel,
+        className: cn2(
+          "w-auto max-w-full",
+          AgentGUINode_styles_default.composerMenuTrigger,
+          "text-[var(--agent-gui-text-tertiary)]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs10(
+            "span",
+            {
+              className: "workspace-user-project-trigger-label",
+              "data-workspace-user-project-trigger-label": "true",
+              children: [
+                selectedPath ? /* @__PURE__ */ jsx21(FolderIcon, { "aria-hidden": true, className: "shrink-0", size: 15 }) : /* @__PURE__ */ jsx21(
+                  NoWorkspaceLinedIcon,
+                  {
+                    "aria-hidden": true,
+                    className: "shrink-0",
+                    "data-agent-project-trigger-no-workspace-icon": "true",
+                    size: 15
+                  }
+                ),
+                /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: triggerLabel })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true", className: "shrink-0", size: 16 })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsx21(
     WorkspaceUserProjectSelect,
     {
@@ -14628,6 +14954,7 @@ function AgentProjectDropdown({
 function AgentPermissionModeDropdown({
   composerSettings,
   disabled = false,
+  previewMode = false,
   labels,
   onSettingsChange
 }) {
@@ -14659,6 +14986,27 @@ function AgentPermissionModeDropdown({
     }
     applyPermissionModeId(permissionModeId);
   };
+  const trigger = /* @__PURE__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      className: cn2(
+        "w-auto max-w-full",
+        AgentGUINode_styles_default.composerMenuTrigger,
+        selectDisabled && "cursor-not-allowed text-[var(--agent-gui-text-tertiary)] opacity-60 hover:text-[var(--agent-gui-text-tertiary)]",
+        composerSettings.isSettingsLoading && "animate-pulse"
+      ),
+      "aria-label": labels.permissionLabel,
+      "data-permission-tone": triggerTone,
+      children: [
+        /* @__PURE__ */ jsx21("span", { className: "flex min-w-0 flex-1 items-center", children: /* @__PURE__ */ jsx21("span", { className: "truncate", children: triggerLabel }) }),
+        /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true", className: "shrink-0", size: 16 })
+      ]
+    }
+  );
+  if (previewMode) {
+    return trigger;
+  }
   return /* @__PURE__ */ jsxs10(
     Select,
     {
@@ -14702,7 +15050,13 @@ function AgentPermissionModeDropdown({
                 onPointerDown: (event) => handleSelectedItemPointerDown(event, option.value),
                 children: /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 items-center gap-1.5", children: [
                   /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: option.label }),
-                  option.description ? /* @__PURE__ */ jsx21(ComposerOptionInfoTooltip, { description: option.description }) : null
+                  option.description ? /* @__PURE__ */ jsx21(
+                    ComposerOptionInfoTooltip,
+                    {
+                      description: option.description,
+                      tooltipsEnabled: !previewMode
+                    }
+                  ) : null
                 ] })
               },
               option.value
@@ -14770,23 +15124,28 @@ function AgentProjectMissingStatusProbe({
   return null;
 }
 function ComposerOptionInfoTooltip({
-  description
+  description,
+  tooltipsEnabled = true
 }) {
   const stopSelect = (event) => {
     event.preventDefault();
     event.stopPropagation();
   };
+  const trigger = /* @__PURE__ */ jsx21(
+    "span",
+    {
+      className: "pointer-events-none inline-flex shrink-0 cursor-help text-[var(--agent-gui-text-tertiary)] opacity-0 transition-opacity group-hover/composer-option:pointer-events-auto group-hover/composer-option:opacity-100 group-data-[highlighted]/composer-option:pointer-events-auto group-data-[highlighted]/composer-option:opacity-100",
+      "data-agent-composer-option-info-trigger": "true",
+      onClick: stopSelect,
+      onPointerDown: stopSelect,
+      children: /* @__PURE__ */ jsx21(RoomsHintIcon, { "aria-hidden": true, className: "size-3" })
+    }
+  );
+  if (!tooltipsEnabled) {
+    return trigger;
+  }
   return /* @__PURE__ */ jsxs10(Tooltip2, { children: [
-    /* @__PURE__ */ jsx21(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx21(
-      "span",
-      {
-        className: "pointer-events-none inline-flex shrink-0 cursor-help text-[var(--agent-gui-text-tertiary)] opacity-0 transition-opacity group-hover/composer-option:pointer-events-auto group-hover/composer-option:opacity-100 group-data-[highlighted]/composer-option:pointer-events-auto group-data-[highlighted]/composer-option:opacity-100",
-        "data-agent-composer-option-info-trigger": "true",
-        onClick: stopSelect,
-        onPointerDown: stopSelect,
-        children: /* @__PURE__ */ jsx21(RoomsHintIcon, { "aria-hidden": true, className: "size-3" })
-      }
-    ) }),
+    /* @__PURE__ */ jsx21(TooltipTrigger2, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsx21(TooltipContent2, { side: "right", className: "max-w-[240px] whitespace-normal", children: description })
   ] });
 }
@@ -14815,6 +15174,7 @@ function normalizePermissionModeValue(value) {
 function AgentModelReasoningDropdown({
   composerSettings,
   disabled = false,
+  previewMode = false,
   labels,
   onSettingsChange
 }) {
@@ -14826,39 +15186,43 @@ function AgentModelReasoningDropdown({
     onSettingsChange(patch);
     setMenuOpen(false);
   };
+  const trigger = /* @__PURE__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      className: cn2(
+        "w-auto",
+        AgentGUINode_styles_default.composerMenuTrigger,
+        menuDisabled && "cursor-not-allowed text-[var(--agent-gui-text-tertiary)] opacity-60 hover:text-[var(--agent-gui-text-tertiary)]",
+        composerSettings.isSettingsLoading && "animate-pulse"
+      ),
+      "aria-label": `${labels.modelLabel} / ${labels.reasoningLabel}`,
+      "data-agent-model-reasoning-trigger": "true",
+      children: [
+        /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden", children: [
+          menu.speed.show && menu.trigger.isFast ? /* @__PURE__ */ jsx21(
+            ZapIcon,
+            {
+              "aria-hidden": true,
+              className: "size-3.5 shrink-0",
+              "data-agent-speed-indicator": "fast",
+              strokeWidth: 2.5
+            }
+          ) : null,
+          menu.trigger.showCombined ? /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: menu.trigger.combinedLabel }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
+            /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: menu.trigger.modelLabel }),
+            /* @__PURE__ */ jsx21("span", { className: "shrink-0", children: menu.trigger.reasoningLabel })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true", className: "shrink-0", size: 16 })
+      ]
+    }
+  );
+  if (previewMode) {
+    return trigger;
+  }
   return /* @__PURE__ */ jsxs10(DropdownMenu2, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-    /* @__PURE__ */ jsx21(DropdownMenuTrigger2, { asChild: true, disabled: menuDisabled, children: /* @__PURE__ */ jsxs10(
-      "button",
-      {
-        type: "button",
-        className: cn2(
-          "w-auto",
-          AgentGUINode_styles_default.composerMenuTrigger,
-          menuDisabled && "cursor-not-allowed text-[var(--agent-gui-text-tertiary)] opacity-60 hover:text-[var(--agent-gui-text-tertiary)]",
-          composerSettings.isSettingsLoading && "animate-pulse"
-        ),
-        "aria-label": `${labels.modelLabel} / ${labels.reasoningLabel}`,
-        "data-agent-model-reasoning-trigger": "true",
-        children: [
-          /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 flex-1 items-center gap-2 overflow-hidden", children: [
-            menu.speed.show && menu.trigger.isFast ? /* @__PURE__ */ jsx21(
-              ZapIcon,
-              {
-                "aria-hidden": true,
-                className: "size-3.5 shrink-0",
-                "data-agent-speed-indicator": "fast",
-                strokeWidth: 2.5
-              }
-            ) : null,
-            menu.trigger.showCombined ? /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: menu.trigger.combinedLabel }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-              /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate", children: menu.trigger.modelLabel }),
-              /* @__PURE__ */ jsx21("span", { className: "shrink-0", children: menu.trigger.reasoningLabel })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true", className: "shrink-0", size: 16 })
-        ]
-      }
-    ) }),
+    /* @__PURE__ */ jsx21(DropdownMenuTrigger2, { asChild: true, disabled: menuDisabled, children: trigger }),
     /* @__PURE__ */ jsxs10(
       DropdownMenuContent2,
       {
@@ -14880,6 +15244,7 @@ function AgentModelReasoningDropdown({
                 options: menu.model.options,
                 selectedValue: menu.model.selectedValue,
                 descriptionPresentation: "model-tooltip",
+                tooltipsEnabled: !previewMode,
                 onSelect: (value) => applySettingsChange({ model: value })
               }
             )
@@ -14907,6 +15272,7 @@ function AgentModelReasoningDropdown({
                   {
                     options: menu.reasoning.options,
                     selectedValue: menu.reasoning.selectedValue,
+                    tooltipsEnabled: !previewMode,
                     onSelect: (value) => applySettingsChange({ reasoningEffort: value })
                   }
                 )
@@ -14936,6 +15302,7 @@ function AgentModelReasoningDropdown({
                     options: menu.speed.options,
                     selectedValue: menu.speed.selectedValue,
                     descriptionPresentation: "inline",
+                    tooltipsEnabled: !previewMode,
                     onSelect: (value) => applySettingsChange({ speed: value })
                   }
                 )
@@ -14951,6 +15318,7 @@ function ComposerMenuOptionItems({
   options,
   selectedValue,
   descriptionPresentation = "none",
+  tooltipsEnabled = true,
   onSelect
 }) {
   return /* @__PURE__ */ jsx21(Fragment4, { children: options.map((option) => {
@@ -15001,7 +15369,8 @@ function ComposerMenuOptionItems({
                   showTooltipDescription && option.description ? /* @__PURE__ */ jsx21(
                     ComposerOptionInfoTooltip,
                     {
-                      description: option.description
+                      description: option.description,
+                      tooltipsEnabled
                     }
                   ) : null
                 ] }),
@@ -15023,14 +15392,23 @@ function ComposerMenuOptionItems({
       },
       option.value
     );
-    return showModelTooltip ? /* @__PURE__ */ jsx21(ComposerModelOptionTooltip, { option, children: item }, option.value) : item;
+    return showModelTooltip ? /* @__PURE__ */ jsx21(
+      ComposerModelOptionTooltip,
+      {
+        option,
+        tooltipsEnabled,
+        children: item
+      },
+      option.value
+    ) : item;
   }) });
 }
 function ComposerModelOptionTooltip({
   children,
-  option
+  option,
+  tooltipsEnabled = true
 }) {
-  if (!option.tooltip) {
+  if (!tooltipsEnabled || !option.tooltip) {
     return children;
   }
   return /* @__PURE__ */ jsxs10(Tooltip2, { children: [
@@ -16514,7 +16892,8 @@ function AgentUsageChip({
   usedTokens,
   totalTokens,
   limits,
-  labels
+  labels,
+  tooltipsEnabled = true
 }) {
   "use memo";
   const clampedPercent = Math.max(0, Math.min(100, percentUsed));
@@ -16522,29 +16901,33 @@ function AgentUsageChip({
   const showTokens = usedTokens !== null && totalTokens !== null;
   const usageLevel = agentUsageChipLevel(clampedPercent);
   const ringColor = agentUsageRingColor(usageLevel);
-  return /* @__PURE__ */ jsxs13(Popover, { children: [
-    /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
-      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
-        "button",
+  const trigger = /* @__PURE__ */ jsx26(
+    "button",
+    {
+      type: "button",
+      "aria-label": chipLabel,
+      className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
+      "data-testid": "agent-gui-usage-chip",
+      "data-usage-level": usageLevel,
+      title: chipLabel,
+      style: {
+        background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
+      },
+      children: /* @__PURE__ */ jsx26(
+        "span",
         {
-          type: "button",
-          "aria-label": chipLabel,
-          className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
-          "data-testid": "agent-gui-usage-chip",
-          "data-usage-level": usageLevel,
-          title: chipLabel,
-          style: {
-            background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
-          },
-          children: /* @__PURE__ */ jsx26(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
-            }
-          )
+          "aria-hidden": "true",
+          className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
         }
-      ) }) }),
+      )
+    }
+  );
+  if (!tooltipsEnabled) {
+    return trigger;
+  }
+  return /* @__PURE__ */ jsxs13(Popover, { children: [
+    /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
+      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: trigger }) }),
       /* @__PURE__ */ jsx26(TooltipContent, { side: "top", children: labels.usageTooltipLabel })
     ] }) }),
     /* @__PURE__ */ jsx26(
@@ -16693,6 +17076,7 @@ function AgentComposer({
   isSendingTurn,
   isSubmittingPrompt,
   isActive = true,
+  previewMode = false,
   promptImagesSupported = true,
   composerFocusRequestSequence = null,
   layoutMode = "dock",
@@ -17555,20 +17939,17 @@ function AgentComposer({
           const uploadedImage = result.content.find(
             (block) => block.type === "image"
           );
-          const uploadedPath = uploadedImage?.path?.trim() ?? "";
-          if (!uploadedPath) {
-            throw new Error("Prompt image upload completed without path.");
+          const uploadedUrl = uploadedImage?.url?.trim() ?? "";
+          if (!uploadedUrl) {
+            throw new Error("Prompt image upload completed without url.");
           }
           const uploadedDraftImages = draftImagesRef.current.map(
             (image) => image.id === draftImage.id ? {
               id: image.id,
               name: image.name,
               mimeType: image.mimeType,
-              path: uploadedPath,
-              ...uploadedImage?.uri ? { uri: uploadedImage.uri } : {},
-              ...uploadedImage?.uploadStatus ? { uploadStatus: uploadedImage.uploadStatus } : {},
-              ...uploadedImage?.assetId ? { assetId: uploadedImage.assetId } : {},
-              previewUrl: image.previewUrl,
+              url: uploadedUrl,
+              previewUrl: uploadedUrl,
               uploading: false
             } : image
           );
@@ -17846,6 +18227,10 @@ function AgentComposer({
     "--agent-gui-prompt-tip-cycle-duration": `${promptTips.length * PROMPT_TIP_CYCLE_STEP_MS}ms`
   } : void 0;
   useLayoutEffect4(() => {
+    if (previewMode) {
+      setIsPromptTipOverflowing(false);
+      return;
+    }
     if (!activePromptTipId) {
       setIsPromptTipOverflowing(false);
       return;
@@ -17869,7 +18254,12 @@ function AgentComposer({
       resizeObserver?.disconnect();
       window.removeEventListener("resize", measure);
     };
-  }, [activePromptTipId, activePromptTipText, isPromptTipOverflowing]);
+  }, [
+    activePromptTipId,
+    activePromptTipText,
+    isPromptTipOverflowing,
+    previewMode
+  ]);
   const inputShellStyle = useMemo9(
     () => showFileMentionPalette || showFloatingCommandMenu ? { zIndex: composerPaletteZIndex } : void 0,
     [showFileMentionPalette, showFloatingCommandMenu]
@@ -17969,6 +18359,7 @@ function AgentComposer({
             embedded: true,
             edgeGlow: true,
             keyboardShortcuts: activePromptKeyboardShortcutsEnabled,
+            previewMode,
             isSubmitting: isSubmittingPrompt,
             onSubmit: submitInteractivePromptAndDismiss,
             labels: {
@@ -18283,7 +18674,27 @@ function AgentComposer({
                 ),
                 /* @__PURE__ */ jsxs13("div", { className: AgentGUINode_styles_default.composerFooter, children: [
                   /* @__PURE__ */ jsxs13("div", { className: composerStyles.footerGroup, children: [
-                    /* @__PURE__ */ jsx26(
+                    previewMode ? /* @__PURE__ */ jsx26(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": labels.referenceWorkspaceFiles,
+                        title: labels.referenceWorkspaceFiles,
+                        className: cn(
+                          AgentGUINode_styles_default.composerMenuTrigger,
+                          AgentGUINode_styles_default.composerReferenceTrigger,
+                          "w-auto justify-center px-1 text-[var(--agent-gui-text-secondary)] [&_svg]:shrink-0"
+                        ),
+                        children: /* @__PURE__ */ jsx26(
+                          AddIcon,
+                          {
+                            "aria-hidden": true,
+                            className: "size-3.5",
+                            "data-agent-reference-add-icon": "true"
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ jsx26(
                       Select2,
                       {
                         open: false,
@@ -18351,6 +18762,7 @@ function AgentComposer({
                         usedTokens: usage.usedTokens,
                         totalTokens: usage.totalTokens,
                         limits: slashStatus?.limits ?? [],
+                        tooltipsEnabled: !previewMode,
                         labels: {
                           usageChipLabel: labels.usageChipLabel,
                           usageTooltipLabel: labels.usageTooltipLabel,
@@ -18365,6 +18777,7 @@ function AgentComposer({
                       {
                         composerSettings,
                         disabled: settingsControlsDisabled,
+                        previewMode,
                         labels: {
                           permissionLabel: labels.permissionLabel
                         },
@@ -18376,6 +18789,7 @@ function AgentComposer({
                       {
                         composerSettings,
                         disabled: settingsControlsDisabled,
+                        previewMode,
                         labels: {
                           modelLabel: labels.modelLabel,
                           modelSelectionLabel: labels.modelSelectionLabel,
@@ -18474,6 +18888,7 @@ function AgentComposer({
                   {
                     composerSettings,
                     i18n: workspaceUserProjectI18n,
+                    previewMode,
                     labels: {
                       projectLocked: labels.projectLocked,
                       projectMissingDescription: labels.projectMissingDescription
@@ -18487,7 +18902,7 @@ function AgentComposer({
                   {
                     className: AgentGUINode_styles_default.composerPromptTips,
                     "data-testid": "agent-gui-prompt-tips",
-                    children: isPromptTipOverflowing && promptTipNode ? /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
+                    children: !previewMode && isPromptTipOverflowing && promptTipNode ? /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
                       /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: promptTipNode }),
                       /* @__PURE__ */ jsx26(
                         TooltipContent,
@@ -18680,13 +19095,16 @@ function groupConversations(conversations, labels, userProjects = [], options =
     });
   }
   const projectGroups = /* @__PURE__ */ new Map();
+  const normalizedProjectPathByPath = /* @__PURE__ */ new Map();
+  const normalizeProjectPath = (path) => normalizeConversationProjectPathCached(path, normalizedProjectPathByPath);
   userProjects.forEach((project, projectOrder) => {
-    const normalizedPath = normalizeConversationProjectPath(project.path);
-    if (!normalizedPath || projectGroups.has(`project:${normalizedPath}`)) {
+    const normalizedPath = normalizeProjectPath(project.path);
+    const sectionId = `project:${normalizedPath}`;
+    if (projectGroups.has(sectionId)) {
       return;
     }
-    projectGroups.set(`project:${normalizedPath}`, {
-      id: `project:${normalizedPath}`,
+    projectGroups.set(sectionId, {
+      id: sectionId,
       kind: "project",
       label: project.label,
       project,
@@ -18712,19 +19130,41 @@ function groupConversations(conversations, labels, userProjects = [], options =
     if ((conversation.pinnedAtUnixMs ?? 0) > 0) {
       continue;
     }
-    const section = resolveConversationProjectSection(conversation, labels);
-    const existing = projectGroups.get(section.id);
+    if (!conversation.project) {
+      const existing2 = projectGroups.get("conversations");
+      if (existing2) {
+        existing2.items.push(conversation);
+        continue;
+      }
+      projectGroups.set("conversations", {
+        id: "conversations",
+        kind: "conversations",
+        label: labels.sectionConversations,
+        project: null,
+        items: [conversation],
+        projectOrder: Number.MAX_SAFE_INTEGER,
+        sectionOrder: 1,
+        projectUpdatedAtUnixMs: 0
+      });
+      continue;
+    }
+    const normalizedPath = normalizeProjectPath(conversation.project.path);
+    const sectionId = `project:${normalizedPath}`;
+    const existing = projectGroups.get(sectionId);
     if (existing) {
       existing.items.push(conversation);
       continue;
     }
-    projectGroups.set(section.id, {
-      ...section,
+    projectGroups.set(sectionId, {
+      id: sectionId,
+      kind: "project",
+      label: conversation.project.label,
+      project: conversation.project,
       items: [conversation],
-      projectOrder: section.kind === "project" ? Number.MAX_SAFE_INTEGER - 1 : Number.MAX_SAFE_INTEGER,
-      sectionOrder: section.kind === "project" ? 0 : 1,
+      projectOrder: Number.MAX_SAFE_INTEGER - 1,
+      sectionOrder: 0,
       projectUpdatedAtUnixMs: resolveConversationProjectUpdatedAtUnixMs(
-        section.project
+        conversation.project
       )
     });
   }
@@ -18748,27 +19188,18 @@ function resolveConversationProjectUpdatedAtUnixMs(project) {
   }
   return project.updatedAtUnixMs ?? project.lastUsedAtUnixMs ?? project.createdAtUnixMs ?? 0;
 }
-function resolveConversationProjectSection(conversation, labels) {
-  if (conversation.project) {
-    return {
-      id: `project:${normalizeConversationProjectPath(
-        conversation.project.path
-      )}`,
-      kind: "project",
-      label: conversation.project.label,
-      project: conversation.project
-    };
-  }
-  return {
-    id: "conversations",
-    kind: "conversations",
-    label: labels.sectionConversations,
-    project: null
-  };
-}
 function normalizeConversationProjectPath(path) {
   return path.trim().replaceAll("\\", "/").replace(/\/+$/, "") || "/";
 }
+function normalizeConversationProjectPathCached(path, normalizedPathByPath) {
+  const cached = normalizedPathByPath.get(path);
+  if (cached !== void 0) {
+    return cached;
+  }
+  const normalized = normalizeConversationProjectPath(path);
+  normalizedPathByPath.set(path, normalized);
+  return normalized;
+}
 function conversationMetaKind(conversation) {
   if (conversation.status === "working") {
     return "loading";
@@ -19368,8 +19799,6 @@ function AgentGUINodeView({
   };
   const conversationRailStoreState = useMemo10(
     () => ({
-      conversations: viewModel.conversations,
-      userProjects: viewModel.userProjects,
       activeConversationId: viewModel.activeConversationId,
       pendingDeleteConversationId: viewModel.pendingDeleteConversation?.id ?? null,
       isLoadingConversations: viewModel.isLoadingConversations,
@@ -19379,6 +19808,7 @@ function AgentGUINodeView({
       workspaceUserProjectI18n,
       uiLanguage,
       showProjectSelector,
+      previewMode,
       createConversationDisabled,
       openclawGateway,
       isCollapsed: conversationRailCollapsed,
@@ -19404,6 +19834,7 @@ function AgentGUINodeView({
       openConversationWindow,
       openProjectFiles,
       openclawGateway,
+      previewMode,
       removeProject,
       requestCreateConversation,
       requestDeleteConversation,
@@ -19413,12 +19844,10 @@ function AgentGUINodeView({
       toggleConversationPinned,
       uiLanguage,
       viewModel.activeConversationId,
-      viewModel.conversations,
       viewModel.isDeletingConversation,
       viewModel.isDeletingProjectConversations,
       viewModel.isLoadingConversations,
       viewModel.pendingDeleteConversation?.id,
-      viewModel.userProjects,
       workspaceUserProjectI18n
     ]
   );
@@ -19435,7 +19864,7 @@ function AgentGUINodeView({
     conversationRailStore,
     conversationRailStoreState
   );
-  return /* @__PURE__ */ jsxs15(TooltipProvider2, { children: [
+  const content = /* @__PURE__ */ jsxs15(Fragment8, { children: [
     /* @__PURE__ */ jsxs15(
       "div",
       {
@@ -19456,8 +19885,10 @@ function AgentGUINodeView({
               children: /* @__PURE__ */ jsx29(
                 AgentGUIConversationRailStorePane,
                 {
+                  conversations: viewModel.conversations,
                   store: conversationRailStore,
-                  storeState: conversationRailStoreState
+                  storeState: conversationRailStoreState,
+                  userProjects: viewModel.userProjects
                 }
               )
             }
@@ -19508,7 +19939,8 @@ function AgentGUINodeView({
               onRequestGitBranches,
               contextMentionProviders,
               workspaceAppIcons: effectiveWorkspaceAppIcons,
-              workspaceUserProjectI18n
+              workspaceUserProjectI18n,
+              previewMode
             }
           ) })
         ]
@@ -19540,6 +19972,7 @@ function AgentGUINodeView({
       }
     )
   ] });
+  return previewMode ? content : /* @__PURE__ */ jsx29(TooltipProvider2, { children: content });
 }
 function mergeWorkspaceAppIconsFromCommands(input) {
   const seen = new Set(
@@ -19607,6 +20040,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   uiLanguage,
   hideDetailHeader,
   isActive,
+  previewMode,
   composerFocusRequestSequence,
   isAgentProviderReady,
   slashStatusLimits,
@@ -20085,6 +20519,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       canQueueWhileBusy,
       placeholder: viewModel.hasSentUserMessage ? labels.followupPlaceholder : labels.initialPlaceholder,
       showStopButton,
+      previewMode,
       // Plan decisions replace the composer via bottomDockReplacementPrompt;
       // approval / ask-user embed here (composerActivePrompt encodes that).
       activePrompt: composerActivePrompt,
@@ -20129,6 +20564,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.followupPlaceholder,
       labels.initialPlaceholder,
       labels.promptTips,
+      previewMode,
       composerActivePrompt,
       editQueuedPrompt,
       onCapabilitySettingsRequest,
@@ -20168,6 +20604,14 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       workspaceAppIcons
     ]
   );
+  const emptyHeroComposerProps = useMemo10(
+    () => ({
+      ...bottomDockComposerProps,
+      compactSupported: viewModel.compactSupported,
+      layoutMode: "hero"
+    }),
+    [bottomDockComposerProps, viewModel.compactSupported]
+  );
   const bottomDockStoreState = useMemo10(
     () => ({
       // The lifted prompt is rendered from props on the pane; the store still
@@ -20323,7 +20767,8 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         showSyncIndicator,
         syncStatus,
         syncLabel,
-        showFailedSyncLabel
+        showFailedSyncLabel,
+        previewMode
       }
     ),
     showProviderSetupNotice ? /* @__PURE__ */ jsxs15(
@@ -20368,57 +20813,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
             onAuthLogin: authLogin,
             onContinueInNewConversation: continueInNewConversation,
             chromeLabels,
-            composerProps: {
-              workspaceId: viewModel.workspaceId,
-              workspacePath: viewModel.workspacePath,
-              currentUserId: viewModel.currentUserId,
-              provider: viewModel.data.provider,
-              slashStatus,
-              usage: viewModel.usage,
-              draftContent: viewModel.draftContent,
-              availableCommands: viewModel.availableCommands,
-              hasCompactableContext: viewModel.hasSentUserMessage,
-              compactSupported: viewModel.compactSupported,
-              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: composerActivePrompt,
-              activePromptKeyboardShortcutsEnabled: isActive,
-              composerFocusRequestSequence,
-              isActive,
-              promptImagesSupported: viewModel.promptImagesSupported,
-              promptTips: labels.promptTips,
-              showProjectSelector,
-              isInterrupting: viewModel.isInterrupting,
-              isSendingTurn: isComposerSending,
-              isSubmittingPrompt: viewModel.isRespondingApproval,
-              labels: composerLabels,
-              workspaceUserProjectI18n,
-              capabilityMenuState,
-              onDraftContentChange: updateDraftContent,
-              onProjectPathChange: updateSelectedProjectPath,
-              onSettingsChange: updateComposerSettings,
-              onSubmit: submitPrompt,
-              onPromptImagesUnsupported: showPromptImagesUnsupported,
-              onSendQueuedPromptNext: sendQueuedPromptNext,
-              onRemoveQueuedPrompt: removeQueuedPrompt,
-              onEditQueuedPrompt: editQueuedPrompt,
-              onInterruptCurrentTurn: handleInterruptCurrentTurn,
-              onSubmitInteractivePrompt: submitInteractivePrompt,
-              onCapabilitySettingsRequest,
-              onLinkAction: stableLinkAction,
-              onRequestWorkspaceReferences: stableRequestWorkspaceReferences,
-              onRequestGitBranches: stableRequestGitBranches,
-              contextMentionProviders
-            }
+            composerProps: emptyHeroComposerProps
           }
         ) : /* @__PURE__ */ jsx29(
           AgentGUIConversationTimelinePane,
@@ -20431,6 +20826,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
             onAuthLogin: authLogin,
             availableSkills: viewModel.availableSkills,
             workspaceAppIcons,
+            previewMode,
             labels: conversationFlowLabels
           }
         )
@@ -20471,7 +20867,8 @@ var AgentGUIDetailHeader = memo(function AgentGUIDetailHeader2({
   showSyncIndicator,
   syncStatus,
   syncLabel,
-  showFailedSyncLabel
+  showFailedSyncLabel,
+  previewMode
 }) {
   "use memo";
   if (hidden || !activeConversation) {
@@ -20482,7 +20879,7 @@ var AgentGUIDetailHeader = memo(function AgentGUIDetailHeader2({
   return /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.detailHeader, children: [
     /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.detailHeaderTitleGroup, children: [
       /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.detailHeaderTitle, children: conversationPlainTitle(activeConversation, labels, uiLanguage) }),
-      runPath ? /* @__PURE__ */ jsx29(AgentRunPathInfo, { path: runPath }) : null
+      runPath ? /* @__PURE__ */ jsx29(AgentRunPathInfo, { path: runPath, previewMode }) : null
     ] }),
     /* @__PURE__ */ jsxs15(
       "span",
@@ -20506,18 +20903,25 @@ var AgentGUIDetailHeader = memo(function AgentGUIDetailHeader2({
     )
   ] });
 });
-function AgentRunPathInfo({ path }) {
+function AgentRunPathInfo({
+  path,
+  previewMode
+}) {
   "use memo";
+  const trigger = /* @__PURE__ */ jsx29(
+    "button",
+    {
+      type: "button",
+      className: AgentGUINode_styles_default.detailHeaderPathInfo,
+      "aria-label": path,
+      children: /* @__PURE__ */ jsx29(Info, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
+    }
+  );
+  if (previewMode) {
+    return trigger;
+  }
   return /* @__PURE__ */ jsxs15(Tooltip3, { children: [
-    /* @__PURE__ */ jsx29(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx29(
-      "button",
-      {
-        type: "button",
-        className: AgentGUINode_styles_default.detailHeaderPathInfo,
-        "aria-label": path,
-        children: /* @__PURE__ */ jsx29(Info, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
-      }
-    ) }),
+    /* @__PURE__ */ jsx29(TooltipTrigger3, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsx29(
       TooltipContent3,
       {
@@ -20587,7 +20991,7 @@ var AgentGUIEmptyHeroPane = memo(function AgentGUIEmptyHeroPane2({
         labels: chromeLabels
       }
     ) : null,
-    /* @__PURE__ */ jsx29(AgentComposer, { ...composerProps, layoutMode: "hero" })
+    /* @__PURE__ */ jsx29(AgentComposer, { ...composerProps })
   ] }) });
 });
 function EmptyHeroTitle({
@@ -20686,6 +21090,7 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
     isRespondingApproval,
     sessionChrome
   } = state;
+  const previewMode = composerProps.previewMode === true;
   const goal = objectRecord(sessionChrome.rawState?.runtimeContext?.goal);
   const goalObjective = goal ? stringValue2(goal.objective) : "";
   const goalStatus = goal ? stringValue2(goal.status) : "";
@@ -20711,6 +21116,7 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
                 embedded: true,
                 edgeGlow: true,
                 keyboardShortcuts: keyboardShortcutsEnabled,
+                previewMode,
                 isSubmitting: isRespondingApproval,
                 onSubmit: onSubmitBottomDockInteractivePrompt,
                 labels: promptLabels
@@ -20775,6 +21181,7 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
                 embedded: true,
                 edgeGlow: true,
                 keyboardShortcuts: keyboardShortcutsEnabled,
+                previewMode,
                 isSubmitting: isRespondingApproval,
                 onSubmit: onSubmitBottomDockInteractivePrompt,
                 labels: promptLabels
@@ -20796,16 +21203,25 @@ function syncAgentGUIConversationRailStore(store, next) {
   Object.assign(store, next);
 }
 function agentGUIConversationRailStoreSnapshotsEqual(current, next) {
-  return current.conversations === next.conversations && current.userProjects === next.userProjects && current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.showProjectSelector === next.showProjectSelector && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.onCreateConversation === next.onCreateConversation && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenProjectFiles === next.onOpenProjectFiles && current.onOpenConversationWindow === next.onOpenConversationWindow && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
+  return current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.showProjectSelector === next.showProjectSelector && current.previewMode === next.previewMode && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.onCreateConversation === next.onCreateConversation && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenProjectFiles === next.onOpenProjectFiles && current.onOpenConversationWindow === next.onOpenConversationWindow && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
 }
 var AgentGUIConversationRailStorePane = memo(
   function AgentGUIConversationRailStorePane2({
+    conversations,
     store,
-    storeState: _storeState
+    storeState: _storeState,
+    userProjects
   }) {
     "use memo";
     const state = useSnapshot(store);
-    return /* @__PURE__ */ jsx29(AgentGUIConversationRailPane, { ...state });
+    return /* @__PURE__ */ jsx29(
+      AgentGUIConversationRailPane,
+      {
+        ...state,
+        conversations,
+        userProjects
+      }
+    );
   }
 );
 function normalizeConversationRailProjectPath(path) {
@@ -20815,6 +21231,75 @@ function normalizeConversationRailProjectPath(path) {
   }
   return normalized.replace(/\/+$/, "") || "/";
 }
+function stabilizeConversationSections(previous, next) {
+  if (!previous) {
+    return [...next];
+  }
+  const previousById = new Map(
+    previous.map((section) => [section.id, section])
+  );
+  let changed = previous.length !== next.length;
+  const stable = next.map((section, index) => {
+    const previousSection = previousById.get(section.id) ?? null;
+    if (!previousSection) {
+      changed = true;
+      return section;
+    }
+    const items = stabilizeConversationSectionItems(
+      previousSection.items,
+      section.items
+    );
+    const canReuseSection = previousSection.kind === section.kind && previousSection.label === section.label && conversationProjectsRenderEqual2(
+      previousSection.project,
+      section.project
+    ) && items === previousSection.items;
+    if (canReuseSection) {
+      if (previous[index] !== previousSection) {
+        changed = true;
+      }
+      return previousSection;
+    }
+    changed = true;
+    return { ...section, items };
+  });
+  return changed ? stable : previous;
+}
+function stabilizeConversationSectionItems(previous, next) {
+  if (previous.length !== next.length) {
+    const previousById = /* @__PURE__ */ new Map();
+    for (const item of previous) {
+      if (!previousById.has(item.id)) {
+        previousById.set(item.id, item);
+      }
+    }
+    return next.map((item) => {
+      const previousItem = previousById.get(item.id);
+      return previousItem && conversationSummariesRenderEqual2(previousItem, item) ? previousItem : item;
+    });
+  }
+  let changed = false;
+  const stable = next.map((item, index) => {
+    const previousItem = previous[index];
+    if (previousItem && conversationSummariesRenderEqual2(previousItem, item)) {
+      if (previousItem !== item) {
+        changed = true;
+      }
+      return previousItem;
+    }
+    changed = true;
+    return item;
+  });
+  return changed ? stable : previous;
+}
+function conversationSummariesRenderEqual2(left, right) {
+  return left.id === right.id && left.provider === right.provider && left.title === right.title && left.titleFallback === right.titleFallback && left.status === right.status && left.cwd === right.cwd && left.pinnedAtUnixMs === right.pinnedAtUnixMs && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.hasUnreadCompletion === right.hasUnreadCompletion && conversationProjectsRenderEqual2(left.project, right.project) && conversationSyncStatesRenderEqual(left.syncState, right.syncState);
+}
+function conversationSyncStatesRenderEqual(left, right) {
+  return left === right || (!left || !right ? (left ?? null) === (right ?? null) : left.workspaceId === right.workspaceId && left.agentSessionId === right.agentSessionId && left.status === right.status && left.pendingTimelineItemCount === right.pendingTimelineItemCount && left.pendingStatePatchCount === right.pendingStatePatchCount && left.attemptCount === right.attemptCount && left.failedReportCount === right.failedReportCount && left.lastError === right.lastError && left.lastAttemptAtUnixMs === right.lastAttemptAtUnixMs && left.lastSyncedAtUnixMs === right.lastSyncedAtUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs);
+}
+function conversationProjectsRenderEqual2(left, right) {
+  return left === right || (!left || !right ? !left && !right : left.id === right.id && left.path === right.path && left.label === right.label && left.createdAtUnixMs === right.createdAtUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.lastUsedAtUnixMs === right.lastUsedAtUnixMs);
+}
 var AgentGUIConversationRailPane = memo(
   function AgentGUIConversationRailPane2({
     conversations,
@@ -20828,6 +21313,7 @@ var AgentGUIConversationRailPane = memo(
     workspaceUserProjectI18n,
     uiLanguage,
     showProjectSelector,
+    previewMode,
     createConversationDisabled,
     openclawGateway,
     isCollapsed,
@@ -20853,6 +21339,7 @@ var AgentGUIConversationRailPane = memo(
     const conversationItemElementsRef = useRef13(
       /* @__PURE__ */ new Map()
     );
+    const groupedConversationsRef = useRef13(null);
     useEffect12(() => {
       const timer = window.setInterval(() => {
         setCurrentTimeMs(Date.now());
@@ -20875,13 +21362,19 @@ var AgentGUIConversationRailPane = memo(
     const filteredConversations = filteredConversationResult.items;
     const groupedConversationResult = useMemo10(() => {
       const startedAtMs = agentGuiPerfNowMs();
+      const rawGroups = groupConversations(
+        filteredConversations,
+        labels,
+        conversationQuery.trim() ? [] : userProjects,
+        { includeEmptyConversations: !conversationQuery.trim() }
+      );
+      const groups = stabilizeConversationSections(
+        groupedConversationsRef.current,
+        rawGroups
+      );
+      groupedConversationsRef.current = groups;
       return {
-        groups: groupConversations(
-          filteredConversations,
-          labels,
-          conversationQuery.trim() ? [] : userProjects,
-          { includeEmptyConversations: !conversationQuery.trim() }
-        ),
+        groups,
         groupMs: roundAgentGuiPerfMs(agentGuiPerfNowMs() - startedAtMs)
       };
     }, [conversationQuery, filteredConversations, labels, userProjects]);
@@ -21025,6 +21518,7 @@ var AgentGUIConversationRailPane = memo(
                       isSectionCollapsed,
                       labels,
                       pendingDeleteConversationId,
+                      previewMode,
                       projectConversationCount,
                       projectLabel,
                       projectPath,
@@ -21098,6 +21592,7 @@ var AgentGUIConversationRailSection = memo(
     isSectionCollapsed,
     activeConversationId,
     pendingDeleteConversationId,
+    previewMode,
     isDeletingConversation,
     createConversationDisabled,
     currentTimeMs,
@@ -21120,10 +21615,10 @@ var AgentGUIConversationRailSection = memo(
     const [visibleItemLimit, setVisibleItemLimit] = useState11(
       AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
     );
-    const visibleItemCount = Math.min(visibleItemLimit, section.items.length);
-    const visibleItems = section.items.slice(0, visibleItemCount);
-    const canShowMore = visibleItemCount < section.items.length;
-    const canShowLess = visibleItemCount > AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE;
+    const visibleItemCount = isSectionCollapsed ? 0 : Math.min(visibleItemLimit, section.items.length);
+    const visibleItems = isSectionCollapsed ? [] : section.items.slice(0, visibleItemCount);
+    const canShowMore = !isSectionCollapsed && visibleItemCount < section.items.length;
+    const canShowLess = !isSectionCollapsed && visibleItemCount > AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE;
     const showMoreConversations = useCallback10(() => {
       setVisibleItemLimit(
         (current) => Math.min(
@@ -21160,7 +21655,7 @@ var AgentGUIConversationRailSection = memo(
                   ),
                   /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.conversationSectionLabel, children: [
                     /* @__PURE__ */ jsx29(
-                      FolderIcon,
+                      FolderIcon2,
                       {
                         "aria-hidden": "true",
                         className: AgentGUINode_styles_default.conversationSectionLabelIcon
@@ -21281,7 +21776,7 @@ var AgentGUIConversationRailSection = memo(
               className: AgentGUINode_styles_default.conversationSectionItems,
               "aria-hidden": isSectionCollapsed ? "true" : void 0,
               children: /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionItemsInner, children: [
-                section.items.length === 0 ? /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationSectionEmpty, children: labels.emptyProjectConversations }) : null,
+                !isSectionCollapsed && section.items.length === 0 ? /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationSectionEmpty, children: labels.emptyProjectConversations }) : null,
                 visibleItems.map((item) => /* @__PURE__ */ jsx29(
                   AgentGUIConversationRailItem,
                   {
@@ -21291,6 +21786,7 @@ var AgentGUIConversationRailSection = memo(
                     isPendingDeleteConversation: pendingDeleteConversationId === item.id,
                     item,
                     labels,
+                    previewMode,
                     registerItemElement,
                     uiLanguage,
                     onCancelDeleteConversation,
@@ -21338,6 +21834,7 @@ var AgentGUIConversationRailItem = memo(
     isDeletingConversation,
     currentTimeMs,
     labels,
+    previewMode,
     uiLanguage,
     registerItemElement,
     onSelectConversation,
@@ -21395,7 +21892,7 @@ var AgentGUIConversationRailItem = memo(
               ]
             }
           ),
-          /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationActions, children: isPendingDeleteConversation ? /* @__PURE__ */ jsx29(
+          previewMode ? null : /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationActions, children: isPendingDeleteConversation ? /* @__PURE__ */ jsx29(
             "button",
             {
               type: "button",
@@ -21560,6 +22057,7 @@ var AgentGUIConversationTimelinePane = memo(
     onAuthLogin,
     availableSkills,
     workspaceAppIcons = EMPTY_WORKSPACE_APP_ICONS3,
+    previewMode = false,
     labels
   }) {
     "use memo";
@@ -21574,6 +22072,7 @@ var AgentGUIConversationTimelinePane = memo(
         onAuthLogin,
         availableSkills,
         workspaceAppIcons,
+        previewMode,
         labels
       }
     );
@@ -23073,14 +23572,15 @@ var AgentGUI = memo3(function AgentGUI2({
   locale,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(TooltipProvider3, { delayDuration: 120, skipDelayDuration: 0, children: /* @__PURE__ */ jsx32(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx32(
+  const content = /* @__PURE__ */ jsx32(AgentGuiI18nProvider, { runtime: i18n, locale, children: /* @__PURE__ */ jsx32(
     AgentActivityHostProvider,
     {
       agentActivityRuntime,
       agentHostApi,
       children: /* @__PURE__ */ jsx32(AgentGUINode, { ...props })
     }
-  ) }) });
+  ) });
+  return props.previewMode ? content : /* @__PURE__ */ jsx32(TooltipProvider3, { delayDuration: 120, skipDelayDuration: 0, children: content });
 });
 
 // index.ts