feat: Add prompt history to task input and fix command center text selection (#1335)

## Problem

Task input page has no prompt history navigation, and selecting text in the command center loses its highlight on selection.

<img width="1466" height="470" alt="CleanShot 2026-03-26 at 09 40 37@2x" src="https://github.com/user-attachments/assets/4c7d48d5-dbd5-4a70-8a1a-14d2c4c842eb" />

## Changes

  1. Add persisted task input history store (last 50 prompts, deduped)
  2. Generalize prompt history store to accept history arrays instead of task IDs
  3. Wire up/down arrow navigation on the task input page via getPromptHistory
  4. Update placeholder to mention ↑↓ for history
  5. Fix command center click handler to skip focus steal when text is selected

## How did you test this?

Manually

Author: charlesvien

apps/code/src/renderer/features/command-center/components/CommandCenterGrid.tsx

@@ -60,6 +60,8 @@ function GridCell({
 
   const handleCellClick = useCallback(() => {
     setActiveTask(cell.taskId);
+    const selection = window.getSelection();
+    if (selection && !selection.isCollapsed) return;
     const actionSelector =
       cellRef.current?.querySelector<HTMLElement>("[tabindex='0']");
     actionSelector?.focus();
@@ -101,9 +103,7 @@ function GridCell({
     // biome-ignore lint/a11y/useKeyWithClickEvents lint/a11y/noStaticElementInteractions: click delegates focus to ActionSelector within
     <div
       ref={cellRef}
-      className={`relative overflow-hidden bg-gray-1 focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-inset ${
-        isActive ? "ring-2 ring-accent-9 ring-inset" : ""
-      }`}
+      className="relative overflow-hidden bg-gray-1"
       onClick={handleCellClick}
       onPointerDownCapture={handleCellPointerDownCapture}
       onFocusCapture={handleCellFocusCapture}
@@ -116,6 +116,9 @@ function GridCell({
       >
         <CommandCenterPanel cell={cell} isActiveSession={isActive} />
       </div>
+      {isActive && (
+        <div className="pointer-events-none absolute inset-0 border-2 border-accent-9" />
+      )}
       {isDragActive && (
         // biome-ignore lint/a11y/noStaticElementInteractions: transparent overlay to capture drag events over session content
         <div

apps/code/src/renderer/features/command-center/components/CommandCenterView.tsx

@@ -1,6 +1,6 @@
 import { useTaskViewed } from "@features/sidebar/hooks/useTaskViewed";
 import { useSetHeaderContent } from "@hooks/useSetHeaderContent";
-import { SquaresFour } from "@phosphor-icons/react";
+import { Lightning } from "@phosphor-icons/react";
 import { Box, Flex, Text } from "@radix-ui/themes";
 import { useEffect, useMemo } from "react";
 import { useCommandCenterData } from "../hooks/useCommandCenterData";
@@ -27,14 +27,14 @@ export function CommandCenterView() {
   const headerContent = useMemo(
     () => (
       <Flex align="center" gap="2" className="w-full min-w-0">
-        <SquaresFour size={12} className="shrink-0 text-gray-10" />
+        <Lightning size={12} className="shrink-0 text-gray-10" />
         <Text
           size="1"
           weight="medium"
           className="truncate whitespace-nowrap text-[13px]"
-          title="Command center"
+          title="ADHD Mode"
         >
-          Command center
+          ADHD Mode
         </Text>
       </Flex>
     ),

apps/code/src/renderer/features/message-editor/components/MessageEditor.tsx

@@ -2,12 +2,13 @@ import "./message-editor.css";
 import type { SessionConfigOption } from "@agentclientprotocol/sdk";
 import { BranchSelector } from "@features/git-interaction/components/BranchSelector";
 import { useGitQueries } from "@features/git-interaction/hooks/useGitQueries";
+import { getUserPromptsForTask } from "@features/sessions/stores/sessionStore";
 import { useConnectivity } from "@hooks/useConnectivity";
 import { ArrowUp, Circle, Stop } from "@phosphor-icons/react";
 import { Flex, IconButton, Text, Tooltip } from "@radix-ui/themes";
 import { EditorContent } from "@tiptap/react";
 import { hasOpenOverlay } from "@utils/overlay";
-import { forwardRef, useEffect, useImperativeHandle } from "react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { useDraftStore } from "../stores/draftStore";
 import { useTiptapEditor } from "../tiptap/useTiptapEditor";
@@ -167,6 +168,11 @@ export const MessageEditor = forwardRef<EditorHandle, MessageEditorProps>(
     const cloudDiffStats = context?.cloudDiffStats;
     const isSubmitDisabled = disabled || !isOnline;
 
+    const getPromptHistory = useCallback(
+      () => getUserPromptsForTask(taskId),
+      [taskId],
+    );
+
     const {
       editor,
       isReady,
@@ -192,6 +198,7 @@ export const MessageEditor = forwardRef<EditorHandle, MessageEditorProps>(
       isLoading,
       autoFocus,
       context: { taskId, repoPath },
+      getPromptHistory,
       onSubmit,
       onBashCommand,
       onBashModeChange,

apps/code/src/renderer/features/message-editor/stores/promptHistoryStore.ts

@@ -1,20 +1,18 @@
-import { getUserPromptsForTask } from "@features/sessions/stores/sessionStore";
 import { create } from "zustand";
 
 interface PromptHistoryStore {
   index: number;
   savedInput: string;
-  navigateUp: (taskId: string, currentInput: string) => string | null;
-  navigateDown: (taskId: string) => string | null;
+  navigateUp: (history: string[], currentInput: string) => string | null;
+  navigateDown: (history: string[]) => string | null;
   reset: () => void;
 }
 
 export const usePromptHistoryStore = create<PromptHistoryStore>((set, get) => ({
   index: -1,
   savedInput: "",
 
-  navigateUp: (taskId, currentInput) => {
-    const history = getUserPromptsForTask(taskId);
+  navigateUp: (history, currentInput) => {
     if (history.length === 0) return null;
 
     const { index } = get();
@@ -31,12 +29,10 @@ export const usePromptHistoryStore = create<PromptHistoryStore>((set, get) => ({
     return history[history.length - 1 - newIndex] ?? null;
   },
 
-  navigateDown: (taskId) => {
+  navigateDown: (history) => {
     const { index, savedInput } = get();
     if (index === -1) return null;
 
-    const history = getUserPromptsForTask(taskId);
-
     if (index > 0) {
       const newIndex = index - 1;
       set({ index: newIndex });

apps/code/src/renderer/features/message-editor/stores/taskInputHistoryStore.ts

@@ -0,0 +1,34 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface TaskInputHistoryState {
+  prompts: string[];
+}
+
+interface TaskInputHistoryActions {
+  addPrompt: (prompt: string) => void;
+}
+
+type TaskInputHistoryStore = TaskInputHistoryState & TaskInputHistoryActions;
+
+const MAX_HISTORY = 50;
+
+export const useTaskInputHistoryStore = create<TaskInputHistoryStore>()(
+  persist(
+    (set) => ({
+      prompts: [],
+      addPrompt: (prompt) =>
+        set((state) => {
+          const trimmed = prompt.trim();
+          if (!trimmed) return state;
+          const filtered = state.prompts.filter((p) => p !== trimmed);
+          const updated = [...filtered, trimmed].slice(-MAX_HISTORY);
+          return { prompts: updated };
+        }),
+    }),
+    {
+      name: "task-input-history",
+      partialize: (state) => ({ prompts: state.prompts }),
+    },
+  ),
+);

apps/code/src/renderer/features/message-editor/tiptap/useTiptapEditor.ts

@@ -28,6 +28,7 @@ export interface UseTiptapEditorOptions {
     bashMode?: boolean;
   };
   clearOnSubmit?: boolean;
+  getPromptHistory?: () => string[];
   onSubmit?: (text: string) => void;
   onBashCommand?: (command: string) => void;
   onBashModeChange?: (isBashMode: boolean) => void;
@@ -82,6 +83,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
     context,
     capabilities = {},
     clearOnSubmit = true,
+    getPromptHistory,
     onSubmit,
     onBashCommand,
     onBashModeChange,
@@ -116,6 +118,9 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
   const submitDisabledRef = useRef(submitDisabled);
   submitDisabledRef.current = submitDisabled;
 
+  const getPromptHistoryRef = useRef(getPromptHistory);
+  getPromptHistoryRef.current = getPromptHistory;
+
   const prevBashModeRef = useRef(false);
   const prevIsEmptyRef = useRef(true);
   const submitRef = useRef<() => void>(() => {});
@@ -192,35 +197,38 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
             }
           }
 
-          if (
-            taskId &&
-            (event.key === "ArrowUp" || event.key === "ArrowDown")
-          ) {
+          if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+            const historyGetter = getPromptHistoryRef.current;
+            if (!taskId && !historyGetter) return false;
+
             const currentText = view.state.doc.textContent;
             const isEmpty = !currentText.trim();
             const { from } = view.state.selection;
             const isAtStart = from === 1;
             const isAtEnd = from === view.state.doc.content.size - 1;
 
             const forceNavigate = event.shiftKey;
+            const history = historyGetter?.() ?? [];
 
             if (
               event.key === "ArrowUp" &&
               (forceNavigate || isEmpty || isAtStart)
             ) {
-              const queuedContent =
-                sessionStoreSetters.dequeueMessagesAsText(taskId);
-              if (queuedContent !== null && queuedContent !== undefined) {
-                event.preventDefault();
-                view.dispatch(
-                  view.state.tr
-                    .delete(1, view.state.doc.content.size - 1)
-                    .insertText(queuedContent, 1),
-                );
-                return true;
+              if (taskId) {
+                const queuedContent =
+                  sessionStoreSetters.dequeueMessagesAsText(taskId);
+                if (queuedContent !== null && queuedContent !== undefined) {
+                  event.preventDefault();
+                  view.dispatch(
+                    view.state.tr
+                      .delete(1, view.state.doc.content.size - 1)
+                      .insertText(queuedContent, 1),
+                  );
+                  return true;
+                }
               }
 
-              const newText = historyActions.navigateUp(taskId, currentText);
+              const newText = historyActions.navigateUp(history, currentText);
               if (newText !== null) {
                 event.preventDefault();
                 view.dispatch(
@@ -236,7 +244,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
               event.key === "ArrowDown" &&
               (forceNavigate || isEmpty || isAtEnd)
             ) {
-              const newText = historyActions.navigateDown(taskId);
+              const newText = historyActions.navigateDown(history);
               if (newText !== null) {
                 event.preventDefault();
                 view.dispatch(

apps/code/src/renderer/features/sidebar/components/SidebarMenu.tsx

@@ -210,17 +210,17 @@ function SidebarMenuComponent() {
           </Box>
 
           <Box mb="1">
-            <CommandCenterItem
-              isActive={sidebarData.isCommandCenterActive}
-              onClick={handleCommandCenterClick}
-              activeCount={commandCenterActiveCount}
+            <SkillsItem
+              isActive={sidebarData.isSkillsActive}
+              onClick={handleSkillsClick}
             />
           </Box>
 
           <Box mb="2">
-            <SkillsItem
-              isActive={sidebarData.isSkillsActive}
-              onClick={handleSkillsClick}
+            <CommandCenterItem
+              isActive={sidebarData.isCommandCenterActive}
+              onClick={handleCommandCenterClick}
+              activeCount={commandCenterActiveCount}
             />
           </Box>
 

apps/code/src/renderer/features/sidebar/components/items/CommandCenterItem.tsx

@@ -1,4 +1,4 @@
-import { SquaresFour } from "@phosphor-icons/react";
+import { Lightning } from "@phosphor-icons/react";
 import { SidebarItem } from "../SidebarItem";
 
 interface CommandCenterItemProps {
@@ -20,16 +20,16 @@ export function CommandCenterItem({
   return (
     <SidebarItem
       depth={0}
-      icon={<SquaresFour size={16} weight={isActive ? "fill" : "regular"} />}
-      label="Command center"
+      icon={<Lightning size={16} weight={isActive ? "fill" : "regular"} />}
+      label="ADHD Mode"
       isActive={isActive}
       onClick={onClick}
       endContent={
         activeCount && activeCount > 0 ? (
           <span
             className="inline-flex min-w-[16px] items-center justify-center rounded-full px-1 text-[11px] text-gray-11 leading-none"
             style={{ height: "16px" }}
-            title={`${activeCount} active agents`}
+            title={`${activeCount} active`}
           >
             {formatActiveCount(activeCount)}
           </span>

apps/code/src/renderer/features/sidebar/components/items/SkillsItem.tsx

@@ -1,4 +1,4 @@
-import { Lightning } from "@phosphor-icons/react";
+import { Lightbulb } from "@phosphor-icons/react";
 import { SidebarItem } from "../SidebarItem";
 
 interface SkillsItemProps {
@@ -10,7 +10,7 @@ export function SkillsItem({ isActive, onClick }: SkillsItemProps) {
   return (
     <SidebarItem
       depth={0}
-      icon={<Lightning size={16} weight={isActive ? "fill" : "regular"} />}
+      icon={<Lightbulb size={16} weight={isActive ? "fill" : "regular"} />}
       label="Skills"
       isActive={isActive}
       onClick={onClick}

apps/code/src/renderer/features/skills/components/SkillsView.tsx

@@ -1,6 +1,6 @@
 import { ResizableSidebar } from "@components/ResizableSidebar";
 import { useSetHeaderContent } from "@hooks/useSetHeaderContent";
-import { Lightning } from "@phosphor-icons/react";
+import { Lightbulb } from "@phosphor-icons/react";
 import { Box, Flex, ScrollArea, Text } from "@radix-ui/themes";
 import { useTRPC } from "@renderer/trpc";
 import type { SkillInfo, SkillSource } from "@shared/types/skills";
@@ -60,7 +60,7 @@ export function SkillsView() {
   const headerContent = useMemo(
     () => (
       <Flex align="center" gap="2" className="w-full min-w-0">
-        <Lightning size={12} className="shrink-0 text-gray-10" />
+        <Lightbulb size={12} className="shrink-0 text-gray-10" />
         <Text
           size="1"
           weight="medium"
@@ -95,7 +95,7 @@ export function SkillsView() {
                   className="py-12"
                 >
                   <Box className="rounded-lg border border-gray-6 border-dashed p-4">
-                    <Lightning size={24} className="text-gray-8" />
+                    <Lightbulb size={24} className="text-gray-8" />
                   </Box>
                   <Text size="2" className="text-[13px] text-gray-10">
                     No skills found