From 8ec57da27565db0305ed0ad8ee37af3e818a1daf Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Sun, 14 Dec 2025 23:36:38 +0000
Subject: [PATCH] Tweak control panel plan styling

---
 .../src/components/instance/instance-shell2.tsx  |  2 +-
 .../src/components/tool-call/renderers/todo.tsx  | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx
index 69662ea3..7580ac9e 100644
--- a/packages/ui/src/components/instance/instance-shell2.tsx
+++ b/packages/ui/src/components/instance/instance-shell2.tsx
@@ -851,7 +851,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
       if (!todoState) {
         return <p class="text-xs text-secondary">Nothing planned yet.</p>
       }
-      return <TodoListView state={todoState} emptyLabel="Nothing planned yet." />
+      return <TodoListView state={todoState} emptyLabel="Nothing planned yet." showStatusLabel={false} />
     }
 
     const sections = [
diff --git a/packages/ui/src/components/tool-call/renderers/todo.tsx b/packages/ui/src/components/tool-call/renderers/todo.tsx
index 2f276920..0e0a57d7 100644
--- a/packages/ui/src/components/tool-call/renderers/todo.tsx
+++ b/packages/ui/src/components/tool-call/renderers/todo.tsx
@@ -1,4 +1,4 @@
-import { For } from "solid-js"
+import { For, Show } from "solid-js"
 import type { ToolState } from "@opencode-ai/sdk"
 import type { ToolRenderer } from "../types"
 import { readToolStatePayload } from "../utils"
@@ -61,6 +61,7 @@ function getTodoStatusLabel(status: TodoViewStatus): string {
 interface TodoListViewProps {
   state?: ToolState
   emptyLabel?: string
+  showStatusLabel?: boolean
 }
 
 export function TodoListView(props: TodoListViewProps) {
@@ -88,12 +89,15 @@ export function TodoListView(props: TodoListViewProps) {
                 role="listitem"
               >
                 <span class="tool-call-todo-checkbox" data-status={todo.status} aria-label={label}></span>
-                <div class="tool-call-todo-body">
-                  <div class="tool-call-todo-heading">
-                    <span class="tool-call-todo-text">{todo.content}</span>
-                    <span class={`tool-call-todo-status tool-call-todo-status-${todo.status}`}>{label}</span>
+                  <div class="tool-call-todo-body">
+                    <div class="tool-call-todo-heading">
+                      <span class="tool-call-todo-text">{todo.content}</span>
+                      <Show when={props.showStatusLabel !== false}>
+                        <span class={`tool-call-todo-status tool-call-todo-status-${todo.status}`}>{label}</span>
+                      </Show>
+                    </div>
                   </div>
-                </div>
+
               </div>
             )
           }}