@lukeashford/aurelius 4.3.0 → 4.5.0

package/dist/index.mjs

@@ -1275,7 +1275,7 @@ var ListSubheader = React14.forwardRef(
 ListSubheader.displayName = "ListSubheader";
 
 // src/components/FileChip.tsx
-import React15 from "react";
+import React15, { useState as useState2 } from "react";
 import {
   File,
   FileArchive,
@@ -1331,12 +1331,12 @@ var statusBorderClass = {
 };
 var statusHoverLabel = {
   pending: null,
-  uploading: "Uploading...",
-  uploaded: "Upload complete. Analyzing...",
-  analyzing: "Upload complete. Analyzing...",
+  uploading: "Uploading",
+  uploaded: "Analyzing",
+  analyzing: "Analyzing",
   analyzed: null,
-  upload_failed: "Upload failed. Remove and try again.",
-  analysis_failed: "Analysis failed. Provide a description in your next message."
+  upload_failed: "Upload failed",
+  analysis_failed: "Couldn't process this file"
 };
 function isErrorStatus(status) {
   return status === "upload_failed" || status === "analysis_failed";
@@ -1362,7 +1362,9 @@ var FileChip = React15.forwardRef(
     const showPreview = isImage && previewUrl;
     const clickable = !!(artifactId && onOpen);
     const hoverLabel = statusHoverLabel[status];
-    const tooltip = title ?? hoverLabel ?? name;
+    const tooltipContent = isErrorStatus(status) ? error ?? hoverLabel ?? null : hoverLabel;
+    const [hovered, setHovered] = useState2(false);
+    const [focused, setFocused] = useState2(false);
     const showError = isErrorStatus(status);
     const handleClick = () => {
       if (clickable) {
@@ -1378,7 +1380,8 @@ var FileChip = React15.forwardRef(
         onOpen(artifactId);
       }
     };
-    return /* @__PURE__ */ React15.createElement(
+    const tooltipOpen = tooltipContent !== null && (hovered || focused);
+    const chip = /* @__PURE__ */ React15.createElement(
       "div",
       {
         ...rest,
@@ -1396,7 +1399,11 @@ var FileChip = React15.forwardRef(
         tabIndex: clickable ? 0 : void 0,
         onClick: clickable ? handleClick : void 0,
         onKeyDown: clickable ? handleKeyDown : void 0,
-        title: tooltip,
+        onMouseEnter: () => setHovered(true),
+        onMouseLeave: () => setHovered(false),
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        title,
         "aria-label": hoverLabel ? `${name}: ${hoverLabel}` : name
       },
       showPreview ? /* @__PURE__ */ React15.createElement("div", { className: "w-8 h-8 flex-shrink-0 overflow-hidden bg-slate" }, /* @__PURE__ */ React15.createElement(
@@ -1433,6 +1440,10 @@ var FileChip = React15.forwardRef(
         /* @__PURE__ */ React15.createElement(X, { className: "w-3.5 h-3.5" })
       )
     );
+    if (tooltipContent === null) {
+      return chip;
+    }
+    return /* @__PURE__ */ React15.createElement(Tooltip, { content: tooltipContent, open: tooltipOpen, side: "top" }, chip);
   }
 );
 FileChip.displayName = "FileChip";
@@ -1695,7 +1706,7 @@ var Radio = React22.forwardRef(
 Radio.displayName = "Radio";
 
 // src/components/Switch.tsx
-import React23, { useCallback as useCallback4, useRef as useRef2, useState as useState2 } from "react";
+import React23, { useCallback as useCallback4, useRef as useRef2, useState as useState3 } from "react";
 var Switch = React23.forwardRef(
   ({
     checked: controlledChecked,
@@ -1706,7 +1717,7 @@ var Switch = React23.forwardRef(
     label,
     ...rest
   }, ref) => {
-    const [internalChecked, setInternalChecked] = useState2(defaultChecked);
+    const [internalChecked, setInternalChecked] = useState3(defaultChecked);
     const isControlled = controlledChecked !== void 0;
     const checked = isControlled ? controlledChecked : internalChecked;
     const buttonRef = useRef2(null);
@@ -1780,7 +1791,7 @@ var Switch = React23.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/Slider.tsx
-import React24, { useCallback as useCallback5, useRef as useRef3, useState as useState3 } from "react";
+import React24, { useCallback as useCallback5, useRef as useRef3, useState as useState4 } from "react";
 var SIZE_TRACK = {
   sm: "h-1",
   md: "h-2",
@@ -1807,8 +1818,8 @@ var Slider = React24.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = useState3(defaultValue);
-    const [isDragging, setIsDragging] = useState3(false);
+    const [internalValue, setInternalValue] = useState4(defaultValue);
+    const [isDragging, setIsDragging] = useState4(false);
     const trackRef = useRef3(null);
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : internalValue;
@@ -2169,7 +2180,7 @@ var Progress = React28.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/Toast.tsx
-import React29, { createContext as createContext2, useCallback as useCallback6, useContext as useContext2, useEffect as useEffect2, useState as useState4 } from "react";
+import React29, { createContext as createContext2, useCallback as useCallback6, useContext as useContext2, useEffect as useEffect2, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { AlertCircle, AlertTriangle as AlertTriangle2, CheckCircle as CheckCircle2, Info as Info2, X as X2 } from "lucide-react";
 var toastCounter = 0;
@@ -2199,8 +2210,8 @@ var ToastProvider = ({
   position = "bottom-right",
   defaultDuration = 5e3
 }) => {
-  const [toasts, setToasts] = useState4([]);
-  const [mounted, setMounted] = useState4(false);
+  const [toasts, setToasts] = useState5([]);
+  const [mounted, setMounted] = useState5(false);
   useEffect2(() => {
     setMounted(true);
   }, []);
@@ -2306,11 +2317,11 @@ var Toast = ({
 Toast.displayName = "Toast";
 
 // src/components/Modal.tsx
-import React30, { useEffect as useEffect3, useState as useState5 } from "react";
+import React30, { useEffect as useEffect3, useState as useState6 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { X as X3 } from "lucide-react";
 var Modal = ({ isOpen, onClose, title, children, className }) => {
-  const [mounted, setMounted] = useState5(false);
+  const [mounted, setMounted] = useState6(false);
   useEffect3(() => {
     setMounted(true);
   }, []);
@@ -2355,7 +2366,7 @@ var Modal = ({ isOpen, onClose, title, children, className }) => {
 Modal.displayName = "Modal";
 
 // src/components/Drawer.tsx
-import React31, { useEffect as useEffect4, useState as useState6 } from "react";
+import React31, { useEffect as useEffect4, useState as useState7 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { X as X4 } from "lucide-react";
 var SIZE_MAP2 = {
@@ -2411,7 +2422,7 @@ var Drawer = ({
   children,
   className
 }) => {
-  const [mounted, setMounted] = useState6(false);
+  const [mounted, setMounted] = useState7(false);
   useEffect4(() => {
     setMounted(true);
   }, []);
@@ -2474,7 +2485,7 @@ var Drawer = ({
 Drawer.displayName = "Drawer";
 
 // src/components/Popover.tsx
-import React32, { useCallback as useCallback7, useId as useId3, useRef as useRef4, useState as useState7 } from "react";
+import React32, { useCallback as useCallback7, useId as useId3, useRef as useRef4, useState as useState8 } from "react";
 var POSITION_CLASSES3 = {
   top: {
     start: "bottom-full left-0 mb-2",
@@ -2506,7 +2517,7 @@ var Popover = ({
   onOpenChange,
   closeOnClickOutside = true
 }) => {
-  const [internalOpen, setInternalOpen] = useState7(false);
+  const [internalOpen, setInternalOpen] = useState8(false);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
   const containerRef = useRef4(null);
@@ -2654,7 +2665,7 @@ var PromptDialog = ({
 PromptDialog.displayName = "PromptDialog";
 
 // src/components/Tabs.tsx
-import React34, { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useId as useId4, useState as useState8 } from "react";
+import React34, { createContext as createContext3, useCallback as useCallback9, useContext as useContext3, useId as useId4, useState as useState9 } from "react";
 var TabsContext = createContext3(null);
 function useTabsContext() {
   const context = useContext3(TabsContext);
@@ -2665,7 +2676,7 @@ function useTabsContext() {
 }
 var Tabs = React34.forwardRef(
   ({ defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = useState8(defaultValue ?? "");
+    const [internalValue, setInternalValue] = useState9(defaultValue ?? "");
     const isControlled = value !== void 0;
     const activeTab = isControlled ? value : internalValue;
     const baseId = useId4();
@@ -2765,7 +2776,7 @@ var TabPanel = React34.forwardRef(
 TabPanel.displayName = "TabPanel";
 
 // src/components/Accordion.tsx
-import React35, { createContext as createContext4, useCallback as useCallback10, useContext as useContext4, useId as useId5, useState as useState9 } from "react";
+import React35, { createContext as createContext4, useCallback as useCallback10, useContext as useContext4, useId as useId5, useState as useState10 } from "react";
 import { ChevronDown } from "lucide-react";
 var AccordionContext = createContext4(null);
 function useAccordionContext() {
@@ -2777,7 +2788,7 @@ function useAccordionContext() {
 }
 var Accordion = React35.forwardRef(
   ({ type = "single", defaultValue, value, onValueChange, children, className, ...props }, ref) => {
-    const [internalValue, setInternalValue] = useState9(() => {
+    const [internalValue, setInternalValue] = useState10(() => {
       if (defaultValue) {
         return new Set(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
       }
@@ -2916,7 +2927,7 @@ import React36, {
   useEffect as useEffect5,
   useId as useId6,
   useRef as useRef5,
-  useState as useState10
+  useState as useState11
 } from "react";
 var MenuContext = createContext5(null);
 function useMenuContext() {
@@ -2927,7 +2938,7 @@ function useMenuContext() {
   return context;
 }
 var Menu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = useState10(false);
+  const [internalOpen, setInternalOpen] = useState11(false);
   const isControlled = open !== void 0;
   const isOpen = isControlled ? open : internalOpen;
   const baseId = useId6();
@@ -3751,7 +3762,7 @@ function SquareLoaderIcon({ className, ...props }) {
 }
 
 // src/components/Message.tsx
-import React55, { useCallback as useCallback12, useEffect as useEffect6, useRef as useRef6, useState as useState11 } from "react";
+import React55, { useCallback as useCallback12, useEffect as useEffect6, useRef as useRef6, useState as useState12 } from "react";
 import { Check as Check3, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Copy, GitBranch, Pencil, RotateCcw, Send, X as X5 } from "lucide-react";
 
 // src/components/MarkdownContent.tsx
@@ -3938,12 +3949,29 @@ var Message = React55.forwardRef(
     hideActions,
     attachments,
     onAttachmentOpen,
+    onJumpHere,
+    isActive,
     ...rest
   }, ref) => {
     const isUser = variant === "user";
+    const isJumpInteractive = !!onJumpHere && !isActive && !isStreaming;
+    const handleBubbleClick = useCallback12((e) => {
+      if (!isJumpInteractive) {
+        return;
+      }
+      const target = e.target;
+      if (target.closest("a, button")) {
+        return;
+      }
+      const selection = typeof window !== "undefined" ? window.getSelection() : null;
+      if (selection && !selection.isCollapsed) {
+        return;
+      }
+      onJumpHere();
+    }, [isJumpInteractive, onJumpHere]);
     const { copied, copy } = useCopyToClipboard();
-    const [isEditing, setIsEditing] = useState11(false);
-    const [editValue, setEditValue] = useState11(typeof content === "string" ? content : "");
+    const [isEditing, setIsEditing] = useState12(false);
+    const [editValue, setEditValue] = useState12(typeof content === "string" ? content : "");
     const textareaRef = useRef6(null);
     const showBranchNav = branchInfo && branchInfo.total > 1;
     const showActions = actions && !hideActions && !isStreaming;
@@ -4047,8 +4075,12 @@ var Message = React55.forwardRef(
         {
           className: cx(
             "px-3 py-2 w-fit max-w-11/12",
-            VARIANT_STYLES3[variant]
-          )
+            VARIANT_STYLES3[variant],
+            isJumpInteractive && "cursor-pointer hover:brightness-110 transition-all duration-150"
+          ),
+          onClick: isJumpInteractive ? handleBubbleClick : void 0,
+          role: isJumpInteractive ? "button" : void 0,
+          "aria-label": isJumpInteractive ? "Jump to this message" : void 0
         },
         typeof content === "string" ? /* @__PURE__ */ React55.createElement(
           MarkdownContent,
@@ -4123,7 +4155,7 @@ var StreamingCursor = React56.forwardRef(
 StreamingCursor.displayName = "StreamingCursor";
 
 // src/components/chat/ChatInterface.tsx
-import React76, { useCallback as useCallback22, useEffect as useEffect16, useMemo as useMemo5, useRef as useRef15, useState as useState22 } from "react";
+import React76, { useCallback as useCallback22, useEffect as useEffect16, useMemo as useMemo5, useRef as useRef15, useState as useState23 } from "react";
 
 // src/components/chat/ChatView.tsx
 import React60, { useEffect as useEffect9 } from "react";
@@ -4175,14 +4207,14 @@ function useScrollAnchor(options = {}) {
 }
 
 // src/components/chat/hooks/useAdaptiveSpacer.ts
-import { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect7, useRef as useRef8, useState as useState13 } from "react";
 function useAdaptiveSpacer(options = {}) {
   const { minHeight = 0, containerRef: externalContainerRef, anchorRef } = options;
   const internalContainerRef = useRef8(null);
   const containerRef = externalContainerRef ?? internalContainerRef;
   const contentRef = useRef8(null);
   const spacerRef = useRef8(null);
-  const [spacerHeight, setSpacerHeight] = useState12(0);
+  const [spacerHeight, setSpacerHeight] = useState13(0);
   const recalculate = useCallback14(() => {
     const container = containerRef.current;
     const content = contentRef.current;
@@ -4242,7 +4274,7 @@ function useAdaptiveSpacer(options = {}) {
 }
 
 // src/components/chat/ThinkingIndicator.tsx
-import React57, { useEffect as useEffect8, useState as useState13 } from "react";
+import React57, { useEffect as useEffect8, useState as useState14 } from "react";
 var THINKING_PHRASES = [
   "Consulting the ancient tomes...",
   "Parsing the ineffable...",
@@ -4267,10 +4299,10 @@ var ThinkingIndicator = React57.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [currentIndex, setCurrentIndex] = useState13(
+    const [currentIndex, setCurrentIndex] = useState14(
       () => Math.floor(Math.random() * phrases.length)
     );
-    const [isTransitioning, setIsTransitioning] = useState13(false);
+    const [isTransitioning, setIsTransitioning] = useState14(false);
     const isManual = manualLabel !== void 0;
     useEffect8(() => {
       if (!isVisible || isManual || phrases.length <= 1) {
@@ -4624,7 +4656,7 @@ var ChatView = React60.forwardRef(
 ChatView.displayName = "ChatView";
 
 // src/components/chat/ChatInput.tsx
-import React61, { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef9, useState as useState14 } from "react";
+import React61, { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef9, useState as useState15 } from "react";
 import { Paperclip, Send as Send2, Square, X as X6 } from "lucide-react";
 
 // src/components/chat/types.ts
@@ -4672,9 +4704,9 @@ var ChatInput = React61.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [value, setValue] = useState14(initialInputValue);
-    const [localAttachments, setLocalAttachments] = useState14([]);
-    const [isDragOver, setIsDragOver] = useState14(false);
+    const [value, setValue] = useState15(initialInputValue);
+    const [localAttachments, setLocalAttachments] = useState15([]);
+    const [isDragOver, setIsDragOver] = useState15(false);
     const textareaRef = useRef9(null);
     const fileInputRef = useRef9(null);
     const attachments = controlledAttachments ?? localAttachments;
@@ -4931,7 +4963,7 @@ var ChatInput = React61.forwardRef(
 ChatInput.displayName = "ChatInput";
 
 // src/components/chat/ArtifactsPanel.tsx
-import React71, { useCallback as useCallback18, useEffect as useEffect13, useRef as useRef12, useState as useState18 } from "react";
+import React71, { useCallback as useCallback18, useEffect as useEffect13, useRef as useRef12, useState as useState19 } from "react";
 import { Image } from "lucide-react";
 
 // src/components/ArtifactCard.tsx
@@ -5460,7 +5492,7 @@ var ArtifactCard = React68.forwardRef(
 ArtifactCard.displayName = "ArtifactCard";
 
 // src/components/ArtifactGroup.tsx
-import React69, { useEffect as useEffect11, useRef as useRef10, useState as useState15 } from "react";
+import React69, { useEffect as useEffect11, useRef as useRef10, useState as useState16 } from "react";
 var LAYER_OFFSET = "8px";
 var LAYER_OFFSET_2X = "16px";
 var ArtifactGroup = React69.forwardRef(
@@ -5469,7 +5501,7 @@ var ArtifactGroup = React69.forwardRef(
     const count = children.length;
     const frontChild = children[0];
     const prevCountRef = useRef10(count);
-    const [badgePing, setBadgePing] = useState15(false);
+    const [badgePing, setBadgePing] = useState16(false);
     useEffect11(() => {
       if (count !== prevCountRef.current) {
         prevCountRef.current = count;
@@ -5590,15 +5622,15 @@ var ArtifactVariantStack = React70.forwardRef(
 ArtifactVariantStack.displayName = "ArtifactVariantStack";
 
 // src/components/chat/hooks/useResizable.ts
-import { useCallback as useCallback16, useEffect as useEffect12, useRef as useRef11, useState as useState16 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect12, useRef as useRef11, useState as useState17 } from "react";
 function useResizable({
   initialWidthPercent,
   minWidthPercent,
   maxWidthPercent,
   direction
 }) {
-  const [widthPercent, setWidthPercent] = useState16(initialWidthPercent);
-  const [isResizing, setIsResizing] = useState16(false);
+  const [widthPercent, setWidthPercent] = useState17(initialWidthPercent);
+  const [isResizing, setIsResizing] = useState17(false);
   const lastX = useRef11(null);
   const startResizing = useCallback16((e) => {
     e.preventDefault();
@@ -5649,9 +5681,9 @@ function useResizable({
 }
 
 // src/components/chat/hooks/useArtifactTreeNavigation.ts
-import { useCallback as useCallback17, useMemo as useMemo2, useState as useState17 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo2, useState as useState18 } from "react";
 function useArtifactTreeNavigation(rootNodes) {
-  const [stack, setStack] = useState17([]);
+  const [stack, setStack] = useState18([]);
   const currentNodes = useMemo2(() => {
     if (stack.length === 0) return rootNodes;
     return stack[stack.length - 1].children;
@@ -5825,8 +5857,8 @@ var ArtifactsPanel = React71.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [expandedArtifact, setExpandedArtifact] = useState18(null);
-    const [zoomIndex, setZoomIndex] = useState18(ZOOM_LEVELS.length - 1);
+    const [expandedArtifact, setExpandedArtifact] = useState19(null);
+    const [zoomIndex, setZoomIndex] = useState19(ZOOM_LEVELS.length - 1);
     const treeNav = useArtifactTreeNavigation(nodes || []);
     const hasNodes = !!nodes && nodes.length > 0;
     const handleExpandArtifact = useCallback18((artifact) => {
@@ -5856,7 +5888,7 @@ var ArtifactsPanel = React71.forwardRef(
     }, []);
     const currentZoom = ZOOM_LEVELS[zoomIndex];
     const contentRef = useRef12(null);
-    const [contentHeight, setContentHeight] = useState18(void 0);
+    const [contentHeight, setContentHeight] = useState19(void 0);
     useEffect13(() => {
       const el = contentRef.current;
       if (!el) {
@@ -6025,7 +6057,7 @@ var ArtifactsPanelToggle = React71.forwardRef(({ artifactCount = 0, onExpand, cl
 ArtifactsPanelToggle.displayName = "ArtifactsPanelToggle";
 
 // src/components/chat/HistoryPanel.tsx
-import React72, { useCallback as useCallback19, useEffect as useEffect14, useMemo as useMemo3, useRef as useRef13, useState as useState19 } from "react";
+import React72, { useCallback as useCallback19, useEffect as useEffect14, useMemo as useMemo3, useRef as useRef13, useState as useState20 } from "react";
 import { ChevronDown as ChevronDown2, Pencil as Pencil2 } from "lucide-react";
 function parseTimestamp(ts) {
   if (ts == null) {
@@ -6068,7 +6100,7 @@ function ProjectFilter({
   onChange,
   className
 }) {
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const ref = useRef13(null);
   const closeFilter = useCallback19(() => setOpen(false), []);
   useClickOutside(ref, closeFilter, open);
@@ -6145,8 +6177,8 @@ function ConversationRow({
   onSelect,
   onRename
 }) {
-  const [isEditing, setIsEditing] = useState19(false);
-  const [draft, setDraft] = useState19(conversation.title);
+  const [isEditing, setIsEditing] = useState20(false);
+  const [draft, setDraft] = useState20(conversation.title);
   const inputRef = useRef13(null);
   useEffect14(() => {
     if (isEditing && inputRef.current) {
@@ -6250,7 +6282,7 @@ function HistoryPanel({
   onNewChat,
   onRenameConversation
 }) {
-  const [projectFilter, setProjectFilter] = useState19(null);
+  const [projectFilter, setProjectFilter] = useState20(null);
   const projects = useMemo3(() => {
     const set = /* @__PURE__ */ new Set();
     for (const c of conversations) {
@@ -6316,7 +6348,7 @@ function HistoryPanel({
 }
 
 // src/components/chat/TodosList.tsx
-import React73, { useCallback as useCallback20, useMemo as useMemo4, useState as useState20 } from "react";
+import React73, { useCallback as useCallback20, useMemo as useMemo4, useState as useState21 } from "react";
 import { Loader2 as Loader22, Square as Square2 } from "lucide-react";
 var TASK_STATUSES = {
   PENDING: "pending",
@@ -6395,7 +6427,7 @@ function hasInProgressTask(tasks) {
 var TodosList = React73.forwardRef(
   ({ tasks, title = "Tasks", onStopAllTasks, className, ...rest }, ref) => {
     const sortedTasks = useMemo4(() => sortTasks(tasks), [tasks]);
-    const [isStopping, setIsStopping] = useState20(false);
+    const [isStopping, setIsStopping] = useState21(false);
     const handleStopClick = useCallback20(async () => {
       if (!onStopAllTasks || isStopping) {
         return;
@@ -6521,7 +6553,7 @@ var ToolSidebar = React74.forwardRef(
 ToolSidebar.displayName = "ToolSidebar";
 
 // src/components/chat/ToolPanelContainer.tsx
-import React75, { useCallback as useCallback21, useEffect as useEffect15, useRef as useRef14, useState as useState21 } from "react";
+import React75, { useCallback as useCallback21, useEffect as useEffect15, useRef as useRef14, useState as useState22 } from "react";
 var ToolPanelContainer = React75.forwardRef(
   ({
     topContent,
@@ -6533,8 +6565,8 @@ var ToolPanelContainer = React75.forwardRef(
     initialTopPercent = 60,
     ...rest
   }, ref) => {
-    const [topPercent, setTopPercent] = useState21(initialTopPercent);
-    const [isResizingHeight, setIsResizingHeight] = useState21(false);
+    const [topPercent, setTopPercent] = useState22(initialTopPercent);
+    const [isResizingHeight, setIsResizingHeight] = useState22(false);
     const containerRef = useRef14(null);
     const lastY = useRef14(null);
     const hasBoth = topContent !== null && bottomContent !== null;
@@ -6793,7 +6825,7 @@ var ChatInterface = React76.forwardRef(
     onMessageSubmit,
     onEditMessage,
     onRetryMessage,
-    onJumpToCheckpoint,
+    onJumpHere,
     onJumpToLatest,
     onStop,
     onSelectConversation,
@@ -6827,7 +6859,7 @@ var ChatInterface = React76.forwardRef(
   }, ref) => {
     const prevArtifactNodesRef = useRef15([]);
     const prevTasksRef = useRef15([]);
-    const [panelOpenArtifactId, setPanelOpenArtifactId] = useState22(null);
+    const [panelOpenArtifactId, setPanelOpenArtifactId] = useState23(null);
     const handleAttachmentOpen = useCallback22((artifactId) => {
       setPanelOpenArtifactId(artifactId);
       onAttachmentOpen?.(artifactId);
@@ -6835,7 +6867,7 @@ var ChatInterface = React76.forwardRef(
     const handleArtifactPanelClosed = useCallback22(() => {
       setPanelOpenArtifactId(null);
     }, []);
-    const [internalTools, setInternalTools] = useState22({
+    const [internalTools, setInternalTools] = useState23({
       "top-left": "history",
       "bottom-left": null,
       "top-right": null,
@@ -6969,16 +7001,16 @@ var ChatInterface = React76.forwardRef(
       },
       [tree, onTreeChange]
     );
-    const handleJumpToCheckpoint = useCallback22((checkpointId) => {
+    const handleJumpHere = useCallback22((nodeId) => {
       if (!tree) return;
-      if (onJumpToCheckpoint) {
-        onJumpToCheckpoint(checkpointId);
+      if (onJumpHere) {
+        onJumpHere(nodeId);
         return;
       }
       if (onTreeChange) {
-        onTreeChange(setActiveLeaf(tree, checkpointId));
+        onTreeChange(setActiveLeaf(tree, nodeId));
       }
-    }, [tree, onTreeChange, onJumpToCheckpoint]);
+    }, [tree, onTreeChange, onJumpHere]);
     const handleJumpToLatest = useCallback22(() => {
       if (!tree) return;
       if (onJumpToLatest) {
@@ -7006,7 +7038,7 @@ var ChatInterface = React76.forwardRef(
             isActive: node.id === activeCheckpointId && !opts.muted,
             muted: opts.muted,
             branchInfo,
-            onJumpHere: () => handleJumpToCheckpoint(node.id)
+            onJumpHere: () => handleJumpHere(node.id)
           };
         }
         const actions = enableMessageActions ? {
@@ -7014,6 +7046,7 @@ var ChatInterface = React76.forwardRef(
           onEdit: node.role === "user" && onEditMessage ? (newContent) => onEditMessage(node.id, newContent) : void 0,
           onRetry: node.role === "assistant" && onRetryMessage ? () => onRetryMessage(node.id) : void 0
         } : void 0;
+        const isActiveLeaf = tree?.activeLeafId === node.id;
         return {
           kind: "message",
           id: node.id,
@@ -7030,7 +7063,9 @@ var ChatInterface = React76.forwardRef(
             artifactId: a.artifactId,
             status: a.status ?? "analyzed"
           })) : void 0,
-          onAttachmentOpen: handleAttachmentOpen
+          onAttachmentOpen: handleAttachmentOpen,
+          isActive: isActiveLeaf,
+          onJumpHere: () => handleJumpHere(node.id)
         };
       },
       [
@@ -7040,7 +7075,7 @@ var ChatInterface = React76.forwardRef(
         onEditMessage,
         onRetryMessage,
         handleBranchSwitch,
-        handleJumpToCheckpoint,
+        handleJumpHere,
         handleAttachmentOpen
       ]
     );
@@ -7229,7 +7264,7 @@ var ChatInterface = React76.forwardRef(
 ChatInterface.displayName = "ChatInterface";
 
 // src/components/chat/MessageActions.tsx
-import React77, { useCallback as useCallback23, useState as useState23 } from "react";
+import React77, { useCallback as useCallback23, useState as useState24 } from "react";
 import { Check as Check4, Copy as Copy2, Pencil as Pencil3, RotateCcw as RotateCcw2, Send as Send3, X as X7 } from "lucide-react";
 var ActionButton2 = ({ onClick, label, children, className, disabled }) => /* @__PURE__ */ React77.createElement(
   "button",
@@ -7259,8 +7294,8 @@ var MessageActions = React77.forwardRef(
     className,
     ...rest
   }, ref) => {
-    const [localIsEditing, setLocalIsEditing] = useState23(false);
-    const [localEditValue, setLocalEditValue] = useState23(content);
+    const [localIsEditing, setLocalIsEditing] = useState24(false);
+    const [localEditValue, setLocalEditValue] = useState24(content);
     const { copied, copy } = useCopyToClipboard();
     const isEditing = controlledIsEditing ?? localIsEditing;
     const editValue = controlledEditValue ?? localEditValue;