🤖 feat: add prompt history sidebar

src/browser/components/ChatPane/ChatPane.tsx

@@ -87,6 +87,7 @@ import { useTranscriptDensity } from "@/browser/hooks/useTranscriptDensity";
 import { useReviews } from "@/browser/hooks/useReviews";
 import { ReviewsBanner } from "../ReviewsBanner/ReviewsBanner";
 import type { ReviewNoteData } from "@/common/types/review";
+import { CUSTOM_EVENTS, type CustomEventPayloads } from "@/common/constants/events";
 import { useWorkspaceContext } from "@/browser/contexts/WorkspaceContext";
 import {
   useBackgroundBashActions,
@@ -728,6 +729,24 @@ const ChatPaneContent: React.FC<ChatPaneContentProps> = (props) => {
     [contentRef, disableAutoScroll]
   );
 
+  useEffect(() => {
+    const handler = (
+      event: CustomEvent<CustomEventPayloads[typeof CUSTOM_EVENTS.NAVIGATE_TO_TRANSCRIPT_MESSAGE]>
+    ) => {
+      if (event.detail.workspaceId !== workspaceId) {
+        return;
+      }
+      handleNavigateToMessage(event.detail.historyId);
+    };
+
+    window.addEventListener(CUSTOM_EVENTS.NAVIGATE_TO_TRANSCRIPT_MESSAGE, handler as EventListener);
+    return () =>
+      window.removeEventListener(
+        CUSTOM_EVENTS.NAVIGATE_TO_TRANSCRIPT_MESSAGE,
+        handler as EventListener
+      );
+  }, [handleNavigateToMessage, workspaceId]);
+
   // Precompute per-user navigation objects so MessageRenderer rows receive stable prop
   // references across non-message updates (usage bumps, stats updates, etc.).
   const userMessageNavigationByHistoryId = useMemo(() => {

src/browser/features/ChatInput/index.tsx

@@ -198,6 +198,8 @@ import { normalizeAgentId } from "@/common/utils/agentIds";
 import { isGoalRunning } from "@/common/types/goal";
 import { WORKSPACE_DEFAULTS } from "@/constants/workspaceDefaults";
 
+const AWAITING_NEW_ATTACHED_REVIEWS = Symbol("awaiting-new-attached-reviews");
+
 // localStorage quotas are environment-dependent and relatively small.
 // Be conservative here so we can warn the user before writes start failing.
 
@@ -496,6 +498,13 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
 
   // draftReviews takes precedence when restoring or editing message drafts.
   const attachedReviews = variant === "workspace" ? (props.attachedReviews ?? []) : [];
+  const [draftMuxMetadataOverride, setDraftMuxMetadataOverride] = useState<
+    MuxMessageMetadata | undefined
+  >(undefined);
+  const attachedReviewIdsSignature = attachedReviews.map((review) => review.id).join("\u0000");
+  const clearedAttachedReviewIdsRef = useRef<string | typeof AWAITING_NEW_ATTACHED_REVIEWS | null>(
+    null
+  );
   const draftReviewIdsByValueRef = useRef(new WeakMap<ReviewNoteDataForDisplay, string>());
   const nextDraftReviewIdRef = useRef(0);
   const isDraftReviewData = (value: unknown): value is ReviewNoteDataForDisplay =>
@@ -536,6 +545,31 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
       return next;
     });
 
+  // Empty review replacements clear the current parent-attached reviews but should not hide
+  // reviews attached later from the Code Review tab.
+  useEffect(() => {
+    if (
+      draftReviews === null ||
+      draftReviews.length > 0 ||
+      clearedAttachedReviewIdsRef.current === null
+    ) {
+      return;
+    }
+
+    if (attachedReviews.length === 0) {
+      clearedAttachedReviewIdsRef.current = AWAITING_NEW_ATTACHED_REVIEWS;
+      return;
+    }
+
+    if (
+      clearedAttachedReviewIdsRef.current === AWAITING_NEW_ATTACHED_REVIEWS ||
+      clearedAttachedReviewIdsRef.current !== attachedReviewIdsSignature
+    ) {
+      clearedAttachedReviewIdsRef.current = null;
+      setDraftReviews(null);
+    }
+  }, [attachedReviewIdsSignature, attachedReviews.length, draftReviews]);
+
   // Creation sends can resolve after navigation; guard draft clears on unmounted inputs.
   const isMountedRef = useRef(true);
   useEffect(() => {
@@ -645,6 +679,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
   );
   const preEditDraftRef = useRef<DraftState>({ text: "", attachments: [] });
   const preEditReviewsRef = useRef<ReviewNoteDataForDisplay[] | null>(null);
+  const preEditMuxMetadataOverrideRef = useRef<MuxMessageMetadata | undefined>(undefined);
   const { open } = useSettings();
   const { selectedWorkspace } = useWorkspaceContext();
   const { agentId, currentAgent } = useAgent();
@@ -1209,6 +1244,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
     (pending: PendingUserMessage) => {
       applyDraftFromPending(pending, `restored-${Date.now()}`);
       setDraftReviews(pending.reviews);
+      setDraftMuxMetadataOverride(pending.muxMetadata);
       focusMessageInput();
     },
     [applyDraftFromPending, focusMessageInput, setDraftReviews]
@@ -1217,6 +1253,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
   const restorePreEditDraft = useCallback(() => {
     setDraft(preEditDraftRef.current);
     setDraftReviews(preEditReviewsRef.current);
+    setDraftMuxMetadataOverride(preEditMuxMetadataOverrideRef.current);
   }, [setDraft, setDraftReviews]);
 
   // Method to restore text to input (used by compaction cancel)
@@ -1307,8 +1344,10 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
     if (editingMessage) {
       preEditDraftRef.current = getDraft();
       preEditReviewsRef.current = draftReviews;
+      preEditMuxMetadataOverrideRef.current = draftMuxMetadataOverride;
       applyDraftFromPending(editingMessage.pending, `edit-${editingMessage.id}`);
       setDraftReviews(editingMessage.pending.reviews);
+      setDraftMuxMetadataOverride(editingMessage.pending.muxMetadata);
       // Auto-resize textarea and focus
       setTimeout(() => {
         if (inputRef.current) {
@@ -1744,23 +1783,36 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
         mode?: "append" | "replace";
         fileParts?: FilePart[];
         reviews?: ReviewNoteDataForDisplay[];
+        muxMetadata?: MuxMessageMetadata;
       }>;
 
-      const { text, mode = "append", fileParts, reviews } = customEvent.detail;
+      const { text, mode = "append", fileParts, reviews, muxMetadata } = customEvent.detail;
       const hasFileParts = !!fileParts && fileParts.length > 0;
       const hasReviews = !!reviews && reviews.length > 0;
+      const hasDraftReplacementPayload =
+        fileParts !== undefined || reviews !== undefined || muxMetadata !== undefined;
 
       if (mode === "replace") {
         if (editingMessageForUi) {
           return;
         }
-        if (hasFileParts || hasReviews) {
+        if (hasDraftReplacementPayload) {
+          onDetachAllReviewsForComposerClear?.();
+          const clearsReviews = reviews === undefined || reviews.length === 0;
+          if (clearsReviews) {
+            clearedAttachedReviewIdsRef.current = attachedReviewIdsSignature;
+          } else {
+            clearedAttachedReviewIdsRef.current = null;
+          }
+
           restoreDraft({
             content: text,
             fileParts: fileParts ?? [],
             reviews: reviews ?? [],
+            muxMetadata,
           });
         } else {
+          setDraftMuxMetadataOverride(undefined);
           restoreText(text);
         }
       } else if (hasFileParts || hasReviews) {
@@ -1772,6 +1824,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
             content: nextText,
             fileParts: fileParts ?? [],
             reviews: reviews ?? [],
+            muxMetadata,
           },
           `restored-${Date.now()}`
         );
@@ -1782,7 +1835,16 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
     window.addEventListener(CUSTOM_EVENTS.UPDATE_CHAT_INPUT, handler as EventListener);
     return () =>
       window.removeEventListener(CUSTOM_EVENTS.UPDATE_CHAT_INPUT, handler as EventListener);
-  }, [appendText, restoreText, restoreDraft, applyDraftFromPending, getDraft, editingMessageForUi]);
+  }, [
+    appendText,
+    applyDraftFromPending,
+    attachedReviewIdsSignature,
+    editingMessageForUi,
+    getDraft,
+    onDetachAllReviewsForComposerClear,
+    restoreDraft,
+    restoreText,
+  ]);
 
   useEffect(() => {
     const handler = (event: CustomEvent<{ workspaceId: string }>) => {
@@ -1793,6 +1855,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
       setInput("");
       setAttachments([]);
       setDraftReviews(null);
+      setDraftMuxMetadataOverride(undefined);
       onDetachAllReviewsForComposerClear?.();
       if (inputRef.current) {
         inputRef.current.style.height = "";
@@ -2158,6 +2221,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
       editMessageId: editingMessageForUi?.id,
       onCancelEdit: commandOnCancelEdit,
       reviews: reviewsData,
+      followUpMuxMetadata: draftMuxMetadataOverride,
       fileParts: commandFileParts.length > 0 ? commandFileParts : undefined,
       onMessageSent: variant === "workspace" ? props.onMessageSent : undefined,
       onDetachAllReviews: variant === "workspace" ? props.onDetachAllReviews : undefined,
@@ -2171,6 +2235,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
       setInput(restoreInput);
     } else {
       setDraftReviews(null);
+      setDraftMuxMetadataOverride(undefined);
       if (variant === "workspace" && parsed.type === "compact") {
         if (reviewIdsForCheck.length > 0) {
           props.onCheckReviews?.(reviewIdsForCheck);
@@ -2561,6 +2626,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
       // Save current draft state for restoration on error
       const preSendDraft = getDraft();
       const preSendReviews = draftReviews;
+      const preSendMuxMetadataOverride = draftMuxMetadataOverride;
       const editMessageForSend = editingMessageForUi;
 
       try {
@@ -2602,6 +2668,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
                       text: parsed.continueMessage ?? "",
                       fileParts: sendFileParts,
                       reviews: reviewsData,
+                      muxMetadata: draftMuxMetadataOverride,
                     }
                   : undefined,
               model: parsed.model,
@@ -2662,6 +2729,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
         // so they'll reappear naturally on failure (we only call onCheckReviews on success)
         setInput("");
         setDraftReviews(null);
+        setDraftMuxMetadataOverride(undefined);
         setAttachments([]);
         setHideReviewsDuringSend(true);
         // Clear inline height style - VimTextArea's useLayoutEffect will handle sizing
@@ -2721,6 +2789,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
           setOptimisticallyDismissedEditId(null);
           setDraft(preSendDraft);
           setDraftReviews(preSendReviews);
+          setDraftMuxMetadataOverride(preSendMuxMetadataOverride);
         } else {
           // Track telemetry for successful message send
           telemetry.messageSent(
@@ -2768,6 +2837,7 @@ const ChatInputInner: React.FC<ChatInputProps> = (props) => {
         setOptimisticallyDismissedEditId(null);
         setDraft(preSendDraft);
         setDraftReviews(preSendReviews);
+        setDraftMuxMetadataOverride(preSendMuxMetadataOverride);
       } finally {
         setSendingCount((c) => c - 1);
         setHideReviewsDuringSend(false);