@tutti-os/agent-gui 0.0.33 → 0.0.35

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-RDCBACWR.js";
+} from "./chunk-JYH2ITNL.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-GSZPMKFW.js";
+} from "./chunk-O56P2KSZ.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-AFTAFV2C.js";
+} from "./chunk-CMXRLF64.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -50,23 +51,24 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-ERRANBGS.js";
+} from "./chunk-U3D7YI47.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
   createWorkspaceAgentActivityUserMessageIdFromClientSubmitId,
+  isWorkspaceAgentActivityOptimisticMessage,
   isWorkspaceAgentActivityRuntimeSessionOrigin,
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-OOQIJXCA.js";
+} from "./chunk-UN4XGHLQ.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-WPWZKKKV.js";
+} from "./chunk-3LEUGNCT.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -77,7 +79,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-A4KUAXE5.js";
+} from "./chunk-VPC55T7P.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-KFMD33UD.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";
 
@@ -6220,41 +6454,11 @@ function nodeDataFromComposerSettings(current, settings) {
   };
 }
 
-// agent-gui/agentGuiNode/model/agentUsageThresholds.ts
-var USAGE_WARN_PERCENT = 80;
-var USAGE_CRITICAL_PERCENT = 95;
-
-// agent-gui/agentGuiNode/model/agentUsageAlerts.ts
-var INITIAL_USAGE_ALERT_STATE = {
-  warned: false,
-  criticaled: false
-};
-function nextUsageAlert(percentUsed, state) {
-  if (percentUsed === null) {
-    return { fire: null, state };
-  }
-  if (percentUsed >= USAGE_CRITICAL_PERCENT) {
-    if (state.criticaled) {
-      return { fire: null, state };
-    }
-    return { fire: "critical", state: { warned: true, criticaled: true } };
-  }
-  if (percentUsed >= USAGE_WARN_PERCENT) {
-    if (state.warned) {
-      return { fire: null, state };
-    }
-    return { fire: "warn", state: { ...state, warned: true } };
-  }
-  if (state.warned || state.criticaled) {
-    return { fire: null, state: INITIAL_USAGE_ALERT_STATE };
-  }
-  return { fire: null, state };
-}
-
 // agent-gui/agentGuiNode/controller/useAgentGUINodeController.ts
 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 +6780,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 +6981,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 +7034,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 +7126,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 +7156,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 +7172,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 +7246,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;
 }
@@ -7386,6 +7648,23 @@ function removeQueuedPromptById(queue, queuedPromptId) {
 }
 var NODE_DEFAULT_DRAFT_KEY = "__agent_gui_node_defaults__";
 var EMPTY_AGENT_COMPOSER_DRAFT = emptyAgentComposerDraft();
+function areAgentComposerDraftsEqual(left, right) {
+  const leftFiles = left.files ?? [];
+  const rightFiles = right.files ?? [];
+  return left.prompt === right.prompt && left.images.length === right.images.length && left.images.every((image, index) => {
+    const other = right.images[index];
+    if (!other) {
+      return false;
+    }
+    return image.id === other.id && image.name === other.name && image.mimeType === other.mimeType && image.data === other.data && image.path === other.path && image.previewUrl === other.previewUrl && image.uploading === other.uploading && image.uploadError === other.uploadError;
+  }) && leftFiles.length === rightFiles.length && leftFiles.every((file, index) => {
+    const other = rightFiles[index];
+    if (!other) {
+      return false;
+    }
+    return file.id === other.id && file.name === other.name && file.mimeType === other.mimeType && file.path === other.path && file.hostPath === other.hostPath && file.assetId === other.assetId && file.sizeBytes === other.sizeBytes && file.uploading === other.uploading && file.uploadError === other.uploadError;
+  });
+}
 function nodeDefaultDraftKey(agentProvider) {
   return `${NODE_DEFAULT_DRAFT_KEY}:${agentProvider}`;
 }
@@ -7449,6 +7728,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 +7877,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 +7934,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) {
@@ -7700,6 +8013,7 @@ function useAgentGUINodeController({
     data.lastActiveAgentSessionId === null
   );
   const [draftBySessionId, setDraftBySessionId] = useState4({});
+  const draftBySessionIdRef = useRef4(draftBySessionId);
   const [draftSettingsBySessionId, setDraftSettingsBySessionId] = useState4({});
   const [queuedPromptsBySessionId, setQueuedPromptsBySessionId] = useState4({});
   const hasLoadedConversations = conversationListState?.initialized ?? false;
@@ -7729,6 +8043,7 @@ function useAgentGUINodeController({
     setQueuedPromptRetryBlockBySessionId
   ] = useState4({});
   const [interruptingSessionIds, setInterruptingSessionIds] = useState4({});
+  const [pendingInterruptSessionIds, setPendingInterruptSessionIds] = useState4({});
   const [
     suppressedPromptRequestIdsBySessionId,
     setSuppressedPromptRequestIdsBySessionId
@@ -7795,53 +8110,8 @@ function useAgentGUINodeController({
     }),
     [activeSessionRuntimeContext]
   );
-  const usageAlertStateBySessionIdRef = useRef4(
-    {}
-  );
-  const [usageAlertBySessionId, setUsageAlertBySessionId] = useState4({});
   const [dismissedPlanTurnIdBySessionId, setDismissedPlanTurnIdBySessionId] = useState4({});
   const planImplementationTurnIdRef = useRef4(null);
-  const usagePercentUsed = usage?.percentUsed ?? null;
-  useEffect4(() => {
-    const agentSessionId = activeConversationId;
-    if (!agentSessionId) {
-      return;
-    }
-    const previousState = usageAlertStateBySessionIdRef.current[agentSessionId] ?? INITIAL_USAGE_ALERT_STATE;
-    const { fire, state } = nextUsageAlert(usagePercentUsed, previousState);
-    usageAlertStateBySessionIdRef.current[agentSessionId] = state;
-    if (fire) {
-      setUsageAlertBySessionId(
-        (current) => current[agentSessionId] === fire ? current : { ...current, [agentSessionId]: fire }
-      );
-      return;
-    }
-    if (!state.warned && !state.criticaled) {
-      setUsageAlertBySessionId((current) => {
-        if (!(agentSessionId in current)) {
-          return current;
-        }
-        const next = { ...current };
-        delete next[agentSessionId];
-        return next;
-      });
-    }
-  }, [activeConversationId, usagePercentUsed]);
-  const usageAlert = activeConversationId ? usageAlertBySessionId[activeConversationId] ?? null : null;
-  const dismissUsageAlert = useCallback4(() => {
-    const agentSessionId = activeConversationId;
-    if (!agentSessionId) {
-      return;
-    }
-    setUsageAlertBySessionId((current) => {
-      if (!(agentSessionId in current)) {
-        return current;
-      }
-      const next = { ...current };
-      delete next[agentSessionId];
-      return next;
-    });
-  }, [activeConversationId]);
   const dismissPlanImplementation = useCallback4(() => {
     const agentSessionId = activeConversationIdRef.current;
     const planTurnId = planImplementationTurnIdRef.current;
@@ -7860,17 +8130,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 +8328,7 @@ function useAgentGUINodeController({
     conversations: []
   });
   const selectedConversationMessageLoadSeqRef = useRef4(0);
+  const selectedConversationOlderMessageLoadSeqRef = useRef4(0);
   const selectedConversationPendingMessageLoadIdsRef = useRef4(
     /* @__PURE__ */ new Set()
   );
@@ -8277,6 +8552,9 @@ function useAgentGUINodeController({
   useEffect4(() => {
     onShowMessageRef.current = onShowMessage;
   }, [onShowMessage]);
+  useEffect4(() => {
+    draftBySessionIdRef.current = draftBySessionId;
+  }, [draftBySessionId]);
   useEffect4(() => {
     draftSettingsBySessionIdRef.current = draftSettingsBySessionId;
   }, [draftSettingsBySessionId]);
@@ -8396,6 +8674,9 @@ function useAgentGUINodeController({
       selectedConversationPendingMessageLoadIdsRef.current.add(
         normalizedAgentSessionId
       );
+      resetAgentSessionViewDetailMessages(
+        sessionViewRef(normalizedAgentSessionId)
+      );
       setIsLoadingMessages(true);
       setAgentSessionViewMessagesLoading(
         sessionViewRef(normalizedAgentSessionId),
@@ -8718,12 +8999,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 +9079,10 @@ function useAgentGUINodeController({
       if (!nextStatus && !title) {
         return;
       }
+      const completionKey = completionKeyFromSessionState(
+        agentSessionId,
+        snapshot3
+      );
       patchConversation(agentSessionId, (conversation2) => {
         const timelineItems = projectAgentGUIMessagesToTimelineItems(
           resolveSessionMessages(agentSessionId)
@@ -8807,13 +9110,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 +9149,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 +9341,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 +9360,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 +9421,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 +9528,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 +9769,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 +9833,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 +9872,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 +9916,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 +9951,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 +9970,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 +10001,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 +10020,12 @@ function useAgentGUINodeController({
       }
       flushPendingMessages();
     },
-    [applyStatePatch, applyBackgroundTimelineStatusUpdate]
+    [
+      applyStatePatch,
+      applyBackgroundTimelineStatusUpdate,
+      conversationListQuery,
+      recordLocalMessages
+    ]
   );
   const handleBackgroundActivityStreamEvents = useCallback4(
     (events) => {
@@ -9678,10 +10140,13 @@ function useAgentGUINodeController({
       const initialDisplayPrompt = displayPrompt && displayPrompt.trim() ? displayPrompt : void 0;
       const normalizedInitialPrompt = initialDisplayPrompt ?? agentPromptContentDisplayText(normalizedInitialContent);
       const initialConversationTitle = normalizedInitialPrompt || AGENT_PROVIDER_LABEL[data.provider];
+      const submittedHomeDraftKey = nodeDefaultDraftContentKey(data.provider);
+      const submittedHomeDraft = draftBySessionIdRef.current[submittedHomeDraftKey] ?? EMPTY_AGENT_COMPOSER_DRAFT;
       isCreatingConversationRef.current = true;
       setLocalIsCreatingConversation(true);
       setDetailError(null);
       let pendingCreateAgentSessionId = null;
+      let pendingOptimisticConversation = null;
       void (async () => {
         const provider = data.provider;
         const currentData = dataRef.current.provider === provider ? dataRef.current : data;
@@ -9752,48 +10217,7 @@ function useAgentGUINodeController({
           sortTimeUnixMs: createdAtUnixMs,
           updatedAtUnixMs: createdAtUnixMs
         };
-        setTransientConversation(optimisticConversation);
-        isComposerHomeRef.current = false;
-        setIsComposerHome(false);
-        activeConversationIdRef.current = agentSessionId;
-        setActiveConversationId(agentSessionId);
-        setIntent({ tag: "active", id: agentSessionId });
-        persistActiveConversation(agentSessionId);
-        setAgentSessionViewMessagesLoading(
-          sessionViewRef(agentSessionId),
-          true
-        );
-        reportAgentSubmitTraceDiagnostic({
-          event: "optimistic_state_applied",
-          runtime: agentActivityRuntime,
-          trace: submitTrace,
-          workspaceId,
-          fields: { mode: "new" }
-        });
-        recordLocalMessages(agentSessionId, [
-          createOptimisticPromptMessage({
-            workspaceId,
-            agentSessionId,
-            turnId: createPendingOptimisticTurnId(submitTrace.clientSubmitId),
-            clientSubmitId: submitTrace.clientSubmitId,
-            userId: currentUserId?.trim() || "user",
-            prompt: normalizedInitialPrompt,
-            content: [...normalizedInitialContent],
-            occurredAtUnixMs: createdAtUnixMs
-          })
-        ]);
-        reportAgentSubmitTraceDiagnostic({
-          event: "optimistic_user_message_recorded",
-          runtime: agentActivityRuntime,
-          trace: submitTrace,
-          workspaceId,
-          fields: { mode: "new" }
-        });
-        scheduleAgentSubmitTracePaint({
-          runtime: agentActivityRuntime,
-          trace: submitTrace,
-          workspaceId
-        });
+        pendingOptimisticConversation = optimisticConversation;
         if (conversationListQuery) {
           markAgentGUIConversationCreatePending({
             query: conversationListQuery,
@@ -9808,14 +10232,8 @@ function useAgentGUINodeController({
         };
         setDraftSettingsBySessionId((current) => ({
           ...current,
-          [agentSessionId]: effectiveInitialSettings
-        }));
-        setDraftBySessionId((current) => ({
-          ...current,
-          [nodeDefaultDraftContentKey(dataRef.current.provider)]: emptyAgentComposerDraft(),
-          [agentSessionId]: emptyAgentComposerDraft()
+          [agentSessionId]: effectiveInitialSettings
         }));
-        setIsLoadingMessages(true);
         reportAgentSubmitTraceDiagnostic({
           event: "activation.requested",
           runtime: agentActivityRuntime,
@@ -9860,6 +10278,7 @@ function useAgentGUINodeController({
             }
           });
         }
+        const activationFailed = result.activation.status === "failed" || result.session.status === "failed";
         if (conversationListQuery) {
           clearAgentGUIConversationCreatePending({
             query: conversationListQuery,
@@ -9867,6 +10286,23 @@ function useAgentGUINodeController({
             conversationId: agentSessionId
           });
         }
+        if (activationFailed) {
+          failedNewConversationIdsRef.current.add(agentSessionId);
+          if (startingConversationIdRef.current === agentSessionId) {
+            startingConversationIdRef.current = null;
+          }
+          if (isMountedRef.current && activeConversationIdRef.current === null && isComposerHomeRef.current) {
+            setIsLoadingMessages(false);
+            setAgentSessionViewMessagesLoading(
+              sessionViewRef(agentSessionId),
+              false
+            );
+            setDetailError(
+              result.error?.message?.trim() || "Session activation failed."
+            );
+          }
+          return;
+        }
         const projectedConversation = conversationSummaryFromAgentSession(
           result.session,
           {
@@ -9874,66 +10310,102 @@ function useAgentGUINodeController({
             userProjects: userProjectsRef.current
           }
         );
-        const optimisticSortTimeUnixMs = transientConversationRef.current?.id === agentSessionId ? transientConversationRef.current.sortTimeUnixMs : void 0;
         const conversation2 = {
           ...projectedConversation,
           sortTimeUnixMs: Math.max(
             projectedConversation.sortTimeUnixMs ?? 0,
-            optimisticSortTimeUnixMs ?? 0
+            pendingOptimisticConversation?.sortTimeUnixMs ?? 0
           )
         };
         failedNewConversationIdsRef.current.delete(conversation2.id);
-        if (startingConversationIdRef.current === agentSessionId) {
-          startingConversationIdRef.current = null;
-        }
+        const isPendingCreatedConversation = startingConversationIdRef.current === agentSessionId;
         if (!isMountedRef.current) {
           void activation.unactivate(conversation2.id);
-          if (transientConversationRef.current?.id === agentSessionId) {
-            setTransientConversation(null);
+          if (isPendingCreatedConversation) {
+            startingConversationIdRef.current = null;
           }
           return;
         }
-        const shouldAttachCreatedConversation = activeConversationIdRef.current === null && isComposerHomeRef.current;
+        const shouldAttachCreatedConversation = activeConversationIdRef.current === null && isComposerHomeRef.current && isPendingCreatedConversation;
         if (!shouldAttachCreatedConversation && unactivateIfStale(conversation2.id)) {
-          if (transientConversationRef.current?.id === agentSessionId) {
-            setTransientConversation(null);
+          if (isPendingCreatedConversation) {
+            startingConversationIdRef.current = null;
           }
           return;
         }
-        const activationFailed = result.activation.status === "failed" || result.session.status === "failed";
-        if (!activationFailed) {
-          activatedConversationIdsRef.current.add(conversation2.id);
+        if (isPendingCreatedConversation) {
+          startingConversationIdRef.current = null;
         }
+        activatedConversationIdsRef.current.add(conversation2.id);
         setTransientConversation(conversation2);
         if (conversationListQuery) {
-          if (hasLoadedConversations) {
-            upsertLocalCreatedAgentGUIConversation({
-              query: conversationListQuery,
-              conversation: conversation2
-            });
-          }
+          upsertLocalCreatedAgentGUIConversation({
+            query: conversationListQuery,
+            conversation: conversation2
+          });
           scheduleAgentGUIConversationListProjection(
             conversationListQuery,
             "local-create"
           );
         }
+        setAgentSessionViewMessagesLoading(
+          sessionViewRef(conversation2.id),
+          true
+        );
+        if (submitTrace) {
+          reportAgentSubmitTraceDiagnostic({
+            event: "optimistic_state_applied",
+            runtime: agentActivityRuntime,
+            trace: submitTrace,
+            workspaceId,
+            fields: { mode: "new" }
+          });
+          recordLocalMessages(conversation2.id, [
+            createOptimisticPromptMessage({
+              workspaceId,
+              agentSessionId: conversation2.id,
+              turnId: createPendingOptimisticTurnId(
+                submitTrace.clientSubmitId
+              ),
+              clientSubmitId: submitTrace.clientSubmitId,
+              userId: currentUserId?.trim() || "user",
+              prompt: normalizedInitialPrompt,
+              content: [...normalizedInitialContent],
+              occurredAtUnixMs: pendingOptimisticConversation?.sortTimeUnixMs ?? Date.now()
+            })
+          ]);
+          reportAgentSubmitTraceDiagnostic({
+            event: "optimistic_user_message_recorded",
+            runtime: agentActivityRuntime,
+            trace: submitTrace,
+            workspaceId,
+            fields: { mode: "new" }
+          });
+          scheduleAgentSubmitTracePaint({
+            runtime: agentActivityRuntime,
+            trace: submitTrace,
+            workspaceId
+          });
+        }
         isComposerHomeRef.current = false;
         setIsComposerHome(false);
         activeConversationIdRef.current = conversation2.id;
         setActiveConversationId(conversation2.id);
-        setDraftBySessionId((current) => ({
-          ...current,
-          [nodeDefaultDraftContentKey(dataRef.current.provider)]: emptyAgentComposerDraft(),
-          [conversation2.id]: emptyAgentComposerDraft()
-        }));
+        setIntent({ tag: "active", id: conversation2.id });
+        setDraftBySessionId((current) => {
+          const currentHomeDraft = current[submittedHomeDraftKey] ?? EMPTY_AGENT_COMPOSER_DRAFT;
+          const shouldClearHomeDraft = areAgentComposerDraftsEqual(
+            currentHomeDraft,
+            submittedHomeDraft
+          );
+          return {
+            ...current,
+            ...shouldClearHomeDraft ? { [submittedHomeDraftKey]: emptyAgentComposerDraft() } : {},
+            [conversation2.id]: emptyAgentComposerDraft()
+          };
+        });
         persistActiveConversation(conversation2.id);
-        if (activationFailed) {
-          failedNewConversationIdsRef.current.add(conversation2.id);
-          setIsLoadingMessages(false);
-          void refreshMessagesFromSnapshot(conversation2.id);
-          void syncConversationListProjection(conversation2.id);
-          return;
-        }
+        setIsLoadingMessages(true);
         void refreshMessagesFromSnapshot(conversation2.id);
         void loadSessionState(conversation2.id);
         void syncConversationListProjection(conversation2.id);
@@ -9946,7 +10418,7 @@ function useAgentGUINodeController({
             conversationId: pendingCreateAgentSessionId ?? agentSessionId
           });
         }
-        const shouldShowFailedConversation = startingConversationIdRef.current === agentSessionId || activeConversationIdRef.current === null && isComposerHomeRef.current;
+        const shouldShowErrorOnHome = startingConversationIdRef.current === agentSessionId || activeConversationIdRef.current === null && isComposerHomeRef.current;
         const submitTrace = submitTraceBySessionIdRef.current[agentSessionId];
         if (submitTrace) {
           const nextTraces = { ...submitTraceBySessionIdRef.current };
@@ -9963,7 +10435,7 @@ function useAgentGUINodeController({
             }
           });
         }
-        if (!shouldShowFailedConversation && !isCurrentConversation(agentSessionId)) {
+        if (!shouldShowErrorOnHome && !isCurrentConversation(agentSessionId)) {
           setAgentSessionViewMessagesLoading(
             sessionViewRef(agentSessionId),
             false
@@ -9985,36 +10457,13 @@ function useAgentGUINodeController({
           runtime: agentActivityRuntime,
           workspaceId
         });
-        const failedAtUnixMs = Date.now();
-        const failedConversation = {
-          id: agentSessionId,
-          provider: dataRef.current.provider,
-          title: initialConversationTitle,
-          titleFallback: null,
-          cwd: selectedProjectPathRef.current ?? "",
-          project: resolveAgentGUIConversationProject(
-            selectedProjectPathRef.current,
-            userProjectsRef.current,
-            { isNoProjectPath: isNoProjectPathRef.current }
-          ),
-          status: "failed",
-          sortTimeUnixMs: failedAtUnixMs,
-          updatedAtUnixMs: failedAtUnixMs
-        };
         failedNewConversationIdsRef.current.add(agentSessionId);
-        setTransientConversation(failedConversation);
         if (startingConversationIdRef.current === agentSessionId) {
           startingConversationIdRef.current = null;
         }
-        isComposerHomeRef.current = false;
-        setIsComposerHome(false);
-        activeConversationIdRef.current = agentSessionId;
-        setActiveConversationId(agentSessionId);
-        setDraftBySessionId((current) => ({
-          ...current,
-          [nodeDefaultDraftContentKey(dataRef.current.provider)]: emptyAgentComposerDraft(),
-          [agentSessionId]: emptyAgentComposerDraft()
-        }));
+        if (transientConversationRef.current?.id === agentSessionId) {
+          setTransientConversation(null);
+        }
         setIsLoadingMessages(false);
         setAgentSessionViewMessagesLoading(
           sessionViewRef(agentSessionId),
@@ -10655,9 +11104,6 @@ function useAgentGUINodeController({
       startConversation
     ]
   );
-  const submitCompact = useCallback4(() => {
-    submitPrompt(textPromptContent("/compact"));
-  }, [submitPrompt]);
   useEffect4(() => {
     if (previewMode) {
       return;
@@ -10811,25 +11257,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,9 +11308,50 @@ 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);
+    draftBySessionIdRef.current = {
+      ...draftBySessionIdRef.current,
+      [draftKey]: draftContent2
+    };
     setDraftBySessionId((current) => ({
       ...current,
       [draftKey]: draftContent2
@@ -12132,6 +12627,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]
@@ -12392,15 +12888,15 @@ function useAgentGUINodeController({
   const stableRetryOpenclawGateway = useStableControllerEventCallback(
     ensureOpenclawGateway
   );
-  const stableSubmitCompact = useStableControllerEventCallback(submitCompact);
-  const stableDismissUsageAlert = useStableControllerEventCallback(dismissUsageAlert);
+  const stableLoadOlderConversationMessages = useStableControllerEventCallback(
+    loadOlderConversationMessages
+  );
   const controllerActions = useMemo4(
     () => ({
       createConversation: stableCreateConversation,
       selectConversation: stableSelectConversation,
       submitPrompt: stableSubmitPrompt,
-      submitCompact: stableSubmitCompact,
-      dismissUsageAlert: stableDismissUsageAlert,
+      loadOlderConversationMessages: stableLoadOlderConversationMessages,
       showPromptImagesUnsupported: stableShowPromptImagesUnsupported,
       submitApprovalOption: stableSubmitApprovalOption,
       submitInteractivePrompt: stableSubmitInteractivePrompt,
@@ -12430,9 +12926,9 @@ function useAgentGUINodeController({
       stableConfirmDeleteProjectConversations,
       stableContinueInNewConversation,
       stableCreateConversation,
-      stableDismissUsageAlert,
       stableEditQueuedPrompt,
       stableInterruptCurrentTurn,
+      stableLoadOlderConversationMessages,
       stableRemoveProject,
       stableRemoveQueuedPrompt,
       stableRequestDeleteConversation,
@@ -12443,7 +12939,6 @@ function useAgentGUINodeController({
       stableSendQueuedPromptNext,
       stableShowPromptImagesUnsupported,
       stableSubmitApprovalOption,
-      stableSubmitCompact,
       stableSubmitInteractivePrompt,
       stableSubmitPrompt,
       stableToggleConversationPinned,
@@ -12469,14 +12964,16 @@ function useAgentGUINodeController({
         draftContent,
         isLoadingConversations,
         isLoadingMessages,
+        isLoadingOlderMessages: activeSessionView?.isLoadingOlderMessages ?? false,
+        hasOlderMessages: activeSessionView?.hasOlderMessages ?? false,
         isCreatingConversation,
         isSubmitting,
         isInterrupting,
+        isCancelPending,
         isRespondingApproval,
         promptImagesSupported,
         compactSupported,
         usage,
-        usageAlert,
         listError,
         isDeletingConversation,
         isDeletingProjectConversations,
@@ -12529,11 +13026,12 @@ function useAgentGUINodeController({
       promptImagesSupported,
       compactSupported,
       usage,
-      usageAlert,
-      dismissUsageAlert,
       isInterrupting,
+      isCancelPending,
       isLoadingConversations,
       isLoadingMessages,
+      activeSessionView?.hasOlderMessages,
+      activeSessionView?.isLoadingOlderMessages,
       isRespondingApproval,
       listError,
       isDeletingConversation,
@@ -12726,7 +13224,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 } from "lucide-react";
 import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
@@ -12738,12 +13236,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";
@@ -14644,13 +15143,10 @@ var styles3 = {
   conversationUnreadLamp: "agent-gui-node__conversation-unread-lamp",
   detailHeader: "agent-gui-node__detail-header",
   detailHeaderPathInfo: "agent-gui-node__detail-header-path-info",
-  usageAlertBanner: "agent-gui-node__usage-alert-banner",
-  usageAlertMessage: "agent-gui-node__usage-alert-message",
-  usageAlertActions: "agent-gui-node__usage-alert-actions",
-  usageAlertDismiss: "agent-gui-node__usage-alert-dismiss",
   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",
@@ -17350,6 +17846,10 @@ var ComposerFloatingMenuSurface = forwardRef4(function ComposerFloatingMenuSurfa
   );
 });
 
+// agent-gui/agentGuiNode/model/agentUsageThresholds.ts
+var USAGE_WARN_PERCENT = 80;
+var USAGE_CRITICAL_PERCENT = 95;
+
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 function agentUsageChipLevel(percentUsed) {
@@ -19788,7 +20288,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 +20354,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 +20624,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?.({
@@ -20402,6 +20903,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,
@@ -20418,6 +20922,7 @@ function AgentGUINodeView({
       openclawGateway,
       isCollapsed: conversationRailCollapsed,
       onCreateConversation: requestCreateConversation,
+      onOpenAgentEnvSetup: openAgentEnvSetup,
       onRetryOpenclawGateway: retryOpenclawGateway,
       onSelectConversation: selectConversation,
       onToggleConversationPinned: toggleConversationPinned,
@@ -20436,6 +20941,7 @@ function AgentGUINodeView({
       conversationRailCollapsed,
       createConversationDisabled,
       labels,
+      openAgentEnvSetup,
       openConversationWindow,
       openProjectFiles,
       openclawGateway,
@@ -20665,6 +21171,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
@@ -20801,16 +21308,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(
@@ -21060,10 +21571,6 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   const handleInterruptCurrentTurn = useCallback10(() => {
     actions.interruptCurrentTurn(labels.noRunningResponse);
   }, [actions.interruptCurrentTurn, labels.noRunningResponse]);
-  const handleUsageAlertCompact = useCallback10(() => {
-    actions.submitCompact();
-    actions.dismissUsageAlert();
-  }, [actions]);
   const submitApprovalOption = useStableEventCallback2(
     actions.submitApprovalOption
   );
@@ -21269,10 +21776,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) {
@@ -21289,7 +21811,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;
@@ -21355,13 +21882,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,
@@ -21380,20 +21920,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,
@@ -21426,6 +21974,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
           {
             conversation,
             isLoading: showTimelineSkeleton,
+            isLoadingOlderMessages: viewModel.isLoadingOlderMessages,
             loadingLabel: labels.loadingConversation,
             empty: conversationFlowEmpty,
             onLinkAction: stableLinkAction,
@@ -21444,12 +21993,6 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         bottomDockRef,
         bottomDockLiftedPrompt,
         bottomDockReplacementPrompt,
-        usageAlert: viewModel.usageAlert,
-        usagePercent: viewModel.usage?.percentUsed ?? null,
-        usageAlertShowCompactAction: viewModel.compactSupported !== false,
-        usageAlertLabels: labels,
-        onUsageAlertCompact: handleUsageAlertCompact,
-        onUsageAlertDismiss: actions.dismissUsageAlert,
         store: bottomDockStore,
         storeRevision: bottomDockStoreRevision,
         keyboardShortcutsEnabled: isActive,
@@ -21615,57 +22158,6 @@ function EmptyHeroTitle({
     label.slice(providerEnd)
   ] });
 }
-function AgentUsageAlertBanner({
-  tier,
-  percent,
-  showCompactAction,
-  labels,
-  onCompact,
-  onDismiss
-}) {
-  "use memo";
-  const resolvedPercent = percent ?? (tier === "critical" ? USAGE_CRITICAL_PERCENT : USAGE_WARN_PERCENT);
-  const message = tier === "critical" ? labels.usageAlertCriticalMessage({ percent: resolvedPercent }) : labels.usageAlertWarnMessage({ percent: resolvedPercent });
-  return /* @__PURE__ */ jsxs15(
-    "div",
-    {
-      className: AgentGUINode_styles_default.usageAlertBanner,
-      "data-testid": "agent-gui-usage-alert",
-      "data-usage-alert-tier": tier,
-      role: tier === "critical" ? "alert" : "status",
-      children: [
-        /* @__PURE__ */ jsx29("span", { className: AgentGUINode_styles_default.usageAlertMessage, children: message }),
-        /* @__PURE__ */ jsxs15("span", { className: AgentGUINode_styles_default.usageAlertActions, children: [
-          tier === "critical" && showCompactAction ? /* @__PURE__ */ jsx29(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              "data-testid": "agent-gui-usage-alert-compact",
-              onClick: onCompact,
-              children: labels.usageCompactAction
-            }
-          ) : null,
-          /* @__PURE__ */ jsx29(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon-xs",
-              className: AgentGUINode_styles_default.usageAlertDismiss,
-              "data-testid": "agent-gui-usage-alert-dismiss",
-              "aria-label": labels.usageAlertDismiss,
-              title: labels.usageAlertDismiss,
-              onClick: onDismiss,
-              children: /* @__PURE__ */ jsx29(X2, { size: 14, strokeWidth: 2, "aria-hidden": "true" })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
 var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
   bottomDockRef,
   bottomDockLiftedPrompt,
@@ -21673,12 +22165,6 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
   store,
   storeRevision: _storeRevision,
   keyboardShortcutsEnabled,
-  usageAlert,
-  usagePercent,
-  usageAlertShowCompactAction,
-  usageAlertLabels,
-  onUsageAlertCompact,
-  onUsageAlertDismiss,
   chromeLabels,
   goalBannerLabels,
   promptLabels,
@@ -21730,17 +22216,6 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
             )
           }
         ) : null,
-        usageAlert ? /* @__PURE__ */ jsx29(
-          AgentUsageAlertBanner,
-          {
-            tier: usageAlert,
-            percent: usagePercent,
-            showCompactAction: usageAlertShowCompactAction,
-            labels: usageAlertLabels,
-            onCompact: onUsageAlertCompact,
-            onDismiss: onUsageAlertDismiss
-          }
-        ) : null,
         inlineNoticeChrome ? /* @__PURE__ */ jsx29(
           AgentSessionChrome,
           {
@@ -21809,7 +22284,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({
@@ -21898,7 +22373,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);
@@ -21924,6 +22399,7 @@ var AgentGUIConversationRailPane = memo(
     openclawGateway,
     isCollapsed,
     onCreateConversation,
+    onOpenAgentEnvSetup,
     onRetryOpenclawGateway,
     onSelectConversation,
     onToggleConversationPinned,
@@ -22052,12 +22528,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 })
                 ]
               }
@@ -22147,6 +22624,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,
             {
@@ -22282,34 +22774,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,
@@ -22317,18 +22840,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,
                   {
@@ -22672,6 +23196,7 @@ var AgentGUIConversationTimelinePane = memo(
   function AgentGUIConversationTimelinePane2({
     conversation,
     isLoading,
+    isLoadingOlderMessages,
     loadingLabel,
     empty,
     onLinkAction,
@@ -22682,21 +23207,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) {
@@ -23602,6 +24138,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
           provider: displayProviderLabel
         }
       ),
+      installRequiredAction: t("agentHost.agentGui.installRequiredAction"),
       collaboratorSessionReadOnlyPlaceholder: t(
         "agentHost.agentGui.collaboratorSessionReadOnlyPlaceholder"
       ),
@@ -23696,13 +24233,6 @@ var AgentGUINode = memo2(function AgentGUINode2({
       usageTokensLabel: t("agentHost.agentGui.usageTokensLabel"),
       usageLimitsLabel: t("agentHost.agentGui.usageLimitsLabel"),
       usageCompactAction: t("agentHost.agentGui.usageCompactAction"),
-      usageAlertWarnMessage: (input) => t("agentHost.agentGui.usageAlertWarnMessage", {
-        percent: input.percent
-      }),
-      usageAlertCriticalMessage: (input) => t("agentHost.agentGui.usageAlertCriticalMessage", {
-        percent: input.percent
-      }),
-      usageAlertDismiss: t("agentHost.agentGui.usageAlertDismiss"),
       planImplementationLead: t("agentHost.agentGui.planImplementationLead"),
       planImplementationConfirm: t(
         "agentHost.agentGui.planImplementationConfirm"
@@ -23717,6 +24247,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"
@@ -23772,6 +24303,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"
@@ -24030,9 +24562,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(