From d1c532301e529a8be2b8ada06eb71f93a40bc4ae Mon Sep 17 00:00:00 2001
From: Ruihang Xia <waynestxia@gmail.com>
Date: Sun, 4 Jan 2026 20:48:21 +0800
Subject: [PATCH] feat: sync thinking state to session list view (#32)

Signed-off-by: Ruihang Xia <waynestxia@gmail.com>
---
 server/src/web/routes/sessions.ts  | 2 ++
 web/src/components/SessionList.tsx | 5 ++++-
 web/src/types/api.ts               | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/server/src/web/routes/sessions.ts b/server/src/web/routes/sessions.ts
index becc9fb1..8865cce4 100644
--- a/server/src/web/routes/sessions.ts
+++ b/server/src/web/routes/sessions.ts
@@ -25,6 +25,7 @@ type SessionSummaryMetadata = {
 type SessionSummary = {
     id: string
     active: boolean
+    thinking: boolean
     activeAt: number
     updatedAt: number
     metadata: SessionSummaryMetadata | null
@@ -53,6 +54,7 @@ function toSessionSummary(session: Session): SessionSummary {
     return {
         id: session.id,
         active: session.active,
+        thinking: session.thinking,
         activeAt: session.activeAt,
         updatedAt: session.updatedAt,
         metadata,
diff --git a/web/src/components/SessionList.tsx b/web/src/components/SessionList.tsx
index ddfbe192..7a6ed79d 100644
--- a/web/src/components/SessionList.tsx
+++ b/web/src/components/SessionList.tsx
@@ -193,6 +193,9 @@ function SessionItem(props: {
     })
 
     const sessionName = getSessionTitle(s)
+    const statusDotClass = s.active
+        ? (s.thinking ? 'bg-[#007AFF]' : 'bg-[var(--app-badge-success-text)]')
+        : 'bg-[var(--app-hint)]'
 
     return (
         <>
@@ -206,7 +209,7 @@ function SessionItem(props: {
                     <div className="flex items-center gap-2 min-w-0">
                         <span className="flex h-4 w-4 items-center justify-center" aria-hidden="true">
                             <span
-                                className={`h-2 w-2 rounded-full ${s.active ? 'bg-[var(--app-badge-success-text)]' : 'bg-[var(--app-hint)]'}`}
+                                className={`h-2 w-2 rounded-full ${statusDotClass}`}
                             />
                         </span>
                         <div className="truncate text-sm font-medium">
diff --git a/web/src/types/api.ts b/web/src/types/api.ts
index 8a476ef2..6f35a987 100644
--- a/web/src/types/api.ts
+++ b/web/src/types/api.ts
@@ -33,6 +33,7 @@ export type SessionSummaryMetadata = {
 export type SessionSummary = {
     id: string
     active: boolean
+    thinking: boolean
     activeAt: number
     updatedAt: number
     metadata: SessionSummaryMetadata | null