feat(tui): copy assistant responses

packages/tui/src/routes/session/dialog-message.tsx

@@ -88,3 +88,40 @@ export function DialogMessage(props: {
     />
   )
 }
+
+export function DialogAssistantMessage(props: { messageID: string; sessionID: string }) {
+  const data = useData()
+  const clipboard = useClipboard()
+  const toast = useToast()
+  const message = createMemo(() => data.session.message.get(props.sessionID, props.messageID))
+
+  return (
+    <DialogSelect
+      title="Message Actions"
+      options={[
+        {
+          title: "Copy",
+          value: "message.copy",
+          description: "message text to clipboard",
+          onSelect: async (dialog) => {
+            const value = message()
+            const text =
+              value?.type === "assistant"
+                ? value.content
+                    .filter((content) => content.type === "text")
+                    .map((content) => content.text)
+                    .join("\n")
+                    .trim()
+                : ""
+            try {
+              await clipboard.write(text)
+              dialog.clear()
+            } catch (error) {
+              toast.error(error)
+            }
+          },
+        },
+      ]}
+    />
+  )
+}

packages/tui/src/routes/session/index.tsx

@@ -24,7 +24,7 @@ import { useTuiPaths, useTuiTerminalEnvironment } from "../../context/runtime"
 import { Spinner, SPINNER_FRAMES } from "../../component/spinner"
 import { PatchDiff } from "../../component/patch-diff"
 import { createSyntaxStyleMemo, ThemeContextProvider, useTheme, useThemes } from "../../context/theme"
-import { BoxRenderable, ScrollBoxRenderable, addDefaultParsers, TextAttributes, RGBA, MouseEvent } from "@opentui/core"
+import { BoxRenderable, ScrollBoxRenderable, addDefaultParsers, TextAttributes, RGBA, MouseButton, MouseEvent } from "@opentui/core"
 import { Prompt, type PromptRef } from "../../component/prompt"
 import type {
   SessionMessageInfo,
@@ -59,7 +59,7 @@ import { useDialog } from "../../ui/dialog"
 import { DialogSelect } from "../../ui/dialog-select"
 import { DialogSessionRename } from "../../component/dialog-session-rename"
 import { DialogImagePreview } from "../../component/dialog-image-preview"
-import { DialogMessage } from "./dialog-message"
+import { DialogAssistantMessage, DialogMessage } from "./dialog-message"
 import { DialogFork } from "./dialog-fork"
 import { DialogTimeline } from "./dialog-timeline"
 import { Composer } from "./composer"
@@ -1706,7 +1706,10 @@ function SessionMessageView(props: { message: SessionMessageInfo }) {
 }
 
 function SessionPartView(props: { partRef: PartRef; message: (messageID: string) => SessionMessageInfo | undefined }) {
+  const ctx = use()
   const message = createMemo(() => props.message(props.partRef.messageID))
+  const dialog = useDialog()
+  const renderer = useRenderer()
   const part = createMemo(() => {
     const item = message()
     if (item?.type !== "assistant") return
@@ -1721,6 +1724,13 @@ function SessionPartView(props: { partRef: PartRef; message: (messageID: string)
               part={item() as SessionMessageAssistantText}
               message={message() as SessionMessageAssistant}
               last={false}
+              onMouseUp={(event) => {
+                if (event.button !== MouseButton.RIGHT) return
+                if (renderer.getSelection()?.getSelectedText()) return
+                dialog.replace(() => (
+                  <DialogAssistantMessage messageID={props.partRef.messageID} sessionID={ctx.sessionID} />
+                ))
+              }}
             />
           </Match>
           <Match when={item().type === "reasoning"}>

packages/tui/src/routes/session/message-parts.tsx

@@ -1,5 +1,5 @@
 import { createMemo, createSignal, Match, Show, Switch } from "solid-js"
-import { RGBA, TextAttributes } from "@opentui/core"
+import { MouseEvent, RGBA, TextAttributes } from "@opentui/core"
 import type { JSX } from "@opentui/solid"
 import type {
   SessionMessageAssistant,
@@ -148,14 +148,15 @@ export function TextPart(props: {
   last: boolean
   part: SessionMessageAssistantText
   message: SessionMessageAssistant
+  onMouseUp?: (event: MouseEvent) => void
 }) {
   const ctx = use()
   const theme = useTheme()
   const { currentSyntax: syntax } = useThemes()
   const plugins = usePlugin()
   return (
     <Show when={props.part.text.trim()}>
-      <box paddingLeft={3} flexShrink={0}>
+      <box paddingLeft={3} flexShrink={0} onMouseUp={props.onMouseUp}>
         {/* Configure custom nodes before parsing; apply content before streaming so completion keeps the final tokens. */}
         <markdown
           syntaxStyle={syntax()}