@tutti-os/agent-gui 0.0.56 → 0.0.57

package/dist/{chunk-X4C4HD6E.js → chunk-DZ76JPCV.js}

@@ -15,7 +15,7 @@ import {
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction,
   useAgentTargetPresentations
-} from "./chunk-6QFURP4M.js";
+} from "./chunk-2VHP7KQ5.js";
 import {
   AGENT_RICH_TEXT_CARET_ANCHOR,
   attrsToMentionItem,
@@ -23,7 +23,7 @@ import {
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-MXDPRBS6.js";
+} from "./chunk-N37A5CJH.js";
 import {
   fileChangeCountFromChanges,
   fileChangeEntriesFromChanges,
@@ -40,7 +40,7 @@ import {
 import {
   getActiveUiLanguage,
   translate
-} from "./chunk-5PGMLZ4W.js";
+} from "./chunk-Z3AAQQFD.js";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -14110,8 +14110,12 @@ var AGENT_TRANSCRIPT_TURN_GAP_PX = 12;
 var AGENT_TRANSCRIPT_FALLBACK_TURN_COUNT = 3;
 var AGENT_MESSAGE_LOCATOR_PANEL_FADE_MS = 160;
 var AGENT_MESSAGE_LOCATOR_ITEM_SPACING_PX = 30;
-var AGENT_MESSAGE_LOCATOR_HIT_SIZE_PX = 18;
+var AGENT_MESSAGE_LOCATOR_HIT_SIZE_PX = 36;
 var AGENT_MESSAGE_LOCATOR_BOTTOM_SAFE_INSET_MAX_PX = 48;
+var AGENT_MESSAGE_LOCATOR_NATIVE_SMOOTH_MAX_DISTANCE_PX = 720;
+var AGENT_MESSAGE_LOCATOR_FAST_SCROLL_SPEED_PX_PER_MS = 8;
+var AGENT_MESSAGE_LOCATOR_FAST_SCROLL_MIN_DURATION_MS = 120;
+var agentMessageLocatorScrollAnimations = /* @__PURE__ */ new WeakMap();
 function transcriptLabelsEqual(previous, next) {
   return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.userMessageLocator === next.userMessageLocator && previous.toolCallsLabel === next.toolCallsLabel;
 }
@@ -14213,10 +14217,10 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
         if (!renderedRow) {
           return false;
         }
-        renderedRow.scrollIntoView({
-          block: "center",
-          behavior: "smooth"
-        });
+        scrollTranscriptRowIntoView(
+          renderedRow,
+          scrollParent ?? findMessageLocatorScrollParent(renderedRow)
+        );
         return true;
       };
       if (scrollToRenderedRow()) {
@@ -14531,6 +14535,33 @@ function AgentMessageLocatorRail({
     markItemRead(item.key);
     onLocate(item);
   };
+  const itemFromPointerEvent = (event) => {
+    const viewport = locatorViewportRef.current;
+    if (!viewport) {
+      return null;
+    }
+    const rect = viewport.getBoundingClientRect();
+    const pointerY = event.clientY - rect.top + viewport.scrollTop;
+    const index = Math.round(
+      (pointerY - AGENT_MESSAGE_LOCATOR_HIT_SIZE_PX / 2) / AGENT_MESSAGE_LOCATOR_ITEM_SPACING_PX
+    );
+    return items[Math.max(0, Math.min(items.length - 1, index))] ?? null;
+  };
+  const handleViewportClick = (event) => {
+    if (event.target?.closest("button")) {
+      return;
+    }
+    const item = itemFromPointerEvent(event);
+    if (item) {
+      handleLocateItem(item);
+    }
+  };
+  const handleViewportMouseMove = (event) => {
+    const item = itemFromPointerEvent(event);
+    if (item) {
+      setActiveKey(item.key);
+    }
+  };
   const openPanel = () => {
     if (closePanelTimeoutRef.current !== null) {
       window.clearTimeout(closePanelTimeoutRef.current);
@@ -14589,6 +14620,8 @@ function AgentMessageLocatorRail({
             ref: locatorViewportRef,
             className: "agent-gui-message-locator__viewport",
             "data-testid": "agent-message-locator-viewport",
+            onClick: handleViewportClick,
+            onMouseMove: handleViewportMouseMove,
             children: /* @__PURE__ */ jsxs44(
               "div",
               {
@@ -14681,6 +14714,67 @@ function scrollMessageLocatorViewportToIndex(viewport, selectedIndex, viewportHe
     viewport.scrollTop = Math.max(0, selectedBottom - viewportHeight + padding);
   }
 }
+function scrollTranscriptRowIntoView(row, scrollParent) {
+  if (!scrollParent) {
+    row.scrollIntoView({
+      block: "center",
+      behavior: "smooth"
+    });
+    return;
+  }
+  const targetScrollTop = targetScrollTopForTranscriptRow(row, scrollParent);
+  const distance = Math.abs(targetScrollTop - scrollParent.scrollTop);
+  if (distance <= AGENT_MESSAGE_LOCATOR_NATIVE_SMOOTH_MAX_DISTANCE_PX) {
+    row.scrollIntoView({
+      block: "center",
+      behavior: "smooth"
+    });
+    return;
+  }
+  animateMessageLocatorScroll(scrollParent, targetScrollTop, distance);
+}
+function targetScrollTopForTranscriptRow(row, scrollParent) {
+  const rowRect = row.getBoundingClientRect();
+  const scrollParentRect = scrollParent.getBoundingClientRect();
+  const visibleFrame = readMessageLocatorVisibleFrame(scrollParent);
+  const rowCenter = rowRect.top - scrollParentRect.top + scrollParent.scrollTop + rowRect.height / 2;
+  const maxScrollTop = Math.max(
+    0,
+    scrollParent.scrollHeight - scrollParent.clientHeight
+  );
+  const targetScrollTop = rowCenter - visibleFrame.topOffsetPx - visibleFrame.heightPx / 2;
+  return Math.min(maxScrollTop, Math.max(0, targetScrollTop));
+}
+function animateMessageLocatorScroll(scrollParent, targetScrollTop, distance) {
+  const previousAnimation = agentMessageLocatorScrollAnimations.get(scrollParent);
+  if (previousAnimation !== void 0) {
+    window.cancelAnimationFrame(previousAnimation);
+  }
+  const startScrollTop = scrollParent.scrollTop;
+  const delta = targetScrollTop - startScrollTop;
+  const durationMs = Math.max(
+    AGENT_MESSAGE_LOCATOR_FAST_SCROLL_MIN_DURATION_MS,
+    distance / AGENT_MESSAGE_LOCATOR_FAST_SCROLL_SPEED_PX_PER_MS
+  );
+  const startedAt = performance.now();
+  const step = (now) => {
+    const progress = Math.min(1, (now - startedAt) / durationMs);
+    scrollParent.scrollTop = startScrollTop + delta * progress;
+    if (progress >= 1) {
+      scrollParent.scrollTop = targetScrollTop;
+      agentMessageLocatorScrollAnimations.delete(scrollParent);
+      return;
+    }
+    agentMessageLocatorScrollAnimations.set(
+      scrollParent,
+      window.requestAnimationFrame(step)
+    );
+  };
+  agentMessageLocatorScrollAnimations.set(
+    scrollParent,
+    window.requestAnimationFrame(step)
+  );
+}
 function readMessageLocatorVisibleFrame(scrollParent) {
   const style = window.getComputedStyle(scrollParent);
   const topOffsetPx = parseCssPx(style.scrollPaddingTop);
@@ -14956,4 +15050,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-X4C4HD6E.js.map
+//# sourceMappingURL=chunk-DZ76JPCV.js.map