@tutti-os/agent-gui 0.0.214 → 0.0.215

package/dist/{chunk-RLFO3NJV.js → chunk-JOUEYIV3.js}

@@ -15,7 +15,7 @@ import {
   resolveAgentGuiSessionProviderFlatIconUrl,
   resolveNextAgentGUIConversationRailWidthPx,
   shouldAutoCollapseAgentGUIConversationRail
-} from "./chunk-ZNHMWCO4.js";
+} from "./chunk-GUD5NOHO.js";
 import {
   AGENT_PROVIDERS,
   AGENT_PROVIDER_LABEL,
@@ -31,7 +31,7 @@ import {
   resolveAgentGUIFirstUserMessageDisplayPrompt,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-L4E2Y52A.js";
+} from "./chunk-KVFBUOKZ.js";
 import {
   resolveAgentGuiWorkbenchProviderLabel
 } from "./chunk-MGSRWYRN.js";
@@ -70,7 +70,7 @@ import {
   toLocalShortDateTime,
   updateAgentComposerDraft,
   useProjectedAgentConversation
-} from "./chunk-FEUU4YMY.js";
+} from "./chunk-YTU6IUO2.js";
 import {
   agentRichTextContentToPromptText,
   createAgentRichTextInputExtensions,
@@ -80,7 +80,7 @@ import {
   plainTextToAgentRichTextInlineContent,
   skillDescriptionForDisplay,
   skillTriggerForPrefix
-} from "./chunk-G2QO6HPB.js";
+} from "./chunk-MWAUXAD2.js";
 import {
   AgentEnvPanelActionProvider
 } from "./chunk-N4HLBSMJ.js";
@@ -135,7 +135,7 @@ import {
   normalizePlanIssueBudgetPreset,
   planImplementationPromptFromPlanTurn,
   planIssueBudgetPresetsEqual
-} from "./chunk-7SSORDQY.js";
+} from "./chunk-AQ7CRDGX.js";
 import {
   useEngineSelector
 } from "./chunk-EVQ4JY3N.js";
@@ -145,13 +145,13 @@ import {
   blobToBase64,
   normalizeAgentApprovalPurpose,
   resolveWorkspaceLinkAction
-} from "./chunk-LQKLBDBK.js";
+} from "./chunk-KNSLQO52.js";
 import {
   AgentTargetPresentationProvider,
   cn,
   resolveAgentTargetPresentation,
   useAgentTargetPresentations
-} from "./chunk-ZVYUTXQJ.js";
+} from "./chunk-LQMIEH4C.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-YMXYBG7U.js";
@@ -7284,9 +7284,6 @@ function useAgentGUIComposerCapabilities(input) {
 }
 
 // agent-gui/agentGuiNode/controller/useAgentGUIComposerOptionsSync.ts
-import {
-  selectLatestActivationForSession as selectLatestActivationForSession4
-} from "@tutti-os/agent-activity-core";
 import { useCallback as useCallback8, useEffect as useEffect5, useRef as useRef9 } from "react";
 
 // host/agentHostEventBus.ts
@@ -7449,7 +7446,6 @@ function subscribeCoalesced(type, options, callback) {
 
 // agent-gui/agentGuiNode/controller/useAgentGUIComposerOptionsSync.ts
 function useAgentGUIComposerOptionsSync(input) {
-  const previousActiveConversationIdRef = useRef9(input.activeConversationId);
   const previousIsCreatingConversationRef = useRef9(
     input.isCreatingConversation
   );
@@ -7604,12 +7600,10 @@ function useAgentGUIComposerOptionsSync(input) {
   ]);
   useEffect5(() => {
     if (input.previewMode) return;
-    const conversationActivated = input.activeConversationId !== null && previousActiveConversationIdRef.current !== input.activeConversationId;
     const conversationCreationSettled = previousIsCreatingConversationRef.current && !input.isCreatingConversation;
-    previousActiveConversationIdRef.current = input.activeConversationId;
     previousIsCreatingConversationRef.current = input.isCreatingConversation;
     loadDraftComposerOptions(
-      conversationActivated || conversationCreationSettled || input.providerComposerOptions?.behavior?.prewarmDraftSession === true && input.isComposerHome ? { force: true } : void 0
+      conversationCreationSettled || input.providerComposerOptions?.behavior?.prewarmDraftSession === true && input.isComposerHome ? { force: true } : void 0
     );
   }, [
     input.activeConversationId,
@@ -7635,25 +7629,6 @@ function useAgentGUIComposerOptionsSync(input) {
     input.previewMode,
     input.syncConversationListProjection
   ]);
-  useEffect5(() => {
-    if (input.previewMode || !input.activeConversationId) return;
-    const activation = selectLatestActivationForSession4(
-      input.sessionEngine.getSnapshot(),
-      input.activeConversationId
-    );
-    if (activation?.status === "failed" || activation?.status === "canceled" || activation?.status === "requested" || activation?.status === "uncertain") {
-      return;
-    }
-    input.reloadSelectedConversation(input.activeConversationId, {
-      reloadConversations: false,
-      reloadDetail: true
-    });
-  }, [
-    input.activeConversationId,
-    input.previewMode,
-    input.reloadSelectedConversation,
-    input.sessionEngine
-  ]);
   return { loadDraftComposerOptions, reloadComposerOptionsForTarget };
 }
 
@@ -9186,7 +9161,7 @@ function useAgentGUIConversationMetadataActions(input) {
 // agent-gui/agentGuiNode/controller/useAgentGUINewConversationActivation.ts
 import {
   isPendingActivationViable as isPendingActivationViable5,
-  selectLatestActivationForSession as selectLatestActivationForSession5,
+  selectLatestActivationForSession as selectLatestActivationForSession4,
   selectTuttiModeDraftIsActive,
   selectTuttiModeDraftOrchestrationIntensity
 } from "@tutti-os/agent-activity-core";
@@ -9323,7 +9298,7 @@ function useAgentGUINewConversationActivation(input) {
       };
       const prewarmedSessionId = normalizedInitialContent.length > 0 && snapshotComposerOptions?.behavior?.prewarmDraftSession === true ? draftAgentSessionIdFromComposerOptions(snapshotComposerOptions) : null;
       const agentSessionId = prewarmedSessionId && activation.stateFor(prewarmedSessionId) === "inactive" && isPendingActivationViable5(
-        selectLatestActivationForSession5(
+        selectLatestActivationForSession4(
           sessionEngine.getSnapshot(),
           prewarmedSessionId
         )
@@ -13007,7 +12982,7 @@ import {
   selectEngineSessionReconcile as selectEngineSessionReconcile2,
   selectEngineSessionSettingsUpdate as selectEngineSessionSettingsUpdate2,
   selectEngineSubmitAvailability,
-  selectLatestActivationForSession as selectLatestActivationForSession6,
+  selectLatestActivationForSession as selectLatestActivationForSession5,
   selectLatestPendingSubmitForSession,
   selectPendingSubmitsForSession as selectPendingSubmitsForSession4,
   selectSessionHasUnconfirmedSubmit,
@@ -13044,7 +13019,7 @@ function useAgentGUISessionEngineState(input) {
   );
   const activePendingActivation = useEngineSelector(
     sessionEngine,
-    (state) => selectLatestActivationForSession6(state, activeConversationId)
+    (state) => selectLatestActivationForSession5(state, activeConversationId)
   );
   const isCreatingConversation = isPendingNewConversationActivation(
     activePendingActivation
@@ -13223,7 +13198,7 @@ var SESSION_SETTINGS_STATUS_SHOWS_OPTIMISTIC_VALUE = {
 
 // agent-gui/agentGuiNode/controller/useAgentGUISessionDetailTransport.ts
 import {
-  selectLatestActivationForSession as selectLatestActivationForSession7
+  selectLatestActivationForSession as selectLatestActivationForSession6
 } from "@tutti-os/agent-activity-core";
 import { useCallback as useCallback25, useMemo as useMemo18 } from "react";
 
@@ -13530,7 +13505,7 @@ function useAgentGUISessionDetailTransport(input) {
       windowHasTurnMissingUserPrompt
     },
     reload: {
-      getActivationStatus: (agentSessionId) => selectLatestActivationForSession7(
+      getActivationStatus: (agentSessionId) => selectLatestActivationForSession6(
         sessionEngine.getSnapshot(),
         agentSessionId
       )?.status ?? null,
@@ -14019,7 +13994,6 @@ function useAgentGUINodeController({
   const {
     loadSessionState,
     markSelectedConversationDetailPending,
-    reloadSelectedConversation,
     resolveSessionMessages
   } = sessionDetailTransport;
   const storedActiveMessages = activeConversationId ? resolveSessionMessages(activeConversationId) : EMPTY_AGENT_GUI_MESSAGES;
@@ -14236,11 +14210,9 @@ function useAgentGUINodeController({
     onComposerDefaultsAuthorityReloadedRef,
     previewMode,
     providerComposerOptions,
-    reloadSelectedConversation,
     selectedComposerTargetDataRef,
     selectedProjectPath,
     selectedProjectPathRef,
-    sessionEngine,
     syncConversationListProjection,
     workspaceId,
     workspacePath
@@ -15193,7 +15165,6 @@ var styles = {
   conversationStatusGlyph: "agent-gui-node__conversation-status-glyph",
   conversationTime: "agent-gui-node__conversation-time",
   conversationTitle: "agent-gui-node__conversation-title",
-  conversationTitleMentionIcon: "agent-gui-node__conversation-title-mention-icon",
   conversationTitleRow: "agent-gui-node__conversation-title-row",
   conversationUnreadLamp: "agent-gui-node__conversation-unread-lamp",
   detail: "agent-gui-node__detail",
@@ -28409,7 +28380,9 @@ function useScopedProjectMissingState(scopeKey) {
       if (identityRef.current !== identity) {
         return;
       }
-      setResult({ identity, isMissing });
+      setResult(
+        (current) => current.identity === identity && current.isMissing === isMissing ? current : { identity, isMissing }
+      );
     },
     [identity]
   );
@@ -28620,13 +28593,13 @@ function AgentComposer(props) {
     goalDraftObjective ?? draftPrompt
   );
   const [fileMentionSuggestion, setFileMentionSuggestion] = useState28(null);
-  const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useScopedProjectMissingState(draftScopeKey);
+  const selectedProjectPath = composerSettings.selectedProjectPath?.trim() ?? "";
+  const [isSelectedProjectMissing, setIsSelectedProjectMissing] = useScopedProjectMissingState(selectedProjectPath);
   const [isSlashStatusPanelOpen, setIsSlashStatusPanelOpen] = useState28(false);
   const slashStatusAgentSessionId = slashStatus?.agentSessionId ?? null;
   const previousSlashStatusAgentSessionIdRef = useRef42(
     slashStatusAgentSessionId
   );
-  const selectedProjectPath = composerSettings.selectedProjectPath?.trim() ?? "";
   const selectedProjectSectionKey = composerSettings.selectedProjectSectionKey?.trim() ?? "";
   const previousSelectedProjectPathRef = useRef42(selectedProjectPath);
   const composerRef = useRef42(null);
@@ -32529,7 +32502,7 @@ import { memo as memo6, useCallback as useCallback55 } from "react";
 // agent-gui/agentGuiNode/view/AgentGUIConversationRailItem.tsx
 import { memo as memo4, useCallback as useCallback53, useMemo as useMemo39 } from "react";
 import { ExternalLink as ExternalLink2 } from "lucide-react";
-import { IssueIcon, NewWorkspaceLinedIcon as NewWorkspaceLinedIcon2, cn as cn8 } from "@tutti-os/ui-system";
+import { NewWorkspaceLinedIcon as NewWorkspaceLinedIcon2, cn as cn8 } from "@tutti-os/ui-system";
 import { WorkspaceUserProjectSelect as WorkspaceUserProjectSelect2 } from "@tutti-os/workspace-user-project/ui";
 import { BareIconButton as BareIconButton3 } from "@tutti-os/ui-system/components";
 
@@ -33195,8 +33168,7 @@ function agentGUIConversationIconPresentation(provider, agentTargetId, workspace
   return providerIconUrl ? { kind: "mask", url: providerIconUrl } : null;
 }
 function agentGUIConversationRailTitle(item, labels, uiLanguage) {
-  const title = conversationPlainTitle(item, labels, uiLanguage);
-  return item.titleLeadingMentionKind === "task" ? title.replace(/^@\s*/, "") : title;
+  return conversationPlainTitle(item, labels, uiLanguage);
 }
 var AgentGUIConversationRailItem = memo4(
   function AgentGUIConversationRailItem2({
@@ -33337,15 +33309,6 @@ var AgentGUIConversationRailItem = memo4(
                       src: conversationIcon.url
                     }
                   ) : null,
-                  item.titleLeadingMentionKind === "task" ? /* @__PURE__ */ jsx60(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      className: AgentGUINode_styles_default.conversationTitleMentionIcon,
-                      "data-agent-gui-conversation-title-mention-icon": item.titleLeadingMentionKind,
-                      children: /* @__PURE__ */ jsx60(IssueIcon, {})
-                    }
-                  ) : null,
                   /* @__PURE__ */ jsx60("span", { className: AgentGUINode_styles_default.conversationTitle, children: agentGUIConversationRailTitle(item, labels, uiLanguage) })
                 ] }),
                 /* @__PURE__ */ jsx60(AgentGUIConversationRailRelativeTime, { item, labels })
@@ -39139,6 +39102,52 @@ function readTimelineGeometry(timeline) {
     scrollHeight
   };
 }
+function readBottomDockSafeArea(bottomDock) {
+  const bottomDockRect = bottomDock.getBoundingClientRect();
+  let timelineVisualTop = bottomDockRect.top;
+  let floatingVisualTop = bottomDockRect.top;
+  bottomDock.querySelectorAll("*").forEach((element) => {
+    if (element.closest(`.${AgentGUINode_styles_default.bottomDockScrollToBottom}`)) {
+      return;
+    }
+    const rect = element.getBoundingClientRect();
+    if (rect.width <= 0 || rect.height <= 0) {
+      return;
+    }
+    if (element.closest(`.${AgentGUINode_styles_default.composerInputShell}`)) {
+      if (element.matches(".agent-gui-node__composer-prompt-input-area")) {
+        floatingVisualTop = Math.min(floatingVisualTop, rect.top);
+      }
+      return;
+    }
+    if (element.closest(`.${AgentGUINode_styles_default.composerDisclosurePanel}`)) {
+      floatingVisualTop = Math.min(floatingVisualTop, rect.top);
+      return;
+    }
+    floatingVisualTop = Math.min(floatingVisualTop, rect.top);
+    timelineVisualTop = Math.min(timelineVisualTop, rect.top);
+  });
+  return {
+    timelineOverflowHeight: Math.max(
+      0,
+      Math.ceil(bottomDockRect.top - timelineVisualTop)
+    ),
+    floatingOverflowHeight: Math.max(
+      0,
+      Math.ceil(bottomDockRect.top - floatingVisualTop)
+    )
+  };
+}
+function writeBottomDockSafeArea(timeline, safeArea) {
+  timeline.style.setProperty(
+    "--agent-gui-bottom-dock-safe-area",
+    `${safeArea.timelineOverflowHeight}px`
+  );
+  safeArea.bottomDock.style.setProperty(
+    "--agent-gui-bottom-dock-floating-safe-area",
+    `${safeArea.floatingOverflowHeight}px`
+  );
+}
 function useAgentGUIDetailScroll(input) {
   const {
     actions,
@@ -39157,8 +39166,10 @@ function useAgentGUIDetailScroll(input) {
   const [isTimelineScrolledToTop, setIsTimelineScrolledToTop] = useState45(true);
   const [isTimelineScrolledToBottom, setIsTimelineScrolledToBottom] = useState45(true);
   const bottomLockOwnerRef = useRef52(null);
+  const pointerScrollConversationRef = useRef52(null);
   const userScrollAwayIntentConversationRef = useRef52(null);
   const lastShowTimelineSkeletonRef = useRef52(showTimelineSkeleton);
+  const bottomDockSafeAreaRef = useRef52(null);
   useLayoutEffect7(() => {
     const timelineSkeletonChanged = lastShowTimelineSkeletonRef.current !== showTimelineSkeleton;
     lastShowTimelineSkeletonRef.current = showTimelineSkeleton;
@@ -39171,17 +39182,33 @@ function useAgentGUIDetailScroll(input) {
       timelineScrollAnchorRef.current = null;
       bottomLockOwnerRef.current = null;
       pendingPrependScrollAnchorRef.current = null;
+      pointerScrollConversationRef.current = null;
       submittedPromptScrollConversationRef.current = null;
       userScrollAwayIntentConversationRef.current = null;
       setIsTimelineScrolledToTop(true);
       setIsTimelineScrolledToBottom(true);
       return;
     }
+    if (activeConversationId !== viewModel.rail.activeConversationId) {
+      bottomLockOwnerRef.current = null;
+      return;
+    }
     const anchor = timelineScrollAnchorRef.current;
     const prependAnchor = pendingPrependScrollAnchorRef.current;
     const shouldScrollSubmittedPromptToBottom = submittedPromptScrollConversationRef.current === activeConversationId;
     const conversationChanged = !anchor || anchor.conversationId !== activeConversationId;
     const shouldRestorePrependAnchor = prependAnchor?.conversationId === activeConversationId;
+    if (!conversationChanged && bottomLockOwnerRef.current === null && anchor.scrollHeight - anchor.scrollTop - anchor.clientHeight <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
+      bottomLockOwnerRef.current = activeConversationId;
+    }
+    if (conversationChanged && showTimelineSkeleton) {
+      bottomLockOwnerRef.current = activeConversationId;
+      pointerScrollConversationRef.current = null;
+      userScrollAwayIntentConversationRef.current = null;
+      setIsTimelineScrolledToTop(true);
+      setIsTimelineScrolledToBottom(true);
+      return;
+    }
     if (!conversationChanged && !shouldScrollSubmittedPromptToBottom && !shouldRestorePrependAnchor && !timelineSkeletonChanged) {
       return;
     }
@@ -39190,6 +39217,7 @@ function useAgentGUIDetailScroll(input) {
     let nextScrollTop;
     if (conversationChanged || shouldScrollSubmittedPromptToBottom) {
       bottomLockOwnerRef.current = activeConversationId;
+      pointerScrollConversationRef.current = null;
       userScrollAwayIntentConversationRef.current = null;
     }
     const shouldKeepBottomLocked = bottomLockOwnerRef.current === activeConversationId;
@@ -39217,6 +39245,7 @@ function useAgentGUIDetailScroll(input) {
     } else {
       const distanceFromBottom = anchor.scrollHeight - anchor.scrollTop - anchor.clientHeight;
       if (distanceFromBottom <= AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
+        bottomLockOwnerRef.current = activeConversationId;
         setTimelineScrollTopInstantly(timeline, maxScrollTop);
         nextScrollTop = maxScrollTop;
       } else {
@@ -39240,70 +39269,46 @@ function useAgentGUIDetailScroll(input) {
     conversation,
     showTimelineSkeleton,
     timelineConversationId,
+    viewModel.rail.activeConversationId,
     viewModel.detail.isLoadingOlderMessages
   ]);
+  const hasTimelineConversation = timelineConversationId !== null;
   useLayoutEffect7(() => {
     const timeline = timelineRef.current;
     const bottomDock = bottomDockRef.current;
-    const activeConversationId = timelineConversationId;
-    if (!timeline || !bottomDock || !activeConversationId) {
+    if (!hasTimelineConversation || !timeline || !bottomDock) {
       return;
     }
     let animationFrameId = null;
-    const syncBottomDockSafeArea = () => {
-      const bottomDockRect = bottomDock.getBoundingClientRect();
-      let timelineVisualTop = bottomDockRect.top;
-      let floatingVisualTop = bottomDockRect.top;
-      bottomDock.querySelectorAll("*").forEach((element) => {
-        if (element.closest(`.${AgentGUINode_styles_default.bottomDockScrollToBottom}`)) {
-          return;
-        }
-        const rect = element.getBoundingClientRect();
-        if (rect.width <= 0 || rect.height <= 0) {
-          return;
-        }
-        if (element.closest(`.${AgentGUINode_styles_default.composerInputShell}`)) {
-          if (element.matches(".agent-gui-node__composer-prompt-input-area")) {
-            floatingVisualTop = Math.min(floatingVisualTop, rect.top);
-          }
-          return;
-        }
-        if (element.closest(`.${AgentGUINode_styles_default.composerDisclosurePanel}`)) {
-          floatingVisualTop = Math.min(floatingVisualTop, rect.top);
-          return;
-        }
-        floatingVisualTop = Math.min(floatingVisualTop, rect.top);
-        timelineVisualTop = Math.min(timelineVisualTop, rect.top);
-      });
-      const timelineOverflowHeight = Math.max(
-        0,
-        Math.ceil(bottomDockRect.top - timelineVisualTop)
-      );
-      const floatingOverflowHeight = Math.max(
-        0,
-        Math.ceil(bottomDockRect.top - floatingVisualTop)
-      );
-      timeline.style.setProperty(
-        "--agent-gui-bottom-dock-safe-area",
-        `${timelineOverflowHeight}px`
-      );
-      bottomDock.style.setProperty(
-        "--agent-gui-bottom-dock-floating-safe-area",
-        `${floatingOverflowHeight}px`
-      );
-    };
-    const syncBottomDockSpace = () => {
-      syncBottomDockSafeArea();
-      if (activeConversationId !== viewModel.rail.activeConversationId) {
-        return;
+    const resolveBottomLockConversation = () => {
+      const activeConversationId = bottomLockOwnerRef.current;
+      if (!activeConversationId) {
+        return null;
       }
       const anchor = timelineScrollAnchorRef.current;
-      const bottomLocked = bottomLockOwnerRef.current === activeConversationId;
       if (!anchor || anchor.conversationId !== activeConversationId) {
+        return null;
+      }
+      return activeConversationId;
+    };
+    const syncBottomDockSafeArea = (forceMeasurement) => {
+      const cachedSafeArea = bottomDockSafeAreaRef.current;
+      if (!forceMeasurement && cachedSafeArea?.bottomDock === bottomDock && cachedSafeArea.revision === bottomDockStoreRevision) {
+        writeBottomDockSafeArea(timeline, cachedSafeArea);
         return;
       }
-      const distanceFromBottom = anchor.scrollHeight - anchor.scrollTop - anchor.clientHeight;
-      if (!bottomLocked && distanceFromBottom > AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
+      const measuredSafeArea = readBottomDockSafeArea(bottomDock);
+      const nextSafeArea = {
+        bottomDock,
+        revision: bottomDockStoreRevision,
+        ...measuredSafeArea
+      };
+      bottomDockSafeAreaRef.current = nextSafeArea;
+      writeBottomDockSafeArea(timeline, nextSafeArea);
+    };
+    const syncConversationBottomLock = () => {
+      const scheduledConversationId = resolveBottomLockConversation();
+      if (!scheduledConversationId) {
         return;
       }
       if (animationFrameId !== null) {
@@ -39311,20 +39316,14 @@ function useAgentGUIDetailScroll(input) {
       }
       animationFrameId = window.requestAnimationFrame(() => {
         animationFrameId = null;
-        const latestAnchor = timelineScrollAnchorRef.current;
-        if (!latestAnchor || latestAnchor.conversationId !== activeConversationId) {
-          return;
-        }
-        const latestDistanceFromBottom = latestAnchor.scrollHeight - latestAnchor.scrollTop - latestAnchor.clientHeight;
-        const latestBottomLocked = bottomLockOwnerRef.current === activeConversationId;
-        if (!latestBottomLocked && latestDistanceFromBottom > AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
+        if (resolveBottomLockConversation() !== scheduledConversationId || timelineRef.current !== timeline) {
           return;
         }
         const geometry = readTimelineGeometry(timeline);
         const maxScrollTop = geometry.maxScrollTop;
         timeline.scrollTop = maxScrollTop;
         timelineScrollAnchorRef.current = {
-          conversationId: activeConversationId,
+          conversationId: scheduledConversationId,
           scrollHeight: geometry.scrollHeight,
           scrollTop: maxScrollTop,
           clientHeight: geometry.clientHeight
@@ -39335,7 +39334,8 @@ function useAgentGUIDetailScroll(input) {
         setIsTimelineScrolledToBottom(true);
       });
     };
-    syncBottomDockSpace();
+    syncBottomDockSafeArea(false);
+    syncConversationBottomLock();
     if (typeof ResizeObserver === "undefined") {
       return () => {
         timeline.style.removeProperty("--agent-gui-bottom-dock-safe-area");
@@ -39347,7 +39347,10 @@ function useAgentGUIDetailScroll(input) {
         }
       };
     }
-    const observer = new ResizeObserver(syncBottomDockSpace);
+    const observer = new ResizeObserver(() => {
+      syncBottomDockSafeArea(true);
+      syncConversationBottomLock();
+    });
     observer.observe(bottomDock);
     const promptInputArea = bottomDock.querySelector(
       ".agent-gui-node__composer-prompt-input-area"
@@ -39365,11 +39368,7 @@ function useAgentGUIDetailScroll(input) {
       }
       observer.disconnect();
     };
-  }, [
-    bottomDockStoreRevision,
-    timelineConversationId,
-    viewModel.rail.activeConversationId
-  ]);
+  }, [bottomDockStoreRevision, hasTimelineConversation]);
   useEffect33(() => {
     const timeline = timelineRef.current;
     const timelineContent = timelineContentRef.current;
@@ -39377,8 +39376,10 @@ function useAgentGUIDetailScroll(input) {
     if (!timeline || !activeConversationId) {
       return;
     }
-    const loadOlderMessagesNearTop = (scrollTop, scrollHeight) => {
-      if (activeConversationId === viewModel.rail.activeConversationId && viewModel.detail.hasOlderMessages && !viewModel.detail.isLoadingOlderMessages && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
+    const loadOlderMessagesNearTop = (scrollTop, scrollHeight, clientHeight) => {
+      const bottomLocked = bottomLockOwnerRef.current === activeConversationId;
+      const needsMoreContentToFillViewport = scrollHeight <= clientHeight;
+      if (activeConversationId === viewModel.rail.activeConversationId && viewModel.detail.hasOlderMessages && !viewModel.detail.isLoadingOlderMessages && !showTimelineSkeleton && (!bottomLocked || needsMoreContentToFillViewport) && scrollTop <= AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX) {
         pendingPrependScrollAnchorRef.current = {
           conversationId: activeConversationId,
           scrollHeight,
@@ -39392,13 +39393,22 @@ function useAgentGUIDetailScroll(input) {
       if (!previousAnchor || previousAnchor.conversationId !== activeConversationId) {
         return;
       }
-      const scrollTop = timeline.scrollTop;
-      const inferredUserScrollAway = scrollTop < previousAnchor.scrollTop - 1;
+      let scrollTop = timeline.scrollTop;
+      const pointerDrivenScrollAway = pointerScrollConversationRef.current === activeConversationId && scrollTop < previousAnchor.scrollTop - 1;
       const explicitUserScrollAway = userScrollAwayIntentConversationRef.current === activeConversationId;
-      if (explicitUserScrollAway || inferredUserScrollAway) {
+      if (explicitUserScrollAway || pointerDrivenScrollAway) {
         bottomLockOwnerRef.current = null;
         userScrollAwayIntentConversationRef.current = null;
       }
+      const bottomLocked = bottomLockOwnerRef.current === activeConversationId;
+      const anchoredMaxScrollTop = Math.max(
+        0,
+        previousAnchor.scrollHeight - previousAnchor.clientHeight
+      );
+      if (bottomLocked && anchoredMaxScrollTop - scrollTop > AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX) {
+        setTimelineScrollTopInstantly(timeline, anchoredMaxScrollTop);
+        scrollTop = anchoredMaxScrollTop;
+      }
       timelineScrollAnchorRef.current = {
         conversationId: activeConversationId,
         scrollHeight: previousAnchor.scrollHeight,
@@ -39414,7 +39424,11 @@ function useAgentGUIDetailScroll(input) {
         scrollTop <= AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX
       );
       setIsTimelineScrolledToBottom(effectiveAtBottom);
-      loadOlderMessagesNearTop(scrollTop, previousAnchor.scrollHeight);
+      loadOlderMessagesNearTop(
+        scrollTop,
+        previousAnchor.scrollHeight,
+        previousAnchor.clientHeight
+      );
     };
     const syncObservedTimelineGeometry = () => {
       const anchor = timelineScrollAnchorRef.current;
@@ -39454,16 +39468,38 @@ function useAgentGUIDetailScroll(input) {
         userScrollAwayIntentConversationRef.current = activeConversationId;
       }
     };
+    const captureSemanticScrollAwayIntent = (event) => {
+      if (event.target instanceof Element && event.target.closest("[data-agent-transcript-scroll-away-intent]")) {
+        userScrollAwayIntentConversationRef.current = activeConversationId;
+      }
+    };
+    const capturePointerIntent = () => {
+      pointerScrollConversationRef.current = activeConversationId;
+    };
+    const clearPointerIntent = () => {
+      if (pointerScrollConversationRef.current === activeConversationId) {
+        pointerScrollConversationRef.current = null;
+      }
+    };
     const initialAnchor = timelineScrollAnchorRef.current;
     if (initialAnchor?.conversationId === activeConversationId) {
       loadOlderMessagesNearTop(
         initialAnchor.scrollTop,
-        initialAnchor.scrollHeight
+        initialAnchor.scrollHeight,
+        initialAnchor.clientHeight
       );
     }
     timeline.addEventListener("scroll", captureScrollAnchor, { passive: true });
     timeline.addEventListener("wheel", captureWheelIntent, { passive: true });
     timeline.addEventListener("keydown", captureKeyboardIntent);
+    timeline.addEventListener("click", captureSemanticScrollAwayIntent);
+    timeline.addEventListener("pointerdown", capturePointerIntent, {
+      passive: true
+    });
+    window.addEventListener("pointerup", clearPointerIntent, { passive: true });
+    window.addEventListener("pointercancel", clearPointerIntent, {
+      passive: true
+    });
     const geometryObserver = timelineContent && typeof ResizeObserver !== "undefined" ? new ResizeObserver(syncObservedTimelineGeometry) : null;
     geometryObserver?.observe(timeline);
     if (timelineContent) {
@@ -39474,10 +39510,15 @@ function useAgentGUIDetailScroll(input) {
       timeline.removeEventListener("scroll", captureScrollAnchor);
       timeline.removeEventListener("wheel", captureWheelIntent);
       timeline.removeEventListener("keydown", captureKeyboardIntent);
+      timeline.removeEventListener("click", captureSemanticScrollAwayIntent);
+      timeline.removeEventListener("pointerdown", capturePointerIntent);
+      window.removeEventListener("pointerup", clearPointerIntent);
+      window.removeEventListener("pointercancel", clearPointerIntent);
     };
   }, [
     actions,
     timelineConversationId,
+    showTimelineSkeleton,
     viewModel.rail.activeConversationId,
     viewModel.detail.hasOlderMessages,
     viewModel.detail.isLoadingOlderMessages
@@ -44568,4 +44609,4 @@ export {
   AgentHandoffMenu,
   AgentGUI
 };
-//# sourceMappingURL=chunk-RLFO3NJV.js.map
+//# sourceMappingURL=chunk-JOUEYIV3.js.map