@tutti-os/agent-gui 0.0.32 → 0.0.34

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-RDCBACWR.js";
+} from "./chunk-TCKH7GZ6.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -29,6 +29,7 @@ import {
   createAgentRichTextInputExtensions,
   editorToPromptText,
   labelForProviderSkill,
+  openAgentEnvPanel,
   plainTextToAgentRichTextDoc,
   plainTextToAgentRichTextInlineContent,
   projectAgentConversationVM,
@@ -36,13 +37,13 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-J2DMJREM.js";
+} from "./chunk-ZR2LZVN6.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-AFTAFV2C.js";
+} from "./chunk-XPVYQUFK.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -50,23 +51,24 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-MFWZKYZ4.js";
+} from "./chunk-I5GHWK6X.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
   createWorkspaceAgentActivityUserMessageIdFromClientSubmitId,
+  isWorkspaceAgentActivityOptimisticMessage,
   isWorkspaceAgentActivityRuntimeSessionOrigin,
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-OOQIJXCA.js";
+} from "./chunk-SV4UKLJO.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-WPWZKKKV.js";
+} from "./chunk-RUO6SDNC.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -77,7 +79,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-FG66NW5M.js";
+} from "./chunk-PVEFWBH6.js";
 import "./chunk-Y35GDLP2.js";
 import {
   AgentActivityHostProvider,
@@ -91,7 +93,7 @@ import {
   useAgentActivitySnapshot,
   useAgentHostApi,
   useOptionalAgentActivityRuntime
-} from "./chunk-SGQ4C7JE.js";
+} from "./chunk-2ADVHCST.js";
 import "./chunk-TYGL25EL.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
@@ -106,7 +108,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-RQ3HEF42.js";
+} from "./chunk-TQFYX7KY.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -460,7 +462,7 @@ var CanvasNodeGhostIconButton = forwardRef(function CanvasNodeGhostIconButton2({
       ...rest,
       type: "button",
       className: cn(
-        "nodrag inline-flex h-7 min-h-7 w-7 min-w-7 shrink-0 items-center justify-center rounded-[4px] border border-transparent bg-transparent p-0 text-[var(--cove-canvas-control-text)] transition-[background-color,color,border-color,opacity] duration-200 ease-in-out [-webkit-app-region:no-drag] hover:border-transparent hover:bg-[var(--transparency-block)] hover:text-[var(--cove-canvas-control-text-hover)] active:bg-[var(--transparency-block-active)] active:text-[var(--cove-canvas-control-text-hover)] disabled:cursor-not-allowed disabled:opacity-45 focus-visible:outline-2 focus-visible:outline-[color:color-mix(in_srgb,var(--tsh-shell-accent)_80%,white)] focus-visible:outline-offset-2 [&_svg]:block [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0 [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:fill-none [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:stroke-current data-[menu-open=true]:border-transparent data-[menu-open=true]:bg-[var(--transparency-block)] data-[menu-open=true]:text-[var(--cove-canvas-control-text-hover)] data-[menu-open=true]:hover:bg-[var(--transparency-block-active)]",
+        "nodrag inline-flex h-7 min-h-7 w-7 min-w-7 shrink-0 items-center justify-center rounded-[4px] border border-transparent bg-transparent p-0 text-[var(--text-secondary)] transition-[background-color,color,border-color,opacity] duration-200 ease-in-out [-webkit-app-region:no-drag] hover:border-transparent hover:bg-[var(--transparency-block)] hover:text-[var(--text-primary)] active:bg-[var(--transparency-block-active)] active:text-[var(--text-primary)] disabled:cursor-not-allowed disabled:opacity-45 focus-visible:outline-2 focus-visible:outline-[color:color-mix(in_srgb,var(--tsh-shell-accent)_80%,white)] focus-visible:outline-offset-2 [&_svg]:block [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0 [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:fill-none [&_svg:not([data-nexight-chrome-glyph=fill]):not([data-tutti-chrome-glyph=fill])]:stroke-current data-[menu-open=true]:border-transparent data-[menu-open=true]:bg-[var(--transparency-block)] data-[menu-open=true]:text-[var(--text-primary)] data-[menu-open=true]:hover:bg-[var(--transparency-block-active)]",
         className
       ),
       onPointerDown: (event) => {
@@ -2516,6 +2518,10 @@ function buildAgentGUIConversationProjectIndex(userProjects) {
   return projectByNormalizedPath;
 }
 function resolveAgentGUIConversationProjectFromIndex(normalizedCwd, projectByNormalizedPath, options) {
+  const exactProject = projectByNormalizedPath.get(normalizedCwd);
+  if (exactProject) {
+    return agentGUIConversationProjectSummaryFromProject(exactProject);
+  }
   if (options.isNoProjectPath?.({ path: normalizedCwd })) {
     return null;
   }
@@ -2526,6 +2532,9 @@ function resolveAgentGUIConversationProjectFromIndex(normalizedCwd, projectByNor
   if (!matchedProject) {
     return null;
   }
+  return agentGUIConversationProjectSummaryFromProject(matchedProject);
+}
+function agentGUIConversationProjectSummaryFromProject(matchedProject) {
   const summary = {
     id: matchedProject.id,
     path: matchedProject.path,
@@ -3669,46 +3678,12 @@ function normalizeToken(value) {
 }
 
 // host/workspaceAgentSessionMessages.ts
+import {
+  loadAllAgentSessionMessages,
+  mergeAgentActivityMessages
+} from "@tutti-os/agent-activity-core";
 function mergeWorkspaceAgentMessages(previous, incoming) {
-  const byKey = /* @__PURE__ */ new Map();
-  for (const message of previous) {
-    byKey.set(workspaceAgentMessageMergeKey(message), message);
-  }
-  for (const message of incoming) {
-    const key = workspaceAgentMessageMergeKey(message);
-    const fallbackKey = workspaceAgentMessageFallbackMergeKey(message);
-    const fallbackMessage = (message.id ?? 0) > 0 && fallbackKey !== key ? byKey.get(fallbackKey) : void 0;
-    const previousMessage = byKey.get(key);
-    if (fallbackMessage) {
-      byKey.delete(fallbackKey);
-    }
-    byKey.set(key, {
-      ...fallbackMessage,
-      ...previousMessage,
-      ...message,
-      payload: {
-        ...fallbackMessage?.payload ?? {},
-        ...previousMessage?.payload ?? {},
-        ...message.payload ?? {}
-      }
-    });
-  }
-  return [...byKey.values()].sort(
-    (left, right) => (left.id ?? 0) - (right.id ?? 0)
-  );
-}
-function workspaceAgentMessageMergeKey(message) {
-  if (message.messageId?.trim()) {
-    return workspaceAgentMessageFallbackMergeKey(message);
-  }
-  if ((message.id ?? 0) > 0) {
-    return `id:${message.id}`;
-  }
-  return workspaceAgentMessageFallbackMergeKey(message);
-}
-function workspaceAgentMessageFallbackMergeKey(message) {
-  const messageId = message.messageId?.trim();
-  return `message:${message.agentSessionId}:${messageId}`;
+  return mergeAgentActivityMessages(previous, incoming);
 }
 
 // host/agentHostAccountStore.ts
@@ -3991,7 +3966,7 @@ function subscribeCoalesced(type, options, callback) {
 
 // contexts/workspace/presentation/renderer/agentSessions/agentSessionViewStore.ts
 import { useSyncExternalStore } from "react";
-import { mergeAgentActivityMessages } from "@tutti-os/agent-activity-core";
+import { mergeAgentActivityMessages as mergeAgentActivityMessages2 } from "@tutti-os/agent-activity-core";
 var STREAM_LINGER_MS = 15e3;
 var EMPTY_AGENT_SESSION_VIEW_STORE_SNAPSHOT = {
   sessionViewsBySessionKey: {}
@@ -4090,6 +4065,77 @@ function setAgentSessionViewOverlayMessages(ref, nextMessages) {
     };
   });
 }
+function setAgentSessionViewDetailMessages(ref, nextMessages, options = {}) {
+  const normalized = normalizeAgentSessionViewRef(ref);
+  if (!normalized) {
+    return;
+  }
+  updateAgentSessionView(normalized, (current) => {
+    const detailMessages = mergeMessages([], nextMessages);
+    const oldestLoadedVersion = oldestMessageVersion(detailMessages);
+    if (sameMessages(current.detailMessages, detailMessages) && current.oldestLoadedVersion === oldestLoadedVersion && current.hasOlderMessages === (options.hasOlderMessages ?? current.hasOlderMessages) && current.isLoadingOlderMessages === (options.isLoadingOlderMessages ?? current.isLoadingOlderMessages)) {
+      return current;
+    }
+    return {
+      ...current,
+      detailMessages,
+      oldestLoadedVersion,
+      hasOlderMessages: options.hasOlderMessages ?? current.hasOlderMessages,
+      isLoadingOlderMessages: options.isLoadingOlderMessages ?? current.isLoadingOlderMessages
+    };
+  });
+}
+function mergeAgentSessionViewDetailMessages(ref, nextMessages, options = {}) {
+  const normalized = normalizeAgentSessionViewRef(ref);
+  if (!normalized) {
+    return;
+  }
+  updateAgentSessionView(normalized, (current) => {
+    const detailMessages = mergeMessages(current.detailMessages, nextMessages);
+    const oldestLoadedVersion = oldestMessageVersion(detailMessages);
+    if (sameMessages(current.detailMessages, detailMessages) && current.oldestLoadedVersion === oldestLoadedVersion && current.hasOlderMessages === (options.hasOlderMessages ?? current.hasOlderMessages) && current.isLoadingOlderMessages === (options.isLoadingOlderMessages ?? current.isLoadingOlderMessages)) {
+      return current;
+    }
+    return {
+      ...current,
+      detailMessages,
+      oldestLoadedVersion,
+      hasOlderMessages: options.hasOlderMessages ?? current.hasOlderMessages,
+      isLoadingOlderMessages: options.isLoadingOlderMessages ?? current.isLoadingOlderMessages
+    };
+  });
+}
+function resetAgentSessionViewDetailMessages(ref) {
+  const normalized = normalizeAgentSessionViewRef(ref);
+  if (!normalized) {
+    return;
+  }
+  updateAgentSessionView(normalized, (current) => {
+    if (current.detailMessages.length === 0 && current.oldestLoadedVersion === null && current.hasOlderMessages === false && current.isLoadingOlderMessages === false) {
+      return current;
+    }
+    return {
+      ...current,
+      detailMessages: [],
+      oldestLoadedVersion: null,
+      hasOlderMessages: false,
+      isLoadingOlderMessages: false
+    };
+  });
+}
+function setAgentSessionViewOlderMessagesLoading(ref, isLoadingOlderMessages) {
+  const normalized = normalizeAgentSessionViewRef(ref);
+  if (!normalized) {
+    return;
+  }
+  updateAgentSessionView(
+    normalized,
+    (current) => current.isLoadingOlderMessages === isLoadingOlderMessages ? current : {
+      ...current,
+      isLoadingOlderMessages
+    }
+  );
+}
 function setAgentSessionViewControlState(ref, controlState) {
   const normalized = normalizeAgentSessionViewRef(ref);
   if (!normalized) {
@@ -4481,18 +4527,22 @@ function createEmptySessionView(ref) {
     workspaceId: ref.workspaceId,
     agentSessionId: ref.agentSessionId,
     overlayMessages: [],
+    detailMessages: [],
     controlCommands: [],
     controlState: null,
     lastEventAt: null,
     isLive: false,
     isLoadingControlState: false,
     isLoadingMessages: false,
+    isLoadingOlderMessages: false,
+    hasOlderMessages: false,
+    oldestLoadedVersion: null,
     error: null,
     watcherCount: 0
   };
 }
 function mergeMessages(left, right) {
-  return mergeAgentActivityMessages(left, right);
+  return mergeAgentActivityMessages2(left, right);
 }
 function sameMessages(left, right) {
   if (left.length !== right.length) {
@@ -4502,6 +4552,10 @@ function sameMessages(left, right) {
     (item, index) => equivalentMessageValue(item, right[index])
   );
 }
+function oldestMessageVersion(messages) {
+  const versions = messages.map((message) => message.version).filter((version) => Number.isFinite(version));
+  return versions.length === 0 ? null : Math.min(...versions);
+}
 function equivalentMessageValue(left, right) {
   if (Object.is(left, right)) {
     return true;
@@ -4618,7 +4672,7 @@ function useWatchAgentSessions(input) {
 }
 
 // contexts/workspace/presentation/renderer/agentGuiConversationList/agentGuiConversationListStore.ts
-import { mergeAgentActivityMessages as mergeAgentActivityMessages2 } from "@tutti-os/agent-activity-core";
+import { mergeAgentActivityMessages as mergeAgentActivityMessages3 } from "@tutti-os/agent-activity-core";
 
 // contexts/workspace/presentation/renderer/agentGuiConversationList/agentGuiConversationListPendingState.ts
 var pendingCreateConversationIdsByQueryKey = /* @__PURE__ */ new Map();
@@ -4725,6 +4779,8 @@ var pendingDirtySessionIdsByQueryKey = /* @__PURE__ */ new Map();
 var requestIdByQueryKey = /* @__PURE__ */ new Map();
 var localCreatedConversationIdsByQueryKey = /* @__PURE__ */ new Map();
 var deletedConversationIdsByQueryKey = /* @__PURE__ */ new Map();
+var readStateByQueryKey = /* @__PURE__ */ new Map();
+var readStateLoadByQueryKey = /* @__PURE__ */ new Map();
 var runtimeRefreshUnsubscribeByWorkspaceId = /* @__PURE__ */ new Map();
 var activeConversationIdsByQueryKey = /* @__PURE__ */ new Map();
 var updateStormDiagnosticsByQueryKey = /* @__PURE__ */ new Map();
@@ -4835,6 +4891,107 @@ function hasActiveConversationOwner(queryKey, conversationId) {
   }
   return false;
 }
+function emptyWorkspaceAgentReadState() {
+  return {
+    completed: { readIds: [], unreadIds: [] },
+    failed: { readIds: [], unreadIds: [] }
+  };
+}
+function normalizeWorkspaceAgentReadState(value) {
+  const record = value && typeof value === "object" ? value : {};
+  return {
+    completed: normalizeWorkspaceAgentReadStateBucket(
+      record.completed
+    ),
+    failed: normalizeWorkspaceAgentReadStateBucket(
+      record.failed
+    )
+  };
+}
+function normalizeWorkspaceAgentReadStateBucket(value) {
+  const record = value && typeof value === "object" ? value : {};
+  return {
+    readIds: normalizeIdList(record.readIds),
+    unreadIds: normalizeIdList(record.unreadIds)
+  };
+}
+function normalizeIdList(value) {
+  return Array.isArray(value) ? [...new Set(value.map((item) => `${item}`.trim()).filter(Boolean))] : [];
+}
+function normalizeCompletionKey(value) {
+  return value?.trim() ?? "";
+}
+function isCompletedRead(readState, completionKey) {
+  return readState.completed.readIds.includes(completionKey);
+}
+function updateCompletedReadState(queryState, completionKey) {
+  const normalizedCompletionKey = normalizeCompletionKey(completionKey);
+  if (!normalizedCompletionKey) {
+    return;
+  }
+  const current = readStateByQueryKey.get(queryState.queryKey) ?? emptyWorkspaceAgentReadState();
+  if (current.completed.readIds.includes(normalizedCompletionKey)) {
+    return;
+  }
+  const next = {
+    ...current,
+    completed: {
+      readIds: [...current.completed.readIds, normalizedCompletionKey],
+      unreadIds: current.completed.unreadIds.filter(
+        (id) => id !== normalizedCompletionKey
+      )
+    }
+  };
+  readStateByQueryKey.set(queryState.queryKey, next);
+  void persistCompletedReadState(queryState, next.completed);
+}
+async function persistCompletedReadState(queryState, completed) {
+  try {
+    await getOptionalAgentHostApi()?.persistence?.writeWorkspaceAgentReadState({
+      roomId: queryState.query.workspaceId,
+      userId: queryState.query.userId,
+      kind: "completed",
+      readIds: completed.readIds,
+      unreadIds: completed.unreadIds
+    });
+  } catch {
+  }
+}
+async function loadWorkspaceAgentReadState(queryState) {
+  const cached = readStateByQueryKey.get(queryState.queryKey);
+  if (cached) {
+    return cached;
+  }
+  const inflight = readStateLoadByQueryKey.get(queryState.queryKey);
+  if (inflight) {
+    return inflight;
+  }
+  const promise = (async () => {
+    try {
+      const loaded = await getOptionalAgentHostApi()?.persistence?.readWorkspaceAgentReadState(
+        {
+          roomId: queryState.query.workspaceId,
+          userId: queryState.query.userId
+        }
+      );
+      const normalized = normalizeWorkspaceAgentReadState(loaded);
+      const current = readStateByQueryKey.get(queryState.queryKey);
+      if (current) {
+        return current;
+      }
+      readStateByQueryKey.set(queryState.queryKey, normalized);
+      return normalized;
+    } catch {
+      const empty = emptyWorkspaceAgentReadState();
+      readStateByQueryKey.set(queryState.queryKey, empty);
+      return empty;
+    } finally {
+      readStateLoadByQueryKey.delete(queryState.queryKey);
+    }
+  })();
+  readStateLoadByQueryKey.set(queryState.queryKey, promise);
+  return promise;
+}
 function describeError(error) {
   if (error instanceof Error) {
     return error.message;
@@ -4920,6 +5077,7 @@ function mergeLoadedConversation(current, incoming) {
     ...incoming,
     ...mergeLoadedConversationTitleFields(current, incoming, preferCurrent),
     hasUnreadCompletion: incoming.hasUnreadCompletion || (preferCurrent ? current?.hasUnreadCompletion : false),
+    unreadCompletionKey: incoming.unreadCompletionKey ?? (preferCurrent ? current?.unreadCompletionKey : null),
     pinnedAtUnixMs,
     sortTimeUnixMs: maxOptionalTimeUnixMs(
       current?.sortTimeUnixMs,
@@ -4956,7 +5114,7 @@ function areConversationProjectsEqual(left, right) {
   return 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 areConversationsEqual(left, right) {
-  return left.id === right.id && left.userId === right.userId && left.provider === right.provider && left.title === right.title && left.status === right.status && left.cwd === right.cwd && areConversationProjectsEqual(left.project, right.project) && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && (left.pinnedAtUnixMs ?? 0) === (right.pinnedAtUnixMs ?? 0) && left.hasUnreadCompletion === right.hasUnreadCompletion && areConversationTitleFallbacksEqual(
+  return left.id === right.id && left.userId === right.userId && left.provider === right.provider && left.title === right.title && left.status === right.status && left.cwd === right.cwd && areConversationProjectsEqual(left.project, right.project) && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && (left.pinnedAtUnixMs ?? 0) === (right.pinnedAtUnixMs ?? 0) && left.hasUnreadCompletion === right.hasUnreadCompletion && left.unreadCompletionKey === right.unreadCompletionKey && areConversationTitleFallbacksEqual(
     left.titleFallback,
     right.titleFallback
   ) && areConversationSyncStatesEqual(left.syncState, right.syncState);
@@ -5047,6 +5205,14 @@ function describeConversationListChange(previous, next) {
         "hasUnreadCompletion"
       );
     }
+    if (left.unreadCompletionKey !== right.unreadCompletionKey) {
+      addChangedConversationField(
+        fields,
+        changedIds,
+        right.id,
+        "unreadCompletionKey"
+      );
+    }
     if (!areConversationTitleFallbacksEqual(
       left.titleFallback,
       right.titleFallback
@@ -5224,7 +5390,7 @@ function nonEmptySessionMessagesById(durableMessagesBySessionId, sessionViewData
 function mergeSessionMessagesById(left, right) {
   const next = { ...left };
   for (const [agentSessionId, messages] of Object.entries(right)) {
-    next[agentSessionId] = mergeAgentActivityMessages2(
+    next[agentSessionId] = mergeAgentActivityMessages3(
       next[agentSessionId] ?? [],
       messages
     );
@@ -5263,15 +5429,53 @@ function consumePendingDirtySessionIds(queryKey) {
   pendingDirtySessionIdsByQueryKey.delete(queryKey);
   return pending ?? /* @__PURE__ */ new Set();
 }
+function latestCompletionKeyForConversation(input) {
+  const latestCompletedMessage = [...input.messages].filter(isCompletedAgentMessage).sort(compareMessagesByRecentTime)[0];
+  if (latestCompletedMessage) {
+    const subject = latestCompletedMessage.turnId?.trim() || latestCompletedMessage.messageId.trim();
+    return subject ? `turn:${input.conversation.id}:${subject}:completed` : null;
+  }
+  return input.conversation.status === "completed" ? `session:${input.conversation.id}:completed` : null;
+}
+function isCompletedAgentMessage(message) {
+  if ((message.role ?? "").trim().toLowerCase() !== "assistant") {
+    return false;
+  }
+  const kind = (message.kind ?? "").trim().toLowerCase();
+  if (kind !== "message" && kind !== "text") {
+    return false;
+  }
+  const payload = message.payload && typeof message.payload === "object" ? message.payload : {};
+  const status = message.status?.trim().toLowerCase() || stringPayloadValue(payload, "status").toLowerCase();
+  return status === "completed";
+}
+function stringPayloadValue(payload, key) {
+  const value = payload[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+function compareMessagesByRecentTime(left, right) {
+  return messageTime(right) - messageTime(left) || right.messageId.localeCompare(left.messageId);
+}
+function messageTime(message) {
+  return message.completedAtUnixMs ?? message.occurredAtUnixMs ?? message.startedAtUnixMs ?? message.version ?? 0;
+}
 function decorateConversationForRefresh(input) {
   const title = resolveAgentGUIConversationTitleFromMessages({
     messages: input.mergedMessages,
     conversation: input.conversation
   });
+  const completionKey = latestCompletionKeyForConversation({
+    conversation: input.conversation,
+    messages: input.mergedMessages
+  });
+  const hasUnreadCompletion = Boolean(
+    completionKey && !isCompletedRead(input.readState, completionKey) && !hasActiveConversationOwner(input.queryKey, input.conversation.id)
+  );
   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,
+    hasUnreadCompletion,
+    unreadCompletionKey: completionKey,
     status: input.conversation.status,
     updatedAtUnixMs: input.conversation.updatedAtUnixMs,
     pinnedAtUnixMs: input.conversation.pinnedAtUnixMs
@@ -5333,6 +5537,10 @@ async function refreshAgentGUIConversationListQuery(query, reason, options = {})
         sessionViewDataById
       )
     );
+    const readState = await loadWorkspaceAgentReadState(state);
+    if (requestId !== requestIdByQueryKey.get(queryKey)) {
+      return;
+    }
     const deletedConversationIds = deletedConversationIdsByQueryKey.get(queryKey) ?? /* @__PURE__ */ new Set();
     const localCreatedConversationIds = localCreatedConversationIdsByQueryKey.get(queryKey) ?? /* @__PURE__ */ new Set();
     const snapshotSessionIds = new Set(
@@ -5357,12 +5565,6 @@ async function refreshAgentGUIConversationListQuery(query, reason, options = {})
       localCreatedConversationIds
     );
     const currentConversations = getQueryState(query)?.conversations ?? [];
-    const currentConversationById = new Map(
-      currentConversations.map((conversation) => [
-        conversation.id,
-        conversation
-      ])
-    );
     const canApplyDirtySessionProjection = reason === "session-overlay-update" && state.initialized && dirtySessionIds.size > 0;
     const projectionSessions = canApplyDirtySessionProjection ? workspaceAgentSnapshot.sessions.filter((session) => {
       const agentSessionId = session.agentSessionId.trim();
@@ -5416,7 +5618,6 @@ async function refreshAgentGUIConversationListQuery(query, reason, options = {})
       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],
@@ -5424,9 +5625,9 @@ async function refreshAgentGUIConversationListQuery(query, reason, options = {})
       });
       return decorateConversationForRefresh({
         conversation,
-        currentConversation,
         mergedMessages,
-        queryKey
+        queryKey,
+        readState
       });
     });
     updateQueryState(query, (current) => {
@@ -5620,6 +5821,16 @@ function clearAgentGUIConversationUnreadCompletion(input) {
   if (!conversationId) {
     return;
   }
+  const queryState = ensureQueryState(input.query);
+  if (!queryState) {
+    return;
+  }
+  const completionKey = queryState.conversations.find(
+    (conversation) => conversation.id === conversationId
+  )?.unreadCompletionKey;
+  if (completionKey) {
+    updateCompletedReadState(queryState, completionKey);
+  }
   updateAgentGUIConversationListConversations(
     input.query,
     (current) => {
@@ -5660,14 +5871,26 @@ function markAgentGUIConversationCompletionObserved(input) {
         if (conversation.id !== conversationId) {
           return conversation;
         }
-        const hasUnreadCompletion = conversation.status === "completed" && shouldMarkUnread;
-        if (conversation.hasUnreadCompletion === hasUnreadCompletion) {
+        const completionKey = normalizeCompletionKey(input.completionKey) || (conversation.status === "completed" ? `session:${conversation.id}:completed` : "");
+        if (!completionKey) {
+          return conversation;
+        }
+        if (!shouldMarkUnread) {
+          updateCompletedReadState(queryState, completionKey);
+        }
+        const canShowCompletion = conversation.status === "completed" || input.allowReadyStatus === true;
+        const hasUnreadCompletion = canShowCompletion && shouldMarkUnread && !isCompletedRead(
+          readStateByQueryKey.get(queryState.queryKey) ?? emptyWorkspaceAgentReadState(),
+          completionKey
+        );
+        if (conversation.hasUnreadCompletion === hasUnreadCompletion && conversation.unreadCompletionKey === completionKey) {
           return conversation;
         }
         changed = true;
         return {
           ...conversation,
-          hasUnreadCompletion
+          hasUnreadCompletion,
+          unreadCompletionKey: completionKey
         };
       });
       return changed ? next : current;
@@ -6009,6 +6232,17 @@ function useAgentGUIActivation({
   );
 }
 
+// agent-gui/agentGuiNode/controller/pendingInterrupt.ts
+function pendingInterruptActionForDisplayStatus(status) {
+  if (status === "working") {
+    return "fire";
+  }
+  if (status === "completed" || status === "failed" || status === "canceled") {
+    return "clear";
+  }
+  return "wait";
+}
+
 // agent-gui/agentGuiNode/controller/useAgentGUINodeController.ts
 import { createRichTextMentionHref } from "@tutti-os/ui-rich-text/core";
 
@@ -6255,6 +6489,7 @@ function nextUsageAlert(percentUsed, state) {
 var EMPTY_AGENT_GUI_MESSAGES = [];
 var EMPTY_AGENT_GUI_AVAILABLE_COMMANDS = [];
 var ACTIVITY_STREAM_STATE_RELOAD_DEBOUNCE_MS = 150;
+var AGENT_GUI_DETAIL_MESSAGES_PAGE_SIZE = 100;
 function mergeAgentModelCatalogInvalidationEvents(events) {
   const providers = /* @__PURE__ */ new Set();
   let occurredAtUnixMs = 0;
@@ -6576,6 +6811,16 @@ function isNonRetryableResumeErrorCode(code) {
 function isSessionNotFoundErrorCode(code) {
   return code === AGENT_SESSION_NOT_FOUND_ERROR;
 }
+var WORKSPACE_AGENT_SESSION_NOT_READY_REASON = "workspace_agent_session_not_found";
+function isAgentSessionNotReadyError(error) {
+  if (error && typeof error === "object") {
+    const reason = error.reason;
+    if (reason === WORKSPACE_AGENT_SESSION_NOT_READY_REASON) {
+      return true;
+    }
+  }
+  return getAgentGUIRawErrorMessage(error)?.trim() === "workspace agent session not found";
+}
 function isSettingsRequireNewSessionErrorCode(code) {
   return code === AGENT_SETTINGS_REQUIRE_NEW_SESSION_ERROR;
 }
@@ -6767,7 +7012,7 @@ 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);
+  ) && left.status === right.status && left.cwd === right.cwd && left.pinnedAtUnixMs === right.pinnedAtUnixMs && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.hasUnreadCompletion === right.hasUnreadCompletion && left.unreadCompletionKey === right.unreadCompletionKey && 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);
@@ -6820,10 +7065,58 @@ function sessionHasRenderableMessages(input) {
   const sessionView = getAgentSessionView(
     input.sessionViewRef(normalizedAgentSessionId)
   );
-  if ((sessionView?.overlayMessages?.length ?? 0) > 0) {
-    return true;
+  return (sessionView?.detailMessages?.length ?? 0) > 0 || (sessionView?.overlayMessages?.length ?? 0) > 0;
+}
+function filterMessagesForDetailWindowOverlay(input) {
+  if (input.localMessages.length === 0) {
+    return [];
+  }
+  if (input.detailMessages.length === 0) {
+    if (input.durableMessages.length <= AGENT_GUI_DETAIL_MESSAGES_PAGE_SIZE) {
+      return [...input.localMessages];
+    }
+    const newestDurableVersion = maxFiniteMessageVersion(input.durableMessages);
+    return input.localMessages.filter((message) => {
+      if (isWorkspaceAgentActivityOptimisticMessage(message)) {
+        return true;
+      }
+      return newestDurableVersion !== null && Number.isFinite(message.version) && message.version >= newestDurableVersion;
+    });
+  }
+  const oldestDetailVersion = minFiniteMessageVersion(input.detailMessages);
+  const newestDetailVersion = maxFiniteMessageVersion(input.detailMessages);
+  return input.localMessages.filter((message) => {
+    if (isWorkspaceAgentActivityOptimisticMessage(message)) {
+      return true;
+    }
+    if (!Number.isFinite(message.version)) {
+      return true;
+    }
+    if (newestDetailVersion !== null && message.version > newestDetailVersion) {
+      return true;
+    }
+    return oldestDetailVersion !== null && message.version >= oldestDetailVersion;
+  });
+}
+function minFiniteMessageVersion(messages) {
+  let result = null;
+  for (const message of messages) {
+    if (!Number.isFinite(message.version)) {
+      continue;
+    }
+    result = result === null ? message.version : Math.min(result, message.version);
+  }
+  return result;
+}
+function maxFiniteMessageVersion(messages) {
+  let result = null;
+  for (const message of messages) {
+    if (!Number.isFinite(message.version)) {
+      continue;
+    }
+    result = result === null ? message.version : Math.max(result, message.version);
   }
-  return (input.snapshotMessagesById[normalizedAgentSessionId]?.length ?? 0) > 0;
+  return result;
 }
 function hasPromptConversationTitle2(conversation) {
   return resolveAgentGUIExplicitConversationTitle(conversation) !== null;
@@ -6864,7 +7157,7 @@ function hasSettledTimelineEvidence(timelineItems) {
   }
   return relevantItems.some((item) => {
     const normalizedStatus = normalizeOptionalWorkspaceAgentStatus({
-      status: item.status ?? stringPayloadValue(item.payload, "status")
+      status: item.status ?? stringPayloadValue2(item.payload, "status")
     })?.kind;
     return item.role === "assistant" || normalizedStatus === "completed" || normalizedStatus === "ready" || normalizedStatus === "failed" || normalizedStatus === "canceled";
   });
@@ -6894,13 +7187,13 @@ function resolveConversationStatusFromTimelineEvidence(input) {
 function hasRejectedApprovalDecision(timelineItems) {
   return timelineItems.some((item) => {
     const payload = item.payload ?? {};
-    const callType = (item.callType ?? stringPayloadValue(payload, "callType") ?? "").trim().toLowerCase();
-    const toolName = (stringPayloadValue(payload, "toolName") ?? "").trim().toLowerCase();
+    const callType = (item.callType ?? stringPayloadValue2(payload, "callType") ?? "").trim().toLowerCase();
+    const toolName = (stringPayloadValue2(payload, "toolName") ?? "").trim().toLowerCase();
     if (callType !== "approval" && toolName !== "approval") {
       return false;
     }
     const status = normalizeOptionalWorkspaceAgentStatus({
-      status: item.status ?? stringPayloadValue(payload, "status")
+      status: item.status ?? stringPayloadValue2(payload, "status")
     })?.kind;
     if (status !== "completed") {
       return false;
@@ -6910,7 +7203,7 @@ function hasRejectedApprovalDecision(timelineItems) {
   });
 }
 function isRejectedApprovalDecision(output) {
-  const selectedId = stringPayloadValue(output ?? void 0, "selectedId");
+  const selectedId = stringPayloadValue2(output ?? void 0, "selectedId");
   if (!selectedId) {
     return false;
   }
@@ -6984,7 +7277,7 @@ function runtimeSessionSyncState(session) {
   }
   return syncState;
 }
-function stringPayloadValue(value, key) {
+function stringPayloadValue2(value, key) {
   const nested = value?.[key];
   return typeof nested === "string" ? nested : void 0;
 }
@@ -7449,6 +7742,39 @@ function conversationStatusFromStatePatch(patch) {
       return null;
   }
 }
+function completionKeyFromStatePatch(agentSessionId, patch) {
+  const turnId = patch.turn?.turnId?.trim() ?? "";
+  if (turnId && isCompletedOutcomeToken(patch.turn?.outcome)) {
+    return `turn:${agentSessionId}:${turnId}:completed`;
+  }
+  return conversationStatusFromStatePatch(patch) === "completed" ? `session:${agentSessionId}:completed` : null;
+}
+function completionKeyFromSessionState(agentSessionId, state) {
+  return conversationStatusFromSessionState(state) === "completed" ? `session:${agentSessionId}:completed` : null;
+}
+function completionKeyFromMessage(message) {
+  const agentSessionId = message.agentSessionId.trim();
+  if (!agentSessionId) {
+    return null;
+  }
+  if ((message.role ?? "").trim().toLowerCase() !== "assistant") {
+    return null;
+  }
+  const kind = (message.kind ?? "").trim().toLowerCase();
+  if (kind !== "message" && kind !== "text") {
+    return null;
+  }
+  const payload = message.payload && typeof message.payload === "object" ? message.payload : {};
+  const status = message.status?.trim().toLowerCase() || (stringPayloadValue2(payload, "status") ?? "").toLowerCase();
+  if (!isCompletedOutcomeToken(status)) {
+    return null;
+  }
+  const subject = message.turnId?.trim() || message.messageId.trim();
+  return subject ? `turn:${agentSessionId}:${subject}:completed` : null;
+}
+function isCompletedOutcomeToken(value) {
+  return value?.trim().toLowerCase() === "completed";
+}
 function hasSessionControlStatePatch(patch) {
   return normalizeOptionalText2(patch.permissionModeId) !== null || patch.settings !== void 0 || patch.runtimeContext !== void 0 || patch.submitAvailability !== void 0 || patch.turn?.submitAvailability !== void 0 || patch.turn?.phase !== void 0;
 }
@@ -7565,7 +7891,7 @@ function conversationStatusFromTimelineItems(timelineItems) {
   }
   for (const item of latestByCallId.values()) {
     const status = normalizeTimelineStatus(
-      item.status ?? stringPayloadValue(item.payload, "status")
+      item.status ?? stringPayloadValue2(item.payload, "status")
     );
     if (status === "working") {
       hasWorking = true;
@@ -7622,7 +7948,8 @@ function messageFromMessageUpdate(update) {
       ...isToolCall && update.title?.trim() ? { title: update.title.trim() } : {}
     },
     ...update.occurredAtUnixMs !== void 0 ? { occurredAtUnixMs: update.occurredAtUnixMs } : {},
-    ...update.startedAtUnixMs !== void 0 ? { startedAtUnixMs: update.startedAtUnixMs } : {}
+    ...update.startedAtUnixMs !== void 0 ? { startedAtUnixMs: update.startedAtUnixMs } : {},
+    ...update.completedAtUnixMs !== void 0 ? { completedAtUnixMs: update.completedAtUnixMs } : {}
   };
 }
 function normalizedPositiveNumber2(value) {
@@ -7729,6 +8056,7 @@ function useAgentGUINodeController({
     setQueuedPromptRetryBlockBySessionId
   ] = useState4({});
   const [interruptingSessionIds, setInterruptingSessionIds] = useState4({});
+  const [pendingInterruptSessionIds, setPendingInterruptSessionIds] = useState4({});
   const [
     suppressedPromptRequestIdsBySessionId,
     setSuppressedPromptRequestIdsBySessionId
@@ -7860,17 +8188,21 @@ function useAgentGUINodeController({
       if (!normalizedAgentSessionId) {
         return EMPTY_AGENT_GUI_MESSAGES;
       }
-      return mergeWorkspaceAgentActivityDurableAndOverlayMessages({
-        durableMessages: agentActivitySnapshot.sessionMessagesById[normalizedAgentSessionId],
-        localMessages: getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.overlayMessages ?? EMPTY_AGENT_GUI_MESSAGES
-      });
+      const sessionView = getAgentSessionView(
+        sessionViewRef(normalizedAgentSessionId)
+      );
+      return mergeWorkspaceAgentMessages(
+        sessionView?.detailMessages ?? EMPTY_AGENT_GUI_MESSAGES,
+        sessionView?.overlayMessages ?? EMPTY_AGENT_GUI_MESSAGES
+      );
     },
-    [agentActivitySnapshot.sessionMessagesById, sessionViewRef]
+    [sessionViewRef]
   );
   const activeMessages = useMemo4(() => {
     return activeConversationId ? resolveSessionMessages(activeConversationId) : activeSessionView?.overlayMessages ?? EMPTY_AGENT_GUI_MESSAGES;
   }, [
     activeConversationId,
+    activeSessionView?.detailMessages,
     activeSessionView?.overlayMessages,
     resolveSessionMessages
   ]);
@@ -8054,6 +8386,7 @@ function useAgentGUINodeController({
     conversations: []
   });
   const selectedConversationMessageLoadSeqRef = useRef4(0);
+  const selectedConversationOlderMessageLoadSeqRef = useRef4(0);
   const selectedConversationPendingMessageLoadIdsRef = useRef4(
     /* @__PURE__ */ new Set()
   );
@@ -8396,6 +8729,9 @@ function useAgentGUINodeController({
       selectedConversationPendingMessageLoadIdsRef.current.add(
         normalizedAgentSessionId
       );
+      resetAgentSessionViewDetailMessages(
+        sessionViewRef(normalizedAgentSessionId)
+      );
       setIsLoadingMessages(true);
       setAgentSessionViewMessagesLoading(
         sessionViewRef(normalizedAgentSessionId),
@@ -8718,12 +9054,30 @@ function useAgentGUINodeController({
         pendingTurnIdBySessionIdRef.current = nextPending;
       }
       const localMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.overlayMessages ?? [];
-      const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
+      const detailMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.detailMessages ?? [];
+      const durableTailMessages = detailMessages.length > 0 ? filterMessagesForDetailWindowOverlay({
+        detailMessages,
+        durableMessages,
+        localMessages: durableMessages
+      }) : [];
+      const baseMessages = detailMessages.length > 0 ? mergeWorkspaceAgentMessages(detailMessages, durableTailMessages) : durableMessages;
+      if (durableTailMessages.length > 0) {
+        mergeAgentSessionViewDetailMessages(
+          sessionViewRef(normalizedAgentSessionId),
+          durableTailMessages
+        );
+      }
+      const windowLocalMessages = filterMessagesForDetailWindowOverlay({
+        detailMessages: baseMessages,
         durableMessages,
         localMessages
       });
+      const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
+        durableMessages: baseMessages,
+        localMessages: windowLocalMessages
+      });
       const mergedMessages = mergeWorkspaceAgentMessages(
-        durableMessages,
+        baseMessages,
         overlayMessages
       );
       const mergedItems = projectAgentGUIMessagesToTimelineItems(mergedMessages);
@@ -8780,6 +9134,10 @@ function useAgentGUINodeController({
       if (!nextStatus && !title) {
         return;
       }
+      const completionKey = completionKeyFromSessionState(
+        agentSessionId,
+        snapshot3
+      );
       patchConversation(agentSessionId, (conversation2) => {
         const timelineItems = projectAgentGUIMessagesToTimelineItems(
           resolveSessionMessages(agentSessionId)
@@ -8807,13 +9165,15 @@ function useAgentGUINodeController({
             snapshotUpdatedAtUnixMs: shouldAdvanceConversationUpdatedAt ? snapshot3.updatedAtUnixMs : void 0,
             source: cause?.source
           }),
-          hasUnreadCompletion: status === "completed" ? conversation2.hasUnreadCompletion ?? false : false
+          hasUnreadCompletion: status === "completed" ? conversation2.hasUnreadCompletion ?? false : false,
+          unreadCompletionKey: status === "completed" ? conversation2.unreadCompletionKey ?? completionKey : null
         };
       });
-      if (nextStatus === "completed" && conversationListQuery) {
+      if (completionKey && conversationListQuery) {
         markAgentGUIConversationCompletionObserved({
           query: conversationListQuery,
-          conversationId: agentSessionId
+          conversationId: agentSessionId,
+          completionKey
         });
       }
       const transient = transientConversationRef.current;
@@ -8844,7 +9204,8 @@ function useAgentGUINodeController({
             snapshotUpdatedAtUnixMs: shouldAdvanceConversationUpdatedAt ? snapshot3.updatedAtUnixMs : void 0,
             source: cause?.source
           }),
-          hasUnreadCompletion: transientStatus === "completed" && activeConversationIdRef.current !== agentSessionId
+          hasUnreadCompletion: transientStatus === "completed" && activeConversationIdRef.current !== agentSessionId,
+          unreadCompletionKey: transientStatus === "completed" ? transient.unreadCompletionKey ?? completionKey : null
         });
       }
     },
@@ -9035,9 +9396,15 @@ function useAgentGUINodeController({
         setIsLoadingMessages(true);
       }
       try {
+        resetAgentSessionViewDetailMessages(
+          sessionViewRef(normalizedAgentSessionId)
+        );
         const page = await agentActivityRuntime.listSessionMessages({
           workspaceId,
-          agentSessionId: normalizedAgentSessionId
+          agentSessionId: normalizedAgentSessionId,
+          cache: false,
+          limit: AGENT_GUI_DETAIL_MESSAGES_PAGE_SIZE,
+          order: "desc"
         });
         if (!isMountedRef.current || activeConversationIdRef.current !== normalizedAgentSessionId || selectedConversationMessageLoadSeqRef.current !== requestId) {
           return;
@@ -9048,24 +9415,38 @@ function useAgentGUINodeController({
         clearSelectedConversationNotFoundRetryWhenInitialLoadsSettled(
           normalizedAgentSessionId
         );
-        const durableMessages = mergeWorkspaceAgentMessages(
-          [],
-          agentActivitySnapshotRef.current.sessionMessagesById[normalizedAgentSessionId] ?? []
-        );
-        const currentOverlayMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.overlayMessages ?? [];
-        const localMessages = mergeWorkspaceAgentMessages(
-          currentOverlayMessages,
+        const currentDetailMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.detailMessages ?? [];
+        const detailMessages = mergeWorkspaceAgentMessages(
+          currentDetailMessages,
           page.messages
         );
+        const currentOverlayMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.overlayMessages ?? [];
+        const windowOverlayMessages = filterMessagesForDetailWindowOverlay({
+          detailMessages,
+          durableMessages: page.messages,
+          localMessages: currentOverlayMessages
+        });
         const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
-          durableMessages,
-          localMessages
+          durableMessages: detailMessages,
+          localMessages: windowOverlayMessages
         });
+        setAgentSessionViewDetailMessages(
+          sessionViewRef(normalizedAgentSessionId),
+          detailMessages,
+          {
+            hasOlderMessages: page.hasMore && page.messages.length > 0,
+            isLoadingOlderMessages: false
+          }
+        );
         setAgentSessionViewOverlayMessages(
           sessionViewRef(normalizedAgentSessionId),
           overlayMessages
         );
-        refreshMessagesFromSnapshot(normalizedAgentSessionId);
+        setAgentSessionViewMessagesLoading(
+          sessionViewRef(normalizedAgentSessionId),
+          false
+        );
+        setIsLoadingMessages(false);
       } catch (error) {
         if (!isMountedRef.current || activeConversationIdRef.current !== normalizedAgentSessionId || selectedConversationMessageLoadSeqRef.current !== requestId) {
           return;
@@ -9095,12 +9476,94 @@ function useAgentGUINodeController({
     [
       agentActivityRuntime,
       clearSelectedConversationNotFoundRetryWhenInitialLoadsSettled,
-      refreshMessagesFromSnapshot,
       scheduleSelectedConversationNotFoundRetry,
       sessionViewRef,
       workspaceId
     ]
   );
+  const loadOlderConversationMessages = useCallback4(
+    async (agentSessionId) => {
+      const normalizedAgentSessionId = (agentSessionId ?? activeConversationIdRef.current ?? "").trim();
+      if (!normalizedAgentSessionId) {
+        return;
+      }
+      const currentView = getAgentSessionView(
+        sessionViewRef(normalizedAgentSessionId)
+      );
+      if (!currentView?.hasOlderMessages || currentView.isLoadingOlderMessages || currentView.oldestLoadedVersion === null || activeConversationIdRef.current !== normalizedAgentSessionId) {
+        return;
+      }
+      const requestId = ++selectedConversationOlderMessageLoadSeqRef.current;
+      setAgentSessionViewOlderMessagesLoading(
+        sessionViewRef(normalizedAgentSessionId),
+        true
+      );
+      try {
+        const page = await agentActivityRuntime.listSessionMessages({
+          workspaceId,
+          agentSessionId: normalizedAgentSessionId,
+          beforeVersion: currentView.oldestLoadedVersion,
+          cache: false,
+          limit: AGENT_GUI_DETAIL_MESSAGES_PAGE_SIZE,
+          order: "desc"
+        });
+        if (!isMountedRef.current || activeConversationIdRef.current !== normalizedAgentSessionId || selectedConversationOlderMessageLoadSeqRef.current !== requestId) {
+          setAgentSessionViewOlderMessagesLoading(
+            sessionViewRef(normalizedAgentSessionId),
+            false
+          );
+          return;
+        }
+        const nextDetailMessages = mergeWorkspaceAgentMessages(
+          currentView.detailMessages,
+          page.messages
+        );
+        const currentOverlayMessages = getAgentSessionView(sessionViewRef(normalizedAgentSessionId))?.overlayMessages ?? [];
+        const windowOverlayMessages = filterMessagesForDetailWindowOverlay({
+          detailMessages: nextDetailMessages,
+          durableMessages: page.messages,
+          localMessages: currentOverlayMessages
+        });
+        const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
+          durableMessages: nextDetailMessages,
+          localMessages: windowOverlayMessages
+        });
+        mergeAgentSessionViewDetailMessages(
+          sessionViewRef(normalizedAgentSessionId),
+          page.messages,
+          {
+            hasOlderMessages: page.hasMore && page.messages.length > 0,
+            isLoadingOlderMessages: false
+          }
+        );
+        setAgentSessionViewOverlayMessages(
+          sessionViewRef(normalizedAgentSessionId),
+          overlayMessages
+        );
+      } catch (error) {
+        if (!isMountedRef.current || activeConversationIdRef.current !== normalizedAgentSessionId || selectedConversationOlderMessageLoadSeqRef.current !== requestId) {
+          setAgentSessionViewOlderMessagesLoading(
+            sessionViewRef(normalizedAgentSessionId),
+            false
+          );
+          return;
+        }
+        reportAgentGUIRuntimeError({
+          agentSessionId: normalizedAgentSessionId,
+          error,
+          phase: "load_session_messages",
+          provider: dataRef.current.provider,
+          runtime: agentActivityRuntime,
+          workspaceId
+        });
+        setAgentSessionViewOlderMessagesLoading(
+          sessionViewRef(normalizedAgentSessionId),
+          false
+        );
+      }
+    },
+    [agentActivityRuntime, sessionViewRef, workspaceId]
+  );
   const reloadSelectedConversation = useCallback4(
     (agentSessionId, options) => {
       if (!agentSessionId) {
@@ -9120,7 +9583,12 @@ function useAgentGUINodeController({
         const hadPendingMessageLoad = selectedConversationPendingMessageLoadIdsRef.current.delete(
           normalizedAgentSessionId
         );
-        if (hadPendingMessageLoad) {
+        const hasRenderableMessages = sessionHasRenderableMessages({
+          agentSessionId: normalizedAgentSessionId,
+          sessionViewRef,
+          snapshotMessagesById: agentActivitySnapshotRef.current.sessionMessagesById
+        });
+        if (hadPendingMessageLoad || !hasRenderableMessages) {
           void loadSelectedConversationMessages(normalizedAgentSessionId);
         } else {
           void refreshMessagesFromSnapshot(normalizedAgentSessionId);
@@ -9356,15 +9824,38 @@ function useAgentGUINodeController({
         return;
       }
       const currentMessages = getAgentSessionView(sessionViewRef(agentSessionId))?.overlayMessages ?? [];
-      const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
-        durableMessages: agentActivitySnapshot.sessionMessagesById[agentSessionId],
+      const currentDetailMessages = getAgentSessionView(sessionViewRef(agentSessionId))?.detailMessages ?? [];
+      const durableSnapshotMessages = agentActivitySnapshot.sessionMessagesById[agentSessionId] ?? [];
+      const detailWindowMessages = filterMessagesForDetailWindowOverlay({
+        detailMessages: currentDetailMessages,
+        durableMessages: durableSnapshotMessages,
+        localMessages: nextMessages
+      });
+      const nextDetailMessages = detailWindowMessages.length > 0 ? mergeWorkspaceAgentMessages(
+        currentDetailMessages,
+        detailWindowMessages
+      ) : currentDetailMessages;
+      if (detailWindowMessages.length > 0) {
+        mergeAgentSessionViewDetailMessages(
+          sessionViewRef(agentSessionId),
+          detailWindowMessages
+        );
+      }
+      const durableMessages = nextDetailMessages.length > 0 ? nextDetailMessages : durableSnapshotMessages;
+      const nextLocalMessages = filterMessagesForDetailWindowOverlay({
+        detailMessages: nextDetailMessages,
+        durableMessages: durableSnapshotMessages,
         localMessages: mergeWorkspaceAgentMessages(
           currentMessages,
           nextMessages
         )
       });
+      const overlayMessages = selectWorkspaceAgentActivityOverlayMessages({
+        durableMessages,
+        localMessages: nextLocalMessages
+      });
       const mergedMessages = mergeWorkspaceAgentMessages(
-        agentActivitySnapshot.sessionMessagesById[agentSessionId] ?? [],
+        durableMessages,
         overlayMessages
       );
       const nextItems = projectAgentGUIMessagesToTimelineItems(nextMessages);
@@ -9397,6 +9888,7 @@ function useAgentGUINodeController({
       }
       const normalizedLastError = patch.lastError?.trim() ?? "";
       const nextStatus = conversationStatusFromStatePatch(patch);
+      const completionKey = completionKeyFromStatePatch(agentSessionId, patch);
       const hasStructuredTurnLifecycle = Boolean(patch.turn?.phase?.trim());
       const hasControlStatePatch = hasSessionControlStatePatch(patch);
       const pendingTurnId = pendingTurnIdBySessionIdRef.current[agentSessionId]?.trim() ?? "";
@@ -9435,7 +9927,7 @@ function useAgentGUINodeController({
         delete nextPending[agentSessionId];
         pendingTurnIdBySessionIdRef.current = nextPending;
       }
-      if (!nextStatus && !patch.title?.trim() && normalizedLastError === "" && !hasControlStatePatch && !clearedPendingSubmittedTurn) {
+      if (!nextStatus && !completionKey && !patch.title?.trim() && normalizedLastError === "" && !hasControlStatePatch && !clearedPendingSubmittedTurn) {
         return;
       }
       if (hasControlStatePatch) {
@@ -9479,19 +9971,22 @@ function useAgentGUINodeController({
           timelineItems
         });
         const hasUnreadCompletion = status === "completed" ? conversation2.hasUnreadCompletion ?? false : false;
-        if (titleFields.title === conversation2.title && titleFields.titleFallback === conversation2.titleFallback && status === conversation2.status && hasUnreadCompletion === conversation2.hasUnreadCompletion && !clearedPendingSubmittedTurn) {
+        if (titleFields.title === conversation2.title && titleFields.titleFallback === conversation2.titleFallback && status === conversation2.status && hasUnreadCompletion === conversation2.hasUnreadCompletion && (!completionKey || conversation2.unreadCompletionKey === completionKey) && !clearedPendingSubmittedTurn) {
           return null;
         }
         return {
           ...titleFields,
           status,
-          hasUnreadCompletion
+          hasUnreadCompletion,
+          unreadCompletionKey: status === "completed" || completionKey ? conversation2.unreadCompletionKey ?? completionKey : null
         };
       });
-      if (nextStatus === "completed" && conversationListQuery) {
+      if (completionKey && conversationListQuery) {
         markAgentGUIConversationCompletionObserved({
           query: conversationListQuery,
-          conversationId: agentSessionId
+          conversationId: agentSessionId,
+          completionKey,
+          allowReadyStatus: nextStatus !== "completed"
         });
       }
       const transient = transientConversationRef.current;
@@ -9511,7 +10006,8 @@ function useAgentGUINodeController({
           ...transient,
           ...transientTitleFields,
           status: transientStatus,
-          hasUnreadCompletion: transientStatus === "completed" && activeConversationIdRef.current !== agentSessionId
+          hasUnreadCompletion: Boolean(completionKey) && activeConversationIdRef.current !== agentSessionId,
+          unreadCompletionKey: transientStatus === "completed" || completionKey ? transient.unreadCompletionKey ?? completionKey : null
         });
       }
     },
@@ -9529,14 +10025,26 @@ function useAgentGUINodeController({
   const handleActivityStreamEvents = useCallback4(
     (events) => {
       const pendingMessagesBySessionId = /* @__PURE__ */ new Map();
+      const pendingCompletionKeysBySessionId = /* @__PURE__ */ new Map();
       const flushPendingMessages = () => {
         for (const [agentSessionId, messages] of pendingMessagesBySessionId) {
+          recordLocalMessages(agentSessionId, messages);
           applyBackgroundTimelineStatusUpdate(
             agentSessionId,
             projectAgentGUIMessagesToTimelineItems(messages)
           );
+          const completionKey = pendingCompletionKeysBySessionId.get(agentSessionId);
+          if (completionKey && conversationListQuery) {
+            markAgentGUIConversationCompletionObserved({
+              query: conversationListQuery,
+              conversationId: agentSessionId,
+              completionKey,
+              allowReadyStatus: true
+            });
+          }
         }
         pendingMessagesBySessionId.clear();
+        pendingCompletionKeysBySessionId.clear();
       };
       for (const event of events) {
         if (event.eventType === "available_commands_update") {
@@ -9548,6 +10056,10 @@ function useAgentGUINodeController({
           if (!agentSessionId) {
             continue;
           }
+          const completionKey = completionKeyFromMessage(message);
+          if (completionKey) {
+            pendingCompletionKeysBySessionId.set(agentSessionId, completionKey);
+          }
           const messages = pendingMessagesBySessionId.get(agentSessionId);
           if (messages) {
             messages.push(message);
@@ -9563,7 +10075,12 @@ function useAgentGUINodeController({
       }
       flushPendingMessages();
     },
-    [applyStatePatch, applyBackgroundTimelineStatusUpdate]
+    [
+      applyStatePatch,
+      applyBackgroundTimelineStatusUpdate,
+      conversationListQuery,
+      recordLocalMessages
+    ]
   );
   const handleBackgroundActivityStreamEvents = useCallback4(
     (events) => {
@@ -9906,12 +10423,10 @@ function useAgentGUINodeController({
         }
         setTransientConversation(conversation2);
         if (conversationListQuery) {
-          if (hasLoadedConversations) {
-            upsertLocalCreatedAgentGUIConversation({
-              query: conversationListQuery,
-              conversation: conversation2
-            });
-          }
+          upsertLocalCreatedAgentGUIConversation({
+            query: conversationListQuery,
+            conversation: conversation2
+          });
           scheduleAgentGUIConversationListProjection(
             conversationListQuery,
             "local-create"
@@ -10811,25 +11326,33 @@ function useAgentGUINodeController({
         void loadSessionState(agentSessionId);
         void syncConversationListProjection(agentSessionId);
       }).catch((error) => {
-        if (isCurrentConversation(agentSessionId)) {
-          reportAgentGUIRuntimeError({
-            agentSessionId,
-            error,
-            phase: "interrupt_current_turn",
-            provider: dataRef.current.provider,
-            runtime: agentActivityRuntime,
-            workspaceId
-          });
-          setSuppressedPromptRequestIdsBySessionId((current) => {
-            if (current[agentSessionId] !== activePendingPrompt?.requestId) {
-              return current;
-            }
-            const next = { ...current };
-            delete next[agentSessionId];
-            return next;
-          });
-          setDetailError(getAgentGUIErrorMessage(error));
+        if (!isCurrentConversation(agentSessionId)) {
+          return;
         }
+        if (isAgentSessionNotReadyError(error)) {
+          setPendingInterruptSessionIds((current) => ({
+            ...current,
+            [agentSessionId]: true
+          }));
+          return;
+        }
+        reportAgentGUIRuntimeError({
+          agentSessionId,
+          error,
+          phase: "interrupt_current_turn",
+          provider: dataRef.current.provider,
+          runtime: agentActivityRuntime,
+          workspaceId
+        });
+        setSuppressedPromptRequestIdsBySessionId((current) => {
+          if (current[agentSessionId] !== activePendingPrompt?.requestId) {
+            return current;
+          }
+          const next = { ...current };
+          delete next[agentSessionId];
+          return next;
+        });
+        setDetailError(getAgentGUIErrorMessage(error));
       }).finally(() => {
         setInterruptingSessionIds((current) => {
           if (!current[agentSessionId]) {
@@ -10854,6 +11377,43 @@ function useAgentGUINodeController({
       agentActivityRuntime
     ]
   );
+  useEffect4(() => {
+    const agentSessionId = activeConversationId;
+    if (!agentSessionId || !pendingInterruptSessionIds[agentSessionId]) {
+      return;
+    }
+    const status = agentActivityDisplayStatuses.get(agentSessionId) ?? null;
+    const action = pendingInterruptActionForDisplayStatus(status);
+    if (action === "wait") {
+      return;
+    }
+    setPendingInterruptSessionIds((current) => {
+      if (!current[agentSessionId]) {
+        return current;
+      }
+      const next = { ...current };
+      delete next[agentSessionId];
+      return next;
+    });
+    if (action === "fire") {
+      interruptCurrentTurn("");
+    }
+  }, [
+    activeConversationId,
+    agentActivityDisplayStatuses,
+    pendingInterruptSessionIds,
+    interruptCurrentTurn
+  ]);
+  useEffect4(() => {
+    const activeId = activeConversationId;
+    setPendingInterruptSessionIds((current) => {
+      const ids = Object.keys(current);
+      if (ids.length === 0 || ids.length === 1 && ids[0] === activeId) {
+        return current;
+      }
+      return activeId && current[activeId] ? { [activeId]: true } : {};
+    });
+  }, [activeConversationId]);
   const updateDraftContent = useCallback4((draftContent2) => {
     const agentSessionId = activeConversationIdRef.current;
     const draftKey = agentSessionId ?? nodeDefaultDraftContentKey(dataRef.current.provider);
@@ -12132,6 +12692,7 @@ function useAgentGUINodeController({
   const pendingApproval = hasProviderSessionNotFoundError || isActivePromptSuppressed ? null : rawPendingApproval;
   const serverInteractivePrompt = hasProviderSessionNotFoundError || isActivePromptSuppressed ? null : rawPendingInteractivePrompt;
   const isInterrupting = activeConversationId !== null && Boolean(interruptingSessionIds[activeConversationId]);
+  const isCancelPending = activeConversationId !== null && Boolean(pendingInterruptSessionIds[activeConversationId]);
   const queuedPrompts = useMemo4(
     () => activeConversationId !== null ? queuedPromptsBySessionId[activeConversationId] ?? [] : [],
     [activeConversationId, queuedPromptsBySessionId]
@@ -12394,6 +12955,9 @@ function useAgentGUINodeController({
   );
   const stableSubmitCompact = useStableControllerEventCallback(submitCompact);
   const stableDismissUsageAlert = useStableControllerEventCallback(dismissUsageAlert);
+  const stableLoadOlderConversationMessages = useStableControllerEventCallback(
+    loadOlderConversationMessages
+  );
   const controllerActions = useMemo4(
     () => ({
       createConversation: stableCreateConversation,
@@ -12401,6 +12965,7 @@ function useAgentGUINodeController({
       submitPrompt: stableSubmitPrompt,
       submitCompact: stableSubmitCompact,
       dismissUsageAlert: stableDismissUsageAlert,
+      loadOlderConversationMessages: stableLoadOlderConversationMessages,
       showPromptImagesUnsupported: stableShowPromptImagesUnsupported,
       submitApprovalOption: stableSubmitApprovalOption,
       submitInteractivePrompt: stableSubmitInteractivePrompt,
@@ -12433,6 +12998,7 @@ function useAgentGUINodeController({
       stableDismissUsageAlert,
       stableEditQueuedPrompt,
       stableInterruptCurrentTurn,
+      stableLoadOlderConversationMessages,
       stableRemoveProject,
       stableRemoveQueuedPrompt,
       stableRequestDeleteConversation,
@@ -12469,9 +13035,12 @@ function useAgentGUINodeController({
         draftContent,
         isLoadingConversations,
         isLoadingMessages,
+        isLoadingOlderMessages: activeSessionView?.isLoadingOlderMessages ?? false,
+        hasOlderMessages: activeSessionView?.hasOlderMessages ?? false,
         isCreatingConversation,
         isSubmitting,
         isInterrupting,
+        isCancelPending,
         isRespondingApproval,
         promptImagesSupported,
         compactSupported,
@@ -12532,8 +13101,11 @@ function useAgentGUINodeController({
       usageAlert,
       dismissUsageAlert,
       isInterrupting,
+      isCancelPending,
       isLoadingConversations,
       isLoadingMessages,
+      activeSessionView?.hasOlderMessages,
+      activeSessionView?.isLoadingOlderMessages,
       isRespondingApproval,
       listError,
       isDeletingConversation,
@@ -12726,7 +13298,7 @@ import {
 } from "react";
 import { useSnapshot } from "valtio";
 import { proxy as proxy2 } from "valtio/vanilla";
-import { ChevronRight as ChevronRight2, ExternalLink, Info, X as X2 } from "lucide-react";
+import { ChevronRight as ChevronRight2, ExternalLink, Info, Wrench, X as X2 } from "lucide-react";
 import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
@@ -12738,12 +13310,13 @@ import {
   TooltipTrigger as TooltipTrigger3,
   NewWorkspaceLinedIcon as NewWorkspaceLinedIcon2,
   ConfirmationDialog,
+  toastVariants,
   cn as cn3
 } from "@tutti-os/ui-system";
 import { WorkspaceUserProjectSelect as WorkspaceUserProjectSelect2 } from "@tutti-os/workspace-user-project/ui";
 import { BareIconButton, ScrollArea } from "@tutti-os/ui-system/components";
 import {
-  EditIcon,
+  CreateChatIcon,
   FolderIcon as FolderIcon2,
   MoreHorizontalIcon
 } from "@tutti-os/ui-system/icons";
@@ -14651,6 +15224,7 @@ var styles3 = {
   providerSetupNotice: "agent-gui-node__provider-setup-notice",
   providerSetupNoticeIcon: "agent-gui-node__provider-setup-notice-icon",
   providerSetupNoticeText: "agent-gui-node__provider-setup-notice-text",
+  providerSetupNoticeAction: "agent-gui-node__provider-setup-notice-action",
   detailHeaderTitle: "agent-gui-node__detail-header-title",
   detailHeaderTitleGroup: "agent-gui-node__detail-header-title-group",
   detail: "agent-gui-node__detail",
@@ -19788,7 +20362,7 @@ function conversationMetaKind(conversation) {
   if (conversation.status === "failed") {
     return "failed";
   }
-  if (conversation.status === "completed" && conversation.hasUnreadCompletion) {
+  if (conversation.hasUnreadCompletion) {
     return "unread-complete";
   }
   return "time";
@@ -19854,6 +20428,7 @@ function AttentionGlyph() {
 import { createRichTextMentionHref as createRichTextMentionHref2 } from "@tutti-os/ui-rich-text/core";
 import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
+var AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX = 240;
 var AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE = 5;
 var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
   width: "100%",
@@ -20123,7 +20698,7 @@ function AgentGUINodeView({
       if (previewMode) {
         return emptyReferencePickResult;
       }
-      if (!workspaceFileReferenceAdapter && !referenceSourceAggregator || !workspaceFileReferenceCopy) {
+      if (!workspaceFileReferenceAdapter && !referenceSourceAggregator) {
         return emptyReferencePickResult;
       }
       const target = entity && referenceSourceAggregator ? resolveMentionReferenceTarget?.(entity) ?? null : referenceSourceAggregator ? resolveWorkspaceReferenceInitialTarget?.({
@@ -20192,7 +20767,6 @@ function AgentGUINodeView({
               workspaceId: viewModel.workspaceId,
               source: handle.source,
               ...handle.groupId?.trim() ? { groupId: handle.groupId.trim() } : {},
-              ...bundleIconUrl ? { icon: bundleIconUrl } : {},
               ...bundle.fileCount > 0 ? { count: String(bundle.fileCount) } : {}
             }
           }),
@@ -20403,6 +20977,9 @@ function AgentGUINodeView({
     "--agent-gui-detail-min-width": `${detailMinWidthPx}px`,
     gridTemplateColumns: conversationRailCollapsed ? "0 minmax(var(--agent-gui-detail-min-width), 1fr)" : "var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)"
   };
+  const openAgentEnvSetup = useCallback10(() => {
+    openAgentEnvPanel({ provider: viewModel.data.provider, focus: null });
+  }, [viewModel.data.provider]);
   const conversationRailStoreState = useMemo10(
     () => ({
       activeConversationId: viewModel.activeConversationId,
@@ -20419,6 +20996,7 @@ function AgentGUINodeView({
       openclawGateway,
       isCollapsed: conversationRailCollapsed,
       onCreateConversation: requestCreateConversation,
+      onOpenAgentEnvSetup: openAgentEnvSetup,
       onRetryOpenclawGateway: retryOpenclawGateway,
       onSelectConversation: selectConversation,
       onToggleConversationPinned: toggleConversationPinned,
@@ -20437,6 +21015,7 @@ function AgentGUINodeView({
       conversationRailCollapsed,
       createConversationDisabled,
       labels,
+      openAgentEnvSetup,
       openConversationWindow,
       openProjectFiles,
       openclawGateway,
@@ -20666,6 +21245,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   const timelineRef = useRef13(null);
   const bottomDockRef = useRef13(null);
   const timelineScrollAnchorRef = useRef13(null);
+  const pendingPrependScrollAnchorRef = useRef13(null);
   const [
     bottomDockDismissedPromptRequestId,
     setBottomDockDismissedPromptRequestId
@@ -20802,16 +21382,20 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       approvalRequired: labels.approvalRequired,
       authRequired: labels.authRequired,
       authLogin: labels.authLogin,
-      activatingSession: labels.activatingSession,
+      // While connecting, if the user already requested a cancel that is waiting
+      // for the session to come up, show "cancelling" instead of "connecting".
+      activatingSession: viewModel.isCancelPending ? labels.cancellingSession : labels.activatingSession,
       retryActivation: labels.retryActivation,
       continueInNewConversation: labels.continueInNewConversation
     }),
     [
       labels.activatingSession,
+      labels.cancellingSession,
       labels.approvalRequired,
       labels.authRequired,
       labels.continueInNewConversation,
-      labels.retryActivation
+      labels.retryActivation,
+      viewModel.isCancelPending
     ]
   );
   const goalBannerLabels = useMemo10(
@@ -21270,10 +21854,25 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       timeline.scrollHeight - timeline.clientHeight
     );
     const anchor = timelineScrollAnchorRef.current;
+    const prependAnchor = pendingPrependScrollAnchorRef.current;
     let nextScrollTop = timeline.scrollTop;
     if (!anchor || anchor.conversationId !== activeConversationId) {
       timeline.scrollTop = maxScrollTop;
       nextScrollTop = maxScrollTop;
+    } else if (prependAnchor?.conversationId === activeConversationId) {
+      const nextScrollHeight = timeline.scrollHeight;
+      const delta = nextScrollHeight - prependAnchor.scrollHeight;
+      nextScrollTop = Math.max(0, prependAnchor.scrollTop + delta);
+      timeline.scrollTop = nextScrollTop;
+      if (viewModel.isLoadingOlderMessages) {
+        pendingPrependScrollAnchorRef.current = {
+          conversationId: activeConversationId,
+          scrollHeight: nextScrollHeight,
+          scrollTop: nextScrollTop
+        };
+      } else {
+        pendingPrependScrollAnchorRef.current = null;
+      }
     } else {
       const distanceFromBottom = anchor.scrollHeight - anchor.scrollTop - anchor.clientHeight;
       if (distanceFromBottom <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
@@ -21290,7 +21889,12 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       scrollTop: nextScrollTop,
       clientHeight: timeline.clientHeight
     };
-  }, [conversation, showTimelineSkeleton, viewModel.activeConversationId]);
+  }, [
+    conversation,
+    showTimelineSkeleton,
+    viewModel.activeConversationId,
+    viewModel.isLoadingOlderMessages
+  ]);
   useLayoutEffect5(() => {
     const timeline = timelineRef.current;
     const bottomDock = bottomDockRef.current;
@@ -21356,13 +21960,26 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         scrollTop: timeline.scrollTop,
         clientHeight: timeline.clientHeight
       };
+      if (viewModel.hasOlderMessages && !viewModel.isLoadingOlderMessages && timeline.scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
+        pendingPrependScrollAnchorRef.current = {
+          conversationId: activeConversationId,
+          scrollHeight: timeline.scrollHeight,
+          scrollTop: timeline.scrollTop
+        };
+        actions.loadOlderConversationMessages();
+      }
     };
     captureScrollAnchor();
     timeline.addEventListener("scroll", captureScrollAnchor, { passive: true });
     return () => {
       timeline.removeEventListener("scroll", captureScrollAnchor);
     };
-  }, [viewModel.activeConversationId]);
+  }, [
+    actions,
+    viewModel.activeConversationId,
+    viewModel.hasOlderMessages,
+    viewModel.isLoadingOlderMessages
+  ]);
   return /* @__PURE__ */ jsxs15("main", { className: AgentGUINode_styles_default.detail, children: [
     /* @__PURE__ */ jsx29(
       AgentGUIDetailHeader,
@@ -21381,20 +21998,28 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     showProviderSetupNotice ? /* @__PURE__ */ jsxs15(
       "div",
       {
-        className: AgentGUINode_styles_default.providerSetupNotice,
+        className: cn3(
+          toastVariants({ variant: "default" }),
+          AgentGUINode_styles_default.providerSetupNotice
+        ),
+        "data-slot": "toast",
         "data-testid": "agent-gui-provider-setup-notice",
         role: "status",
         children: [
+          /* @__PURE__ */ jsx29("span", { className: "inline-flex max-w-full items-center justify-center gap-[6px] text-center text-[13px] font-normal leading-normal", children: /* @__PURE__ */ jsx29("span", { className: "min-w-0 break-words", children: labels.installRequiredPlaceholder }) }),
           /* @__PURE__ */ jsx29(
-            Info,
+            "button",
             {
-              "aria-hidden": "true",
-              className: AgentGUINode_styles_default.providerSetupNoticeIcon,
-              size: 15,
-              strokeWidth: 2
+              type: "button",
+              className: AgentGUINode_styles_default.providerSetupNoticeAction,
+              "data-testid": "agent-gui-provider-setup-notice-action",
+              onClick: () => openAgentEnvPanel({
+                provider: viewModel.data.provider,
+                focus: "detect"
+              }),
+              children: labels.installRequiredAction
             }
-          ),
-          /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.providerSetupNoticeText, children: labels.installRequiredPlaceholder })
+          )
         ]
       }
     ) : null,
@@ -21427,6 +22052,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
           {
             conversation,
             isLoading: showTimelineSkeleton,
+            isLoadingOlderMessages: viewModel.isLoadingOlderMessages,
             loadingLabel: labels.loadingConversation,
             empty: conversationFlowEmpty,
             onLinkAction: stableLinkAction,
@@ -21810,7 +22436,7 @@ function syncAgentGUIConversationRailStore(store, next) {
   Object.assign(store, next);
 }
 function agentGUIConversationRailStoreSnapshotsEqual(current, next) {
-  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;
+  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.onOpenAgentEnvSetup === next.onOpenAgentEnvSetup && 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({
@@ -21899,7 +22525,7 @@ function stabilizeConversationSectionItems(previous, next) {
   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);
+  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 && left.unreadCompletionKey === right.unreadCompletionKey && 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);
@@ -21925,6 +22551,7 @@ var AgentGUIConversationRailPane = memo(
     openclawGateway,
     isCollapsed,
     onCreateConversation,
+    onOpenAgentEnvSetup,
     onRetryOpenclawGateway,
     onSelectConversation,
     onToggleConversationPinned,
@@ -22053,12 +22680,13 @@ var AgentGUIConversationRailPane = memo(
               {
                 type: "button",
                 variant: "secondary",
+                size: "dialog",
                 className: AgentGUINode_styles_default.newConversationIconButton,
                 title: labels.newConversation,
                 disabled: createConversationDisabled,
                 onClick: () => onCreateConversation(),
                 children: [
-                  /* @__PURE__ */ jsx29(EditIcon, { "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx29(CreateChatIcon, { "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx29("span", { children: labels.newConversation })
                 ]
               }
@@ -22148,6 +22776,21 @@ var AgentGUIConversationRailPane = memo(
               })
             }
           ),
+          /* @__PURE__ */ jsx29("div", { className: "shrink-0 border-t border-[var(--border-1)] px-2 py-1.5", children: /* @__PURE__ */ jsxs15(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              className: "flex w-full items-center justify-start gap-2 text-[13px] text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
+              title: labels.agentEnvSetup,
+              disabled: previewMode,
+              onClick: () => onOpenAgentEnvSetup(),
+              children: [
+                /* @__PURE__ */ jsx29(Wrench, { "aria-hidden": "true", size: 16, strokeWidth: 1.8 }),
+                /* @__PURE__ */ jsx29("span", { children: labels.agentEnvSetup })
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsx29(
             ConfirmationDialog,
             {
@@ -22283,34 +22926,65 @@ var AgentGUIConversationRailSection = memo(
               }
             ) : /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationSectionToggle, children: /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.conversationSectionLabel, children: /* @__PURE__ */ jsx29("span", { children: section.label }) }) }),
             canCreateConversationFromSection ? /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionActions, children: [
-              /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap, children: [
-                /* @__PURE__ */ jsx29(
-                  BareIconButton,
+              previewMode ? /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap, children: /* @__PURE__ */ jsx29(
+                BareIconButton,
+                {
+                  className: AgentGUINode_styles_default.conversationSectionMoreButton,
+                  "aria-label": createConversationLabel,
+                  size: "sm",
+                  disabled: createConversationDisabled,
+                  onClick: handleCreateConversation,
+                  children: /* @__PURE__ */ jsx29(CreateChatIcon, { "aria-hidden": "true" })
+                }
+              ) }) : /* @__PURE__ */ jsxs15(Tooltip3, { children: [
+                /* @__PURE__ */ jsx29(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx29(
+                  "span",
                   {
-                    className: AgentGUINode_styles_default.conversationSectionMoreButton,
-                    "aria-label": createConversationLabel,
-                    size: "sm",
-                    disabled: createConversationDisabled,
-                    onClick: handleCreateConversation,
-                    children: /* @__PURE__ */ jsx29(EditIcon, { "aria-hidden": "true" })
+                    className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap,
+                    children: /* @__PURE__ */ jsx29(
+                      BareIconButton,
+                      {
+                        className: AgentGUINode_styles_default.conversationSectionMoreButton,
+                        "aria-label": createConversationLabel,
+                        size: "sm",
+                        disabled: createConversationDisabled,
+                        onClick: handleCreateConversation,
+                        children: /* @__PURE__ */ jsx29(CreateChatIcon, { "aria-hidden": "true" })
+                      }
+                    )
                   }
-                ),
+                ) }),
                 /* @__PURE__ */ jsx29(
-                  "span",
+                  TooltipContent3,
                   {
-                    "aria-hidden": "true",
+                    side: "right",
+                    sideOffset: 6,
                     className: AgentGUINode_styles_default.conversationSectionActionTooltip,
                     children: createConversationLabel
                   }
                 )
               ] }),
               projectPath ? /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
-                /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+                previewMode ? /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
                   "span",
                   {
                     className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap,
-                    children: [
-                      /* @__PURE__ */ jsx29(
+                    children: /* @__PURE__ */ jsx29(
+                      BareIconButton,
+                      {
+                        className: AgentGUINode_styles_default.conversationSectionMoreButton,
+                        "aria-label": labels.projectSectionMoreActions,
+                        size: "sm",
+                        children: /* @__PURE__ */ jsx29(MoreHorizontalIcon, { "aria-hidden": "true" })
+                      }
+                    )
+                  }
+                ) }) : /* @__PURE__ */ jsxs15(Tooltip3, { children: [
+                  /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(TooltipTrigger3, { asChild: true, children: /* @__PURE__ */ jsx29(
+                    "span",
+                    {
+                      className: AgentGUINode_styles_default.conversationSectionActionTooltipWrap,
+                      children: /* @__PURE__ */ jsx29(
                         BareIconButton,
                         {
                           className: AgentGUINode_styles_default.conversationSectionMoreButton,
@@ -22318,18 +22992,19 @@ var AgentGUIConversationRailSection = memo(
                           size: "sm",
                           children: /* @__PURE__ */ jsx29(MoreHorizontalIcon, { "aria-hidden": "true" })
                         }
-                      ),
-                      /* @__PURE__ */ jsx29(
-                        "span",
-                        {
-                          "aria-hidden": "true",
-                          className: AgentGUINode_styles_default.conversationSectionActionTooltip,
-                          children: labels.projectSectionMoreActions
-                        }
                       )
-                    ]
-                  }
-                ) }),
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsx29(
+                    TooltipContent3,
+                    {
+                      side: "right",
+                      sideOffset: 6,
+                      className: AgentGUINode_styles_default.conversationSectionActionTooltip,
+                      children: labels.projectSectionMoreActions
+                    }
+                  )
+                ] }),
                 /* @__PURE__ */ jsxs15(
                   DropdownMenuContent,
                   {
@@ -22673,6 +23348,7 @@ var AgentGUIConversationTimelinePane = memo(
   function AgentGUIConversationTimelinePane2({
     conversation,
     isLoading,
+    isLoadingOlderMessages,
     loadingLabel,
     empty,
     onLinkAction,
@@ -22683,21 +23359,32 @@ var AgentGUIConversationTimelinePane = memo(
     labels
   }) {
     "use memo";
-    return /* @__PURE__ */ jsx29(
-      AgentConversationFlow,
-      {
-        conversation,
-        isLoading,
-        loadingLabel,
-        empty,
-        onLinkAction,
-        onAuthLogin,
-        availableSkills,
-        workspaceAppIcons,
-        previewMode,
-        labels
-      }
-    );
+    return /* @__PURE__ */ jsxs15(Fragment8, { children: [
+      isLoadingOlderMessages && !isLoading ? /* @__PURE__ */ jsx29(
+        "div",
+        {
+          className: "mx-auto flex h-8 items-center justify-center text-[12px] text-[var(--text-secondary)]",
+          "data-testid": "agent-gui-older-messages-loading",
+          role: "status",
+          children: /* @__PURE__ */ jsx29("span", { className: "tsh-inline-loading-ellipsis", children: loadingLabel })
+        }
+      ) : null,
+      /* @__PURE__ */ jsx29(
+        AgentConversationFlow,
+        {
+          conversation,
+          isLoading,
+          loadingLabel,
+          empty,
+          onLinkAction,
+          onAuthLogin,
+          availableSkills,
+          workspaceAppIcons,
+          previewMode,
+          labels
+        }
+      )
+    ] });
   }
 );
 function setTimelineScrollTopInstantly(element, top) {
@@ -23603,6 +24290,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
           provider: displayProviderLabel
         }
       ),
+      installRequiredAction: t("agentHost.agentGui.installRequiredAction"),
       collaboratorSessionReadOnlyPlaceholder: t(
         "agentHost.agentGui.collaboratorSessionReadOnlyPlaceholder"
       ),
@@ -23718,6 +24406,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       emptyProvider: displayProviderLabel,
       conversations: t("agentHost.agentGui.conversations"),
       newConversation: t("agentHost.agentGui.newConversation"),
+      agentEnvSetup: t("agentHost.agentGui.agentEnvSetup"),
       noConversations: t("agentHost.agentGui.noConversations"),
       emptyProjectConversations: t(
         "agentHost.agentGui.emptyProjectConversations"
@@ -23773,6 +24462,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       authRequired: t("agentHost.agentGui.authRequired"),
       authLogin: t("agentHost.agentGui.authLogin"),
       activatingSession: t("agentHost.agentGui.activatingSession"),
+      cancellingSession: t("agentHost.agentGui.cancellingSession"),
       retryActivation: t("agentHost.agentGui.retryActivation"),
       continueInNewConversation: t(
         "agentHost.agentGui.continueInNewConversation"
@@ -24031,9 +24721,12 @@ var AgentGUINode = memo2(function AgentGUINode2({
     if (!managedAgent) {
       return true;
     }
+    if (!managedAgentsState) {
+      return true;
+    }
     return resolveAgentHostManagedToolchainAgentAction(
       managedAgent,
-      managedAgentsState ?? null
+      managedAgentsState
     ) === "installed";
   }, [activeProbeProvider, managedAgentsState]);
   const runtimeSlashStatusQuotas = useMemo11(