@lukeashford/aurelius 4.4.0 → 4.5.0

package/dist/index.d.mts

@@ -742,6 +742,20 @@ interface MessageProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'con
      * artifact-card modal in the host app.
      */
     onAttachmentOpen?: (artifactId: string) => void;
+    /**
+     * Click handler for the bubble — when provided, the message becomes a
+     * navigational anchor (mirrors Checkpoint's `onJumpHere`): clicking the
+     * bubble moves the active leaf to this node. Suppressed when `isActive`
+     * is true (already here) or when the user is selecting text or clicking
+     * a markdown link inside the bubble.
+     */
+    onJumpHere?: () => void;
+    /**
+     * When true, this message is the active leaf — `onJumpHere` is suppressed
+     * (no point jumping to where you already are) and the affordance hover
+     * styling is skipped.
+     */
+    isActive?: boolean;
 }
 declare const Message: React$1.ForwardRefExoticComponent<MessageProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1417,12 +1431,12 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      */
     onRetryMessage?: (messageId: string) => void;
     /**
-     * Called when the user clicks a non-active checkpoint to rewind. Receives
-     * the checkpoint id; the consumer should move the active leaf there
-     * (without forking) so the artifacts panel and chat re-anchor.
-     * In tree mode only.
+     * Called when the user clicks a non-active node — checkpoint or message —
+     * to move the active leaf there. Receives the node id; the consumer should
+     * move the active leaf without forking so the artifacts panel and chat
+     * re-anchor. Mirrors the per-component `onJumpHere`. In tree mode only.
      */
-    onJumpToCheckpoint?: (checkpointId: string) => void;
+    onJumpHere?: (nodeId: string) => void;
     /**
      * Called when the user clicks "Jump to latest" on the greyed-future divider
      * or otherwise asks to return to the deepest leaf they had reached.
@@ -1682,6 +1696,18 @@ interface ChatViewMessageItem extends Omit<MessageProps, 'variant' | 'children'>
     actions?: MessageActionsConfig;
     /** When true, this row is rendered in the greyed-future region. */
     muted?: boolean;
+    /**
+     * When true, this message is the active leaf — Message will suppress its
+     * `onJumpHere` click target. Mirrors `ChatViewCheckpointItem.isActive`.
+     */
+    isActive?: boolean;
+    /**
+     * Click handler for the bubble. When provided, the bubble becomes a
+     * navigational anchor that moves the active leaf to this node. Aurelius
+     * suppresses the click for `isActive` rows, link / button targets inside
+     * the bubble, and active text selections.
+     */
+    onJumpHere?: () => void;
 }
 interface ChatViewCheckpointItem extends CheckpointProps {
     kind: 'checkpoint';

package/dist/index.d.ts

@@ -742,6 +742,20 @@ interface MessageProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'con
      * artifact-card modal in the host app.
      */
     onAttachmentOpen?: (artifactId: string) => void;
+    /**
+     * Click handler for the bubble — when provided, the message becomes a
+     * navigational anchor (mirrors Checkpoint's `onJumpHere`): clicking the
+     * bubble moves the active leaf to this node. Suppressed when `isActive`
+     * is true (already here) or when the user is selecting text or clicking
+     * a markdown link inside the bubble.
+     */
+    onJumpHere?: () => void;
+    /**
+     * When true, this message is the active leaf — `onJumpHere` is suppressed
+     * (no point jumping to where you already are) and the affordance hover
+     * styling is skipped.
+     */
+    isActive?: boolean;
 }
 declare const Message: React$1.ForwardRefExoticComponent<MessageProps & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -1417,12 +1431,12 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
      */
     onRetryMessage?: (messageId: string) => void;
     /**
-     * Called when the user clicks a non-active checkpoint to rewind. Receives
-     * the checkpoint id; the consumer should move the active leaf there
-     * (without forking) so the artifacts panel and chat re-anchor.
-     * In tree mode only.
+     * Called when the user clicks a non-active node — checkpoint or message —
+     * to move the active leaf there. Receives the node id; the consumer should
+     * move the active leaf without forking so the artifacts panel and chat
+     * re-anchor. Mirrors the per-component `onJumpHere`. In tree mode only.
      */
-    onJumpToCheckpoint?: (checkpointId: string) => void;
+    onJumpHere?: (nodeId: string) => void;
     /**
      * Called when the user clicks "Jump to latest" on the greyed-future divider
      * or otherwise asks to return to the deepest leaf they had reached.
@@ -1682,6 +1696,18 @@ interface ChatViewMessageItem extends Omit<MessageProps, 'variant' | 'children'>
     actions?: MessageActionsConfig;
     /** When true, this row is rendered in the greyed-future region. */
     muted?: boolean;
+    /**
+     * When true, this message is the active leaf — Message will suppress its
+     * `onJumpHere` click target. Mirrors `ChatViewCheckpointItem.isActive`.
+     */
+    isActive?: boolean;
+    /**
+     * Click handler for the bubble. When provided, the bubble becomes a
+     * navigational anchor that moves the active leaf to this node. Aurelius
+     * suppresses the click for `isActive` rows, link / button targets inside
+     * the bubble, and active text selections.
+     */
+    onJumpHere?: () => void;
 }
 interface ChatViewCheckpointItem extends CheckpointProps {
     kind: 'checkpoint';

package/dist/index.js

@@ -4108,9 +4108,26 @@ var Message = import_react56.default.forwardRef(
     hideActions,
     attachments,
     onAttachmentOpen,
+    onJumpHere,
+    isActive,
     ...rest
   }, ref) => {
     const isUser = variant === "user";
+    const isJumpInteractive = !!onJumpHere && !isActive && !isStreaming;
+    const handleBubbleClick = (0, import_react56.useCallback)((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] = (0, import_react56.useState)(false);
     const [editValue, setEditValue] = (0, import_react56.useState)(typeof content === "string" ? content : "");
@@ -4217,8 +4234,12 @@ var Message = import_react56.default.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__ */ import_react56.default.createElement(
           MarkdownContent,
@@ -6954,7 +6975,7 @@ var ChatInterface = import_react81.default.forwardRef(
     onMessageSubmit,
     onEditMessage,
     onRetryMessage,
-    onJumpToCheckpoint,
+    onJumpHere,
     onJumpToLatest,
     onStop,
     onSelectConversation,
@@ -7130,16 +7151,16 @@ var ChatInterface = import_react81.default.forwardRef(
       },
       [tree, onTreeChange]
     );
-    const handleJumpToCheckpoint = (0, import_react81.useCallback)((checkpointId) => {
+    const handleJumpHere = (0, import_react81.useCallback)((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 = (0, import_react81.useCallback)(() => {
       if (!tree) return;
       if (onJumpToLatest) {
@@ -7167,7 +7188,7 @@ var ChatInterface = import_react81.default.forwardRef(
             isActive: node.id === activeCheckpointId && !opts.muted,
             muted: opts.muted,
             branchInfo,
-            onJumpHere: () => handleJumpToCheckpoint(node.id)
+            onJumpHere: () => handleJumpHere(node.id)
           };
         }
         const actions = enableMessageActions ? {
@@ -7175,6 +7196,7 @@ var ChatInterface = import_react81.default.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,
@@ -7191,7 +7213,9 @@ var ChatInterface = import_react81.default.forwardRef(
             artifactId: a.artifactId,
             status: a.status ?? "analyzed"
           })) : void 0,
-          onAttachmentOpen: handleAttachmentOpen
+          onAttachmentOpen: handleAttachmentOpen,
+          isActive: isActiveLeaf,
+          onJumpHere: () => handleJumpHere(node.id)
         };
       },
       [
@@ -7201,7 +7225,7 @@ var ChatInterface = import_react81.default.forwardRef(
         onEditMessage,
         onRetryMessage,
         handleBranchSwitch,
-        handleJumpToCheckpoint,
+        handleJumpHere,
         handleAttachmentOpen
       ]
     );