From 04e8801f5b3f796f03043db3f7ce55b56d88d26d Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Mon, 6 Jul 2026 09:30:55 -0500
Subject: [PATCH] fix(tui): soften interrupted step styling (#35466)

Co-authored-by: Aiden Cline <63023139+rekram1-node@users.noreply.github.com>
---
 packages/tui/src/routes/session/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/tui/src/routes/session/index.tsx b/packages/tui/src/routes/session/index.tsx
index 93bffbeb7c..194ab498cf 100644
--- a/packages/tui/src/routes/session/index.tsx
+++ b/packages/tui/src/routes/session/index.tsx
@@ -1200,9 +1200,10 @@ function AssistantFooter(props: { message: SessionMessageAssistant }) {
   const duration = createMemo(() =>
     props.message.time.completed ? props.message.time.completed - props.message.time.created : 0,
   )
+  const interrupted = createMemo(() => props.message.error?.message === "Step interrupted")
   return (
     <>
-      <Show when={props.message.error}>
+      <Show when={props.message.error && !interrupted()}>
         <box
           border={["left"]}
           paddingTop={1}
@@ -1215,7 +1216,7 @@ function AssistantFooter(props: { message: SessionMessageAssistant }) {
           <text fg={theme.textMuted}>{errorMessage(props.message.error)}</text>
         </box>
       </Show>
-      <box paddingLeft={3} marginTop={props.message.error ? 1 : 0}>
+      <box paddingLeft={3} marginTop={props.message.error && !interrupted() ? 1 : 0}>
         <text>
           <span style={{ fg: props.message.error ? theme.textMuted : local.agent.color(props.message.agent) }}>
             {Locale.titlecase(props.message.agent)}
@@ -1224,6 +1225,9 @@ function AssistantFooter(props: { message: SessionMessageAssistant }) {
           <Show when={duration()}>
             <span style={{ fg: theme.textMuted }}> · {Locale.duration(duration())}</span>
           </Show>
+          <Show when={interrupted()}>
+            <span style={{ fg: theme.textMuted }}> · interrupted</span>
+          </Show>
         </text>
       </box>
     </>