feat: add thread info modal with rename + context usage

src/App.tsx

@@ -151,12 +151,24 @@ import {
 } from "@app/orchestration/useWorkspaceOrchestration";
 import { useAppShellOrchestration } from "@app/orchestration/useLayoutOrchestration";
 import { buildCodexArgsOptions } from "@threads/utils/codexArgsProfiles";
+import { clampThreadName } from "@threads/utils/threadNaming";
 import { normalizeCodexArgsInput } from "@/utils/codexArgsInput";
 import {
   resolveWorkspaceRuntimeCodexArgsBadgeLabel,
   resolveWorkspaceRuntimeCodexArgsOverride,
 } from "@threads/utils/threadCodexParamsSeed";
-import { setWorkspaceRuntimeCodexArgs } from "@services/tauri";
+import { generateRunMetadata, setWorkspaceRuntimeCodexArgs } from "@services/tauri";
+
+const MAX_THREAD_TITLE_PROMPT_CHARS = 1200;
+
+function cleanThreadTitlePrompt(text: string) {
+  const withoutImages = text.replace(/\[image(?: x\d+)?\]/gi, " ");
+  const withoutSkills = withoutImages.replace(/(^|\s)\$[A-Za-z0-9_-]+(?=\s|$)/g, " ");
+  const normalized = withoutSkills.replace(/\s+/g, " ").trim();
+  return normalized.length > MAX_THREAD_TITLE_PROMPT_CHARS
+    ? normalized.slice(0, MAX_THREAD_TITLE_PROMPT_CHARS)
+    : normalized;
+}
 
 const AboutView = lazy(() =>
   import("@/features/about/components/AboutView").then((module) => ({
@@ -1545,6 +1557,65 @@ function MainApp() {
       recentThreadsUpdatedAt: updatedAt > 0 ? updatedAt : null,
     };
   }, [activeWorkspaceId, threadsByWorkspace]);
+  const activeThreadSummary = useMemo(() => {
+    if (!activeWorkspaceId || !activeThreadId) {
+      return null;
+    }
+    const threads = threadsByWorkspace[activeWorkspaceId] ?? [];
+    return threads.find((thread) => thread.id === activeThreadId) ?? null;
+  }, [activeThreadId, activeWorkspaceId, threadsByWorkspace]);
+  const activeThreadInfo = useMemo(() => {
+    if (!activeWorkspace || !activeThreadId) {
+      return null;
+    }
+    return {
+      threadId: activeThreadId,
+      name: activeThreadSummary?.name?.trim() || "Untitled thread",
+      projectDir: activeWorkspace.path,
+      branchName: gitStatus.branchName || "unknown",
+      createdAt: activeThreadSummary?.createdAt ?? null,
+      updatedAt: activeThreadSummary?.updatedAt ?? null,
+      modelId: activeThreadSummary?.modelId ?? null,
+      effort: activeThreadSummary?.effort ?? null,
+      tokenUsage: activeTokenUsage,
+    };
+  }, [
+    activeThreadId,
+    activeThreadSummary,
+    activeWorkspace,
+    activeTokenUsage,
+    gitStatus.branchName,
+  ]);
+  const handleHeaderRenameActiveThreadName = useCallback(
+    (name: string) => {
+      if (!activeWorkspaceId || !activeThreadId) {
+        return;
+      }
+      renameThread(activeWorkspaceId, activeThreadId, name);
+    },
+    [activeThreadId, activeWorkspaceId, renameThread],
+  );
+  const handleGenerateActiveThreadName = useCallback(async () => {
+    if (!activeWorkspaceId || !activeThreadId) {
+      return null;
+    }
+    let prompt = "";
+    for (const item of activeItems) {
+      if (item.kind !== "message" || item.role !== "user") {
+        continue;
+      }
+      const candidatePrompt = cleanThreadTitlePrompt(item.text);
+      if (candidatePrompt) {
+        prompt = candidatePrompt;
+        break;
+      }
+    }
+    if (!prompt) {
+      return null;
+    }
+    const metadata = await generateRunMetadata(activeWorkspaceId, prompt);
+    return clampThreadName(metadata.title ?? "");
+  }, [activeItems, activeThreadId, activeWorkspaceId]);
   const {
     content: agentMdContent,
     exists: agentMdExists,
@@ -2193,6 +2264,9 @@ function MainApp() {
       handleCheckoutPullRequest(pullRequest.number),
     onCreateBranch: handleCreateBranch,
     onCopyThread: handleCopyThread,
+    activeThreadInfo,
+    onRenameActiveThreadName: handleHeaderRenameActiveThreadName,
+    onGenerateActiveThreadName: handleGenerateActiveThreadName,
     onToggleTerminal: handleToggleTerminalWithFocus,
     showTerminalButton: !isCompact,
     showWorkspaceTools: !isCompact,

src/features/app/components/MainHeader.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import Check from "lucide-react/dist/esm/icons/check";
 import Copy from "lucide-react/dist/esm/icons/copy";
+import Info from "lucide-react/dist/esm/icons/info";
 import Terminal from "lucide-react/dist/esm/icons/terminal";
 import { revealItemInDir } from "@tauri-apps/plugin-opener";
 import type { BranchInfo, OpenAppTarget, WorkspaceInfo } from "../../../types";
@@ -18,6 +19,10 @@ import { LaunchScriptButton } from "./LaunchScriptButton";
 import { LaunchScriptEntryButton } from "./LaunchScriptEntryButton";
 import type { WorkspaceLaunchScriptsState } from "../hooks/useWorkspaceLaunchScripts";
 import { useMenuController } from "../hooks/useMenuController";
+import {
+  ThreadInfoPrompt,
+  type ThreadInfoPromptThread,
+} from "../../threads/components/ThreadInfoPrompt";
 
 type MainHeaderProps = {
   workspace: WorkspaceInfo;
@@ -36,6 +41,9 @@ type MainHeaderProps = {
   onCreateBranch: (name: string) => Promise<void> | void;
   canCopyThread?: boolean;
   onCopyThread?: () => void | Promise<void>;
+  activeThreadInfo?: ThreadInfoPromptThread | null;
+  onRenameActiveThreadName?: (name: string) => Promise<void> | void;
+  onGenerateActiveThreadName?: () => Promise<string | null>;
   onToggleTerminal: () => void;
   isTerminalOpen: boolean;
   showTerminalButton?: boolean;
@@ -89,6 +97,9 @@ export function MainHeader({
   onCreateBranch,
   canCopyThread = false,
   onCopyThread,
+  activeThreadInfo = null,
+  onRenameActiveThreadName,
+  onGenerateActiveThreadName,
   onToggleTerminal,
   isTerminalOpen,
   showTerminalButton = true,
@@ -110,6 +121,7 @@ export function MainHeader({
   const [branchQuery, setBranchQuery] = useState("");
   const [error, setError] = useState<string | null>(null);
   const [copyFeedback, setCopyFeedback] = useState(false);
+  const [threadInfoOpen, setThreadInfoOpen] = useState(false);
   const copyTimeoutRef = useRef<number | null>(null);
   const renameInputRef = useRef<HTMLInputElement | null>(null);
   const renameConfirmRef = useRef<HTMLButtonElement | null>(null);
@@ -166,6 +178,12 @@ export function MainHeader({
     };
   }, []);
 
+  useEffect(() => {
+    if (!activeThreadInfo) {
+      setThreadInfoOpen(false);
+    }
+  }, [activeThreadInfo]);
+
   const handleCopyClick = async () => {
     if (!onCopyThread) {
       return;
@@ -551,6 +569,21 @@ export function MainHeader({
             <Terminal size={14} aria-hidden />
           </button>
         )}
+        <button
+          type="button"
+          className="ghost main-header-action"
+          onClick={() => {
+            setThreadInfoOpen(true);
+          }}
+          disabled={
+            !activeThreadInfo || !onRenameActiveThreadName || !onGenerateActiveThreadName
+          }
+          data-tauri-drag-region="false"
+          aria-label="Thread info"
+          title="Thread info"
+        >
+          <Info size={14} aria-hidden />
+        </button>
         <button
           type="button"
           className={`ghost main-header-action${copyFeedback ? " is-copied" : ""}`}
@@ -567,6 +600,17 @@ export function MainHeader({
         </button>
         {extraActionsNode}
       </div>
+      {threadInfoOpen &&
+      activeThreadInfo &&
+      onRenameActiveThreadName &&
+      onGenerateActiveThreadName ? (
+        <ThreadInfoPrompt
+          thread={activeThreadInfo}
+          onClose={() => setThreadInfoOpen(false)}
+          onSaveName={onRenameActiveThreadName}
+          onGenerateName={onGenerateActiveThreadName}
+        />
+      ) : null}
     </header>
   );
 }

src/features/layout/hooks/layoutNodes/buildPrimaryNodes.tsx

@@ -271,6 +271,9 @@ export function buildPrimaryNodes(options: LayoutNodesOptions): PrimaryLayoutNod
       onCreateBranch={options.onCreateBranch}
       canCopyThread={options.activeItems.length > 0}
       onCopyThread={options.onCopyThread}
+      activeThreadInfo={options.activeThreadInfo}
+      onRenameActiveThreadName={options.onRenameActiveThreadName}
+      onGenerateActiveThreadName={options.onGenerateActiveThreadName}
       onToggleTerminal={options.onToggleTerminal}
       isTerminalOpen={options.terminalOpen}
       showTerminalButton={options.showTerminalButton}

src/features/layout/hooks/layoutNodes/types.ts

@@ -1,6 +1,7 @@
 import type { DragEvent, MouseEvent, ReactNode, RefObject } from "react";
 import type { ReviewPromptState, ReviewPromptStep } from "../../../threads/hooks/useReviewPrompt";
 import type { WorkspaceLaunchScriptsState } from "../../../app/hooks/useWorkspaceLaunchScripts";
+import type { ThreadInfoPromptThread } from "../../../threads/components/ThreadInfoPrompt";
 import type {
   AccessMode,
   ApprovalRequest,
@@ -229,6 +230,9 @@ export type LayoutNodesOptions = {
   ) => Promise<void> | void;
   onCreateBranch: (name: string) => Promise<void>;
   onCopyThread: () => void | Promise<void>;
+  activeThreadInfo?: ThreadInfoPromptThread | null;
+  onRenameActiveThreadName?: (name: string) => void | Promise<void>;
+  onGenerateActiveThreadName?: () => Promise<string | null>;
   onToggleTerminal: () => void;
   showTerminalButton: boolean;
   showWorkspaceTools: boolean;