@tutti-os/agent-gui 0.0.44 → 0.0.45

package/dist/index.js

@@ -21,9 +21,8 @@ import {
 } from "./chunk-4K22O34C.js";
 import {
   AgentInteractivePromptSurface,
-  approvalOptionDisplayLabel,
-  formatAgentSessionMentionText
-} from "./chunk-GMLK2EFU.js";
+  approvalOptionDisplayLabel
+} from "./chunk-62QOR3TC.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -32,6 +31,17 @@ import {
   planDecisionOps,
   planImplementationPromptFromPlanTurn
 } from "./chunk-MKHDRIGN.js";
+import {
+  AGENT_PROVIDER_LABEL,
+  firstAgentGUIUserMessageTitle,
+  formatAgentGUIConversationPlainTitle,
+  normalizeAgentGUIProviderIdentity,
+  resolveAgentGUIConversationTitle,
+  resolveAgentGUIDockConversationTitle,
+  resolveAgentGUIExplicitConversationTitle,
+  resolveAgentGUIProviderDisplayLabel,
+  resolveAgentGUIProviderIdentity
+} from "./chunk-FJG2EH4V.js";
 import {
   AgentConversationFlow,
   Button,
@@ -48,13 +58,13 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-25VZHG6G.js";
+} from "./chunk-CZ7PS3DU.js";
 import {
   AgentMessageMarkdown,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-ZTQKIJ5J.js";
+} from "./chunk-QT45WUPQ.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -62,7 +72,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-SF2PE7M6.js";
+} from "./chunk-UGV6JTWM.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -72,24 +82,24 @@ import {
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-ZORA4UAT.js";
+} from "./chunk-D6IYEVDT.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-J4MU53PH.js";
-import "./chunk-MTFSQWZ6.js";
+} from "./chunk-NZ2BGOJU.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
+import "./chunk-MTFSQWZ6.js";
 import {
   exitAgentFileMentionSuggestion,
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-64OSXJRE.js";
+} from "./chunk-ZG3WZSMV.js";
 import "./chunk-Y35GDLP2.js";
 import {
   AgentActivityHostProvider,
@@ -108,9 +118,7 @@ import "./chunk-TYGL25EL.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
-import {
-  normalizeAgentTitleText
-} from "./chunk-GCBDIQDX.js";
+import "./chunk-GCBDIQDX.js";
 import {
   AgentGuiI18nProvider,
   agentGuiI18nModule,
@@ -118,7 +126,8 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-IGXC7NRW.js";
+} from "./chunk-EIC7XS3C.js";
+import "./chunk-VFQR7AZI.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -2040,6 +2049,7 @@ function WorkspaceNodeWindow({
   const renderedChildren = typeof children === "function" ? children(renderedFrame) : children;
   const rootStyle = appearance === "embedded" ? {
     "--node-header-padding-x": "16px",
+    "--node-header-traffic-light-title-offset": "64px",
     ...resolvedStyle,
     width: "100%",
     height: "100%",
@@ -2051,6 +2061,7 @@ function WorkspaceNodeWindow({
     WebkitBackdropFilter: "none"
   } : {
     "--node-header-padding-x": "16px",
+    "--node-header-traffic-light-title-offset": "64px",
     ...resolvedStyle,
     background: "transparent",
     border: "1px solid var(--node-window-border)",
@@ -2087,7 +2098,7 @@ function WorkspaceNodeWindow({
         hideHeader ? null : customHeader ? customHeader : /* @__PURE__ */ jsxs3(
           "header",
           {
-            className: "workspace-node-window__header relative flex h-[var(--node-header-height)] min-h-[var(--node-header-height)] cursor-grab items-center gap-2 border-b border-[var(--node-header-border)] bg-[var(--node-header-surface)] px-2 pl-[var(--node-header-padding-x)] active:cursor-grabbing",
+            className: "workspace-node-window__header relative flex h-[var(--node-header-height)] min-h-[var(--node-header-height)] cursor-grab items-center gap-2 border-b border-[var(--node-header-border)] bg-[var(--node-header-surface)] px-2 pl-[calc(var(--node-header-padding-x)+var(--node-header-traffic-light-title-offset))] active:cursor-grabbing",
             style: {
               borderBottomColor: "var(--node-header-border)",
               background: "var(--node-header-surface)"
@@ -2106,7 +2117,7 @@ function WorkspaceNodeWindow({
               /* @__PURE__ */ jsxs3(
                 "div",
                 {
-                  className: "workspace-node-window__controls nodrag absolute left-4 top-1/2 inline-flex -translate-y-1/2 items-center gap-2",
+                  className: "workspace-node-window__controls nodrag group/traffic-lights absolute left-4 top-1/2 inline-flex -translate-y-1/2 items-center gap-2",
                   "data-workspace-node-window-controls": "true",
                   children: [
                     /* @__PURE__ */ jsx10(
@@ -2141,7 +2152,7 @@ function WorkspaceNodeWindow({
               /* @__PURE__ */ jsxs3(
                 "div",
                 {
-                  className: "workspace-node-window__title ml-[64px] flex min-w-0 max-w-[280px] flex-1 items-center gap-2 text-[15px] leading-5 font-semibold text-foreground",
+                  className: "workspace-node-window__title flex min-w-0 max-w-[280px] flex-1 items-center gap-2 text-[15px] leading-5 font-semibold text-foreground",
                   "data-workspace-node-window-title": "true",
                   title,
                   children: [
@@ -2228,16 +2239,17 @@ function WorkspaceNodeTrafficLightButton({
     event.stopPropagation();
     onClick();
   };
+  const iconName = tone === "maximize" ? pressed ? "unfullscreen" : "fullscreen" : tone;
   return /* @__PURE__ */ jsx10(
     "button",
     {
       "aria-label": ariaLabel,
       "aria-pressed": pressed,
       className: cn(
-        "relative -m-1 inline-flex size-5 shrink-0 cursor-pointer rounded-full border-0 bg-transparent p-0 opacity-[0.78] outline-none transition-opacity duration-150 before:absolute before:inset-1 before:rounded-full before:bg-[color-mix(in_srgb,var(--text-tertiary)_72%,transparent)] before:content-[''] hover:opacity-100 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--node-header-surface)]",
-        tone === "close" && "hover:before:bg-[#ff5f57] focus-visible:before:bg-[#ff5f57]",
-        tone === "minimize" && "hover:before:bg-[#ffbd2e] focus-visible:before:bg-[#ffbd2e]",
-        tone === "maximize" && "hover:before:bg-[#28c840] focus-visible:before:bg-[#28c840]"
+        "relative -m-1 inline-flex size-5 shrink-0 cursor-pointer rounded-full border-0 bg-transparent p-0 opacity-[0.78] outline-none transition-opacity duration-150 before:absolute before:inset-1 before:rounded-full before:bg-[color-mix(in_srgb,var(--text-tertiary)_72%,transparent)] before:content-[''] group-hover/traffic-lights:opacity-100 group-focus-within/traffic-lights:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--node-header-surface)]",
+        tone === "close" && "group-hover/traffic-lights:before:bg-[#ff5f57] group-focus-within/traffic-lights:before:bg-[#ff5f57]",
+        tone === "minimize" && "group-hover/traffic-lights:before:bg-[#ffbd2e] group-focus-within/traffic-lights:before:bg-[#ffbd2e]",
+        tone === "maximize" && "group-hover/traffic-lights:before:bg-[#28c840] group-focus-within/traffic-lights:before:bg-[#28c840]"
       ),
       "data-window-header": "top",
       "data-workspace-node-window-traffic-light": tone,
@@ -2246,10 +2258,42 @@ function WorkspaceNodeTrafficLightButton({
       type: "button",
       onClick: handleClick,
       onDoubleClick: (event) => event.stopPropagation(),
-      onPointerDown: (event) => event.stopPropagation()
+      onPointerDown: (event) => event.stopPropagation(),
+      children: /* @__PURE__ */ jsx10(
+        WorkspaceNodeWindowTrafficLightIcon,
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-[5px] z-[1] size-[10px] text-[color-mix(in_srgb,#000_68%,transparent)] opacity-0 transition-opacity duration-150 group-hover/traffic-lights:opacity-100 group-focus-within/traffic-lights:opacity-100",
+          "data-workspace-node-window-traffic-light-icon": iconName,
+          iconName
+        }
+      )
+    }
+  );
+}
+function WorkspaceNodeWindowTrafficLightIcon({
+  className,
+  iconName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    "svg",
+    {
+      ...props,
+      className,
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx10("path", { d: trafficLightIconPathByName[iconName] })
     }
   );
 }
+var trafficLightIconPathByName = {
+  close: "M16.9395 4.93953C17.5253 4.35374 18.4748 4.35374 19.0606 4.93953C19.6463 5.52532 19.6464 6.47486 19.0606 7.06062L14.1212 12.0001L19.0606 16.9395C19.6463 17.5253 19.6464 18.4749 19.0606 19.0606C18.4749 19.6464 17.5253 19.6463 16.9395 19.0606L12.0001 14.1212L7.06062 19.0606C6.47486 19.6464 5.52532 19.6463 4.93953 19.0606C4.35374 18.4748 4.35374 17.5253 4.93953 16.9395L9.87898 12.0001L4.93953 7.06062C4.35374 6.47484 4.35374 5.52532 4.93953 4.93953C5.52532 4.35374 6.47484 4.35374 7.06062 4.93953L12.0001 9.87898L16.9395 4.93953Z",
+  fullscreen: "M18.1465 7.85352C18.4615 7.53861 18.9999 7.76165 19 8.20703V18.5C19 18.7761 18.7761 19 18.5 19H8.20703C7.76165 18.9999 7.53861 18.4615 7.85352 18.1465L18.1465 7.85352ZM15.793 5C16.2384 5.00006 16.4614 5.53855 16.1465 5.85352L5.85352 16.1465C5.53855 16.4614 5.00006 16.2384 5 15.793V5.5C5 5.22386 5.22386 5 5.5 5H15.793Z",
+  minimize: "M5 10.5H19C19.8284 10.5 20.5 11.1716 20.5 12C20.5 12.8284 19.8284 13.5 19 13.5H5C4.17157 13.5 3.5 12.8284 3.5 12C3.5 11.1716 4.17157 10.5 5 10.5Z",
+  unfullscreen: "M20.793 12C21.2384 12.0001 21.4614 12.5386 21.1465 12.8536L12.8536 21.1465C12.5386 21.4614 12.0001 21.2384 12.0001 20.793V12.5C12.0001 12.2239 12.2239 12 12.5001 12H20.793ZM11.1465 2.85356C11.4615 2.53864 12 2.76166 12.0001 3.20708V11.5C12 11.7761 11.7762 12 11.5001 12H3.20708C2.76166 12 2.53864 11.4615 2.85357 11.1465L11.1465 2.85356Z"
+};
 
 // agent-gui/agentGuiNode/controller/useAgentGUINodeController.ts
 import {
@@ -2363,141 +2407,6 @@ var DEFAULT_AGENT_SETTINGS = {
   hideWorktreeMismatchDropWarning: false
 };
 
-// contexts/settings/domain/agentSettings.providerMeta.ts
-var AGENT_PROVIDER_LABEL = {
-  "claude-code": "Claude Code",
-  codex: "Codex",
-  nexight: "Nexight",
-  opencode: "OpenCode",
-  gemini: "Gemini CLI",
-  openclaw: "OpenClaw",
-  hermes: "Hermes Agent"
-};
-
-// agent-gui/agentGuiNode/model/agentGuiProviderIdentity.ts
-function normalizeAgentGUIProviderIdentity(provider) {
-  switch (provider?.trim().toLowerCase() ?? "") {
-    case "claude-code":
-    case "claude":
-    case "claude code":
-      return "claude-code";
-    case "codex":
-      return "codex";
-    case "nexight":
-    case "tutti":
-      return "nexight";
-    case "gemini":
-      return "gemini";
-    case "hermes":
-      return "hermes";
-    case "openclaw":
-      return "openclaw";
-    default:
-      return "unknown";
-  }
-}
-function resolveAgentGUIProviderIdentity(input) {
-  const candidates = [
-    input.sessionProvider,
-    input.workspaceSessionProvider,
-    input.conversationProvider,
-    timelineProviderHint(input.timelineItems ?? [])
-  ];
-  for (const candidate of candidates) {
-    const normalized = normalizeAgentGUIProviderIdentity(candidate);
-    if (normalized !== "unknown") {
-      return normalized;
-    }
-  }
-  return "unknown";
-}
-function resolveAgentGUIConversationTitle(title, provider) {
-  const normalizedTitle = stripAgentGUITitleTrailingPeriod(
-    normalizeAgentTitleText(title)
-  );
-  if (normalizedTitle) {
-    return {
-      title: normalizedTitle,
-      titleFallback: null
-    };
-  }
-  if (provider === "unknown") {
-    return {
-      title: "",
-      titleFallback: "generic-agent"
-    };
-  }
-  return {
-    title: AGENT_PROVIDER_LABEL[provider],
-    titleFallback: null
-  };
-}
-function resolveAgentGUIConversationDisplayTitle(input, fallbackAgentLabel) {
-  if (input.title) {
-    return stripAgentGUITitleTrailingPeriod(
-      normalizeAgentTitleText(input.title)
-    );
-  }
-  if (input.titleFallback === "generic-agent") {
-    return stripAgentGUITitleTrailingPeriod(fallbackAgentLabel);
-  }
-  return "";
-}
-function resolveAgentGUIDockConversationTitle(input) {
-  return resolveAgentGUIExplicitConversationTitle(input);
-}
-function resolveAgentGUIExplicitConversationTitle(input) {
-  if (input.titleFallback) {
-    return null;
-  }
-  const title = stripAgentGUITitleTrailingPeriod(
-    normalizeAgentTitleText(input.title)
-  );
-  if (!title) {
-    return null;
-  }
-  if (isWorkspaceAgentUntitledTask(title)) {
-    return null;
-  }
-  if (input.provider !== "unknown" && title === AGENT_PROVIDER_LABEL[input.provider]) {
-    return null;
-  }
-  return title;
-}
-function resolveAgentGUIProviderDisplayLabel(provider, fallbackAgentLabel) {
-  const resolvedProvider = normalizeAgentGUIProviderIdentity(provider);
-  if (resolvedProvider === "unknown") {
-    return fallbackAgentLabel;
-  }
-  return AGENT_PROVIDER_LABEL[resolvedProvider];
-}
-function stripAgentGUITitleTrailingPeriod(title) {
-  return title.trimEnd().replace(/[.。]+$/u, "").trimEnd();
-}
-function timelineProviderHint(timelineItems) {
-  for (const item of timelineItems) {
-    if (isUserTimelineItem(item)) {
-      continue;
-    }
-    const normalized = normalizeAgentGUIProviderIdentity(item.actorId);
-    if (normalized !== "unknown") {
-      return normalized;
-    }
-  }
-  return null;
-}
-function isUserTimelineItem(item) {
-  const role = item.role?.trim().toLowerCase();
-  if (role === "user") {
-    return true;
-  }
-  const actorType = item.actorType.trim().toLowerCase();
-  if (actorType === "user") {
-    return true;
-  }
-  return item.itemType.trim().toLowerCase() === "message.user";
-}
-
 // agent-gui/agentGuiNode/model/agentGuiConversationProjectResolver.ts
 import { resolveWorkspaceUserProjectDisplayLabel } from "@tutti-os/workspace-user-project/core";
 var AGENT_GUI_CONVERSATION_PROJECT_SUMMARY_CACHE_LIMIT = 512;
@@ -2960,10 +2869,7 @@ function firstUserMessageTitleFromTimelineItems(timelineItems) {
   return userMessage ? timelineItemText(userMessage) : "";
 }
 function firstUserMessageTitleFromMessages(messages) {
-  const userMessage = [...messages].filter(
-    (message) => messageRole(message) === "user" && messageText(message).length > 0
-  ).sort(compareMessagesAscending)[0];
-  return userMessage ? messageText(userMessage) : "";
+  return firstAgentGUIUserMessageTitle(messages);
 }
 function workspaceAgentMessagesFromTimelineItems(timelineItems) {
   return timelineItems.map((item, index) => {
@@ -2993,38 +2899,6 @@ function workspaceAgentMessagesFromTimelineItems(timelineItems) {
     };
   });
 }
-function messageRole(message) {
-  const role = message.role?.trim().toLowerCase();
-  if (role === "user") {
-    return "user";
-  }
-  if (role === "assistant" || role === "agent") {
-    return "agent";
-  }
-  const kind = message.kind.trim().toLowerCase();
-  if (kind === "message.user") {
-    return "user";
-  }
-  if (kind === "message.assistant" || kind === "message.agent") {
-    return "agent";
-  }
-  return null;
-}
-function messageText(message) {
-  const payloadDisplayPrompt = typeof message.payload?.displayPrompt === "string" ? message.payload.displayPrompt : "";
-  const payloadContent = typeof message.payload?.content === "string" ? message.payload.content : "";
-  const payloadText = typeof message.payload?.text === "string" ? message.payload.text : "";
-  return (payloadDisplayPrompt || payloadText || payloadContent).replace(/\s+/g, " ").trim();
-}
-function compareMessagesAscending(left, right) {
-  const leftTime = left.occurredAtUnixMs ?? left.completedAtUnixMs ?? left.startedAtUnixMs ?? 0;
-  const rightTime = right.occurredAtUnixMs ?? right.completedAtUnixMs ?? right.startedAtUnixMs ?? 0;
-  const timeDiff = leftTime - rightTime;
-  if (timeDiff !== 0) {
-    return timeDiff;
-  }
-  return (left.id ?? 0) - (right.id ?? 0) || left.messageId.localeCompare(right.messageId);
-}
 function timelineItemRole(item) {
   const role = item.role?.trim().toLowerCase();
   if (role === "user") {
@@ -3579,7 +3453,7 @@ function projectWorkspaceAgentMessagesToTimelineItems(messages) {
         actorType: "agent",
         itemType: "message.assistant_thinking",
         role: "assistant_thinking",
-        content: messageText2(message),
+        content: messageText(message),
         occurredAtUnixMs
       });
     }
@@ -3593,7 +3467,7 @@ function projectWorkspaceAgentMessagesToTimelineItems(messages) {
         actorType: "user",
         itemType: "message.user",
         role: "user",
-        content: messageText2(message),
+        content: messageText(message),
         occurredAtUnixMs
       });
     }
@@ -3607,7 +3481,7 @@ function projectWorkspaceAgentMessagesToTimelineItems(messages) {
         actorType: "agent",
         itemType: "message.assistant",
         role: "assistant",
-        content: messageText2(message),
+        content: messageText(message),
         occurredAtUnixMs
       });
     }
@@ -3734,7 +3608,7 @@ function toolCallItemType(status) {
       return "call";
   }
 }
-function messageText2(message) {
+function messageText(message) {
   const payload = normalizedPayload(message.payload);
   const title = messagePayloadString(message, "title");
   return firstNonEmptyString(
@@ -3748,7 +3622,7 @@ function messageText2(message) {
 }
 function statusMessageText(message) {
   const title = messagePayloadString(message, "title") ?? "";
-  const text = messageText2(message);
+  const text = messageText(message);
   if (title && text && title !== text) {
     return `${title}
 
@@ -7434,8 +7308,31 @@ function sessionHasRenderableMessages(input) {
   const sessionView = getAgentSessionView(
     input.sessionViewRef(normalizedAgentSessionId)
   );
+  if (sessionViewHasUnhydratedOlderDetailMessages({
+    agentSessionId: normalizedAgentSessionId,
+    detailMessages: sessionView?.detailMessages ?? [],
+    hasLoadedInitialMessages: input.hasLoadedInitialMessages === true,
+    hasOlderMessages: sessionView?.hasOlderMessages ?? false,
+    oldestLoadedVersion: sessionView?.oldestLoadedVersion ?? null,
+    snapshotMessagesById: input.snapshotMessagesById
+  })) {
+    return false;
+  }
   return (sessionView?.detailMessages?.length ?? 0) > 0 || (sessionView?.overlayMessages?.length ?? 0) > 0;
 }
+function sessionViewHasUnhydratedOlderDetailMessages(input) {
+  if (input.hasLoadedInitialMessages || input.hasOlderMessages || input.detailMessages.length === 0) {
+    return false;
+  }
+  const oldestLoadedVersion = input.oldestLoadedVersion ?? minFiniteMessageVersion(input.detailMessages);
+  if (oldestLoadedVersion === null) {
+    return false;
+  }
+  const snapshotOldestVersion = minFiniteMessageVersion(
+    input.snapshotMessagesById[input.agentSessionId] ?? []
+  );
+  return oldestLoadedVersion > 1 || snapshotOldestVersion !== null && snapshotOldestVersion < oldestLoadedVersion;
+}
 function filterMessagesForDetailWindowOverlay(input) {
   if (input.localMessages.length === 0) {
     return [];
@@ -9425,6 +9322,9 @@ function useAgentGUINodeController({
       if (previous !== normalized) {
         const hasCachedMessages = sessionHasRenderableMessages({
           agentSessionId: normalized,
+          hasLoadedInitialMessages: selectedConversationInitialMessagesLoadedIdsRef.current.has(
+            normalized
+          ),
           sessionViewRef,
           snapshotMessagesById: agentActivitySnapshotRef.current.sessionMessagesById
         });
@@ -10396,6 +10296,9 @@ function useAgentGUINodeController({
         );
         const hasRenderableMessages = sessionHasRenderableMessages({
           agentSessionId: normalizedAgentSessionId,
+          hasLoadedInitialMessages: selectedConversationInitialMessagesLoadedIdsRef.current.has(
+            normalizedAgentSessionId
+          ),
           sessionViewRef,
           snapshotMessagesById: agentActivitySnapshotRef.current.sessionMessagesById
         });
@@ -10646,8 +10549,9 @@ function useAgentGUINodeController({
       if (nextMessages.length === 0) {
         return;
       }
-      const currentMessages = getAgentSessionView(sessionViewRef(agentSessionId))?.overlayMessages ?? [];
-      const currentDetailMessages = getAgentSessionView(sessionViewRef(agentSessionId))?.detailMessages ?? [];
+      const currentView = getAgentSessionView(sessionViewRef(agentSessionId));
+      const currentMessages = currentView?.overlayMessages ?? [];
+      const currentDetailMessages = currentView?.detailMessages ?? [];
       const currentDurableDetailMessages = currentDetailMessages.filter(
         (message) => !isWorkspaceAgentActivityOptimisticMessage(message)
       );
@@ -10671,7 +10575,19 @@ function useAgentGUINodeController({
       if (durableDetailWindowMessages.length > 0) {
         mergeAgentSessionViewDetailMessages(
           sessionViewRef(agentSessionId),
-          durableDetailWindowMessages
+          durableDetailWindowMessages,
+          {
+            hasOlderMessages: currentView?.hasOlderMessages === true || sessionViewHasUnhydratedOlderDetailMessages({
+              agentSessionId,
+              detailMessages: nextDetailMessages,
+              hasLoadedInitialMessages: selectedConversationInitialMessagesLoadedIdsRef.current.has(
+                agentSessionId
+              ),
+              hasOlderMessages: currentView?.hasOlderMessages ?? false,
+              oldestLoadedVersion: minFiniteMessageVersion(nextDetailMessages),
+              snapshotMessagesById: agentActivitySnapshot.sessionMessagesById
+            })
+          }
         );
       }
       const durableMessages = nextDetailMessages.length > 0 ? nextDetailMessages : durableSnapshotMessages;
@@ -15767,7 +15683,7 @@ import {
 } from "@tutti-os/ui-system";
 
 // agent-gui/agentGuiNode/AgentComposer.tsx
-import { AddIcon, Select as Select2, SelectTrigger as SelectTrigger2 } from "@tutti-os/ui-system";
+import { AddIcon, Button as Button3, Select as Select2, SelectTrigger as SelectTrigger2 } from "@tutti-os/ui-system";
 import { ListChecks as ListChecks2, Target as Target3, X } from "lucide-react";
 import {
   createMentionPaletteStateAdapter,
@@ -16535,6 +16451,7 @@ var styles3 = {
   shell: "agent-gui-node__shell",
   timeline: "agent-gui-node__timeline",
   timelineCentered: "agent-gui-node__timeline-centered",
+  timelineScrolledFromTop: "agent-gui-node__timeline--scrolled-from-top",
   transcriptSkeleton: "agent-gui-node__transcript-skeleton",
   transcriptSkeletonBubble: "agent-gui-node__transcript-skeleton-bubble",
   transcriptSkeletonLine: "agent-gui-node__transcript-skeleton-line",
@@ -19689,12 +19606,14 @@ function AgentUsageChip({
                 }
               ) : null,
               compactSupported && onCompact ? /* @__PURE__ */ jsx27(
-                "button",
+                Button3,
                 {
                   type: "button",
                   "data-testid": "agent-gui-compact-button",
                   disabled: compactDisabled,
-                  className: "nodrag inline-flex items-center justify-center rounded-[6px] bg-[var(--transparency-block)] px-2 py-1 text-[12px] font-medium text-[var(--text-primary)] transition-colors hover:bg-[var(--transparency-hover)] focus-visible:bg-[var(--transparency-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-45 disabled:hover:bg-[var(--transparency-block)] [-webkit-app-region:no-drag]",
+                  className: "nodrag w-full font-medium [-webkit-app-region:no-drag]",
+                  size: "sm",
+                  variant: "secondary",
                   onClick: onCompact,
                   children: labels.usageCompactAction
                 }
@@ -22555,13 +22474,13 @@ import { createRichTextMentionHref as createRichTextMentionHref2 } from "@tutti-
 import { Fragment as Fragment8, jsx as jsx30, jsxs as jsxs17 } 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_TOP_MASK_SCROLL_EPSILON_PX = 1;
 var AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE = 5;
 var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
   width: "100%",
   minWidth: "100%",
   display: "grid",
-  gridTemplateColumns: "minmax(0, min(100%, var(--agent-gui-detail-flow-max-width)))",
-  justifyContent: "center",
+  gridTemplateColumns: "minmax(0, 1fr)",
   gap: "24px"
 };
 var EMPTY_WORKSPACE_APP_ICONS3 = [];
@@ -22747,19 +22666,11 @@ function resolveActiveConversationBusyStatus(input) {
   }
   return null;
 }
-function conversationDisplayTitle(conversation, labels) {
-  return resolveAgentGUIConversationDisplayTitle(
-    conversation,
-    labels.fallbackAgentTitle
-  );
-}
 function conversationPlainTitle(conversation, labels, uiLanguage) {
-  return formatAgentSessionMentionText(
-    conversationDisplayTitle(conversation, labels),
-    {
-      language: uiLanguage
-    }
-  );
+  return formatAgentGUIConversationPlainTitle(conversation, {
+    fallbackAgentLabel: labels.fallbackAgentTitle,
+    language: uiLanguage
+  });
 }
 function AgentGUINodeView({
   viewModel,
@@ -23386,6 +23297,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   const bottomDockRef = useRef13(null);
   const timelineScrollAnchorRef = useRef13(null);
   const pendingPrependScrollAnchorRef = useRef13(null);
+  const [isTimelineScrolledToTop, setIsTimelineScrolledToTop] = useState12(true);
   const [
     bottomDockDismissedPromptRequestId,
     setBottomDockDismissedPromptRequestId
@@ -24037,6 +23949,8 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     const activeConversationId = viewModel.activeConversationId;
     if (!activeConversationId) {
       timelineScrollAnchorRef.current = null;
+      pendingPrependScrollAnchorRef.current = null;
+      setIsTimelineScrolledToTop(true);
       return;
     }
     const maxScrollTop = Math.max(
@@ -24079,6 +23993,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       scrollTop: nextScrollTop,
       clientHeight: timeline.clientHeight
     };
+    setIsTimelineScrolledToTop(
+      nextScrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
+    );
   }, [
     conversation,
     showTimelineSkeleton,
@@ -24137,6 +24054,9 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
           scrollTop: maxScrollTop,
           clientHeight: timeline.clientHeight
         };
+        setIsTimelineScrolledToTop(
+          maxScrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
+        );
       });
     };
     syncBottomDockSpace();
@@ -24171,17 +24091,21 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       return;
     }
     const captureScrollAnchor = () => {
+      const scrollTop = timeline.scrollTop;
       timelineScrollAnchorRef.current = {
         conversationId: activeConversationId,
         scrollHeight: timeline.scrollHeight,
-        scrollTop: timeline.scrollTop,
+        scrollTop,
         clientHeight: timeline.clientHeight
       };
-      if (viewModel.hasOlderMessages && !viewModel.isLoadingOlderMessages && timeline.scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
+      setIsTimelineScrolledToTop(
+        scrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
+      );
+      if (viewModel.hasOlderMessages && !viewModel.isLoadingOlderMessages && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
         pendingPrependScrollAnchorRef.current = {
           conversationId: activeConversationId,
           scrollHeight: timeline.scrollHeight,
-          scrollTop: timeline.scrollTop
+          scrollTop
         };
         actions.loadOlderConversationMessages();
       }
@@ -24251,7 +24175,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
         viewportRef: timelineRef,
         viewportTestId: "agent-gui-timeline",
-        viewportClassName: `${AgentGUINode_styles_default.timeline} ${hasActiveConversation ? AgentGUINode_styles_default.timelineWithComposer : AgentGUINode_styles_default.timelineCentered} ${showUnavailableChatEmpty ? AgentGUINode_styles_default.timelineUnavailableChatEmpty : ""}`.trim(),
+        viewportClassName: `${AgentGUINode_styles_default.timeline} ${hasActiveConversation ? AgentGUINode_styles_default.timelineWithComposer : AgentGUINode_styles_default.timelineCentered} ${!isTimelineScrolledToTop ? AgentGUINode_styles_default.timelineScrolledFromTop : ""} ${showUnavailableChatEmpty ? AgentGUINode_styles_default.timelineUnavailableChatEmpty : ""}`.trim(),
         viewportContentStyle: AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE,
         children: !hasActiveConversation ? /* @__PURE__ */ jsx30(
           AgentGUIEmptyHeroPane,
@@ -24926,7 +24850,7 @@ var AgentGUIConversationRailPane = memo(
               })
             }
           ),
-          /* @__PURE__ */ jsx30("div", { className: "shrink-0 border-t border-[var(--border-1)] px-2 py-1.5", children: /* @__PURE__ */ jsxs17(Popover, { children: [
+          /* @__PURE__ */ jsx30("div", { className: "shrink-0 px-2 py-1.5", children: /* @__PURE__ */ jsxs17(Popover, { children: [
             /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
               Button,
               {
@@ -26579,13 +26503,10 @@ var AgentGUINode = memo2(function AgentGUINode2({
   const displayProviderLabel = viewModel.activeConversation ? resolveAgentGUIProviderDisplayLabel(activeProvider, fallbackAgentTitle) : selectedProviderTargetLabel;
   const windowAgentTitle = viewModel.activeConversation ? getAgentHostManagedToolchainAgentByName(activeProvider)?.label ?? displayProviderLabel : displayProviderLabel;
   const activeConversationDockTitle = viewModel.activeConversation ? resolveAgentGUIDockConversationTitle(viewModel.activeConversation) : null;
-  const activeConversationWindowTitle = viewModel.activeConversation ? formatAgentSessionMentionText(
-    resolveAgentGUIConversationDisplayTitle(
-      viewModel.activeConversation,
-      fallbackAgentTitle
-    ),
-    { language: locale }
-  ) : null;
+  const activeConversationWindowTitle = viewModel.activeConversation ? formatAgentGUIConversationPlainTitle(viewModel.activeConversation, {
+    fallbackAgentLabel: fallbackAgentTitle,
+    language: locale
+  }) : null;
   const labels = useMemo11(
     () => ({
       initialPlaceholder: t("agentHost.agentGui.initialPlaceholder", {
@@ -26932,8 +26853,12 @@ var AgentGUINode = memo2(function AgentGUINode2({
         "agentHost.agentGui.slashPaletteConnectorsGroup"
       ),
       slashPaletteMcpGroup: t("agentHost.agentGui.slashPaletteMcpGroup"),
-      slashCommandCompactLabel: t("agentHost.agentGui.slashCommandCompactLabel"),
-      slashCommandContextLabel: t("agentHost.agentGui.slashCommandContextLabel"),
+      slashCommandCompactLabel: t(
+        "agentHost.agentGui.slashCommandCompactLabel"
+      ),
+      slashCommandContextLabel: t(
+        "agentHost.agentGui.slashCommandContextLabel"
+      ),
       slashCommandFastLabel: t("agentHost.agentGui.slashCommandFastLabel"),
       slashCommandGoalLabel: t("agentHost.agentGui.slashCommandGoalLabel"),
       slashCommandInitLabel: t("agentHost.agentGui.slashCommandInitLabel"),