diff --git a/webview-ui/src/components/chat/TaskHeader.tsx b/webview-ui/src/components/chat/TaskHeader.tsx
index 41826bc048..d9e640aafa 100644
--- a/webview-ui/src/components/chat/TaskHeader.tsx
+++ b/webview-ui/src/components/chat/TaskHeader.tsx
@@ -120,51 +120,61 @@ const TaskHeader = ({
- {!isTaskExpanded && contextWindow > 0 && (
+ {!isTaskExpanded && (
e.stopPropagation()}>
-
-
- {t("chat:tokenProgress.tokensUsed", {
- used: formatLargeNumber(contextTokens || 0),
- total: formatLargeNumber(contextWindow),
- })}
-
- {(() => {
- const maxTokens = model
- ? getModelMaxOutputTokens({ modelId, model, settings: apiConfiguration })
- : 0
- const reservedForOutput = maxTokens || 0
- const availableSpace = contextWindow - (contextTokens || 0) - reservedForOutput
+ {/* Model display */}
+ {modelId && {modelId}}
+ {/* Token progress */}
+ {contextWindow > 0 && (
+
+
+ {t("chat:tokenProgress.tokensUsed", {
+ used: formatLargeNumber(contextTokens || 0),
+ total: formatLargeNumber(contextWindow),
+ })}
+
+ {(() => {
+ const maxTokens = model
+ ? getModelMaxOutputTokens({
+ modelId,
+ model,
+ settings: apiConfiguration,
+ })
+ : 0
+ const reservedForOutput = maxTokens || 0
+ const availableSpace =
+ contextWindow - (contextTokens || 0) - reservedForOutput
- return (
- <>
- {reservedForOutput > 0 && (
-
- {t("chat:tokenProgress.reservedForResponse", {
- amount: formatLargeNumber(reservedForOutput),
- })}
-
- )}
- {availableSpace > 0 && (
-
- {t("chat:tokenProgress.availableSpace", {
- amount: formatLargeNumber(availableSpace),
- })}
-
- )}
- >
- )
- })()}
-
- }
- side="top"
- sideOffset={8}>
-
- {formatLargeNumber(contextTokens || 0)} / {formatLargeNumber(contextWindow)}
-
-
+ return (
+ <>
+ {reservedForOutput > 0 && (
+
+ {t("chat:tokenProgress.reservedForResponse", {
+ amount: formatLargeNumber(reservedForOutput),
+ })}
+
+ )}
+ {availableSpace > 0 && (
+
+ {t("chat:tokenProgress.availableSpace", {
+ amount: formatLargeNumber(availableSpace),
+ })}
+
+ )}
+ >
+ )
+ })()}
+
+ }
+ side="top"
+ sideOffset={8}>
+
+ {formatLargeNumber(contextTokens || 0)} / {formatLargeNumber(contextWindow)}
+
+
+ )}
{!!totalCost && ${totalCost.toFixed(2)}}
)}
@@ -190,6 +200,18 @@ const TaskHeader = ({
+ {/* Model row */}
+ {modelId && (
+
+ |
+ {t("chat:task.model")}
+ |
+
+ {modelId}
+ |
+
+ )}
+
{contextWindow > 0 && (
|