From f7d8b6cfd79df3e5c05d1ee4678433579b38d761 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20=C5=A0=C4=87eki=C4=87?= <iscekic@protonmail.com>
Date: Wed, 11 Feb 2026 14:25:08 +0100
Subject: [PATCH] fix(vscode): polish TaskHeader - title fallback, remove
 redundant memo, disable compact without model

---
 .../webview-ui/src/components/chat/TaskHeader.tsx         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/src/components/chat/TaskHeader.tsx b/packages/kilo-vscode/webview-ui/src/components/chat/TaskHeader.tsx
index dd67b5797..d9a3aa8ce 100644
--- a/packages/kilo-vscode/webview-ui/src/components/chat/TaskHeader.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/chat/TaskHeader.tsx
@@ -12,10 +12,10 @@ import { useSession } from "../../context/session"
 export const TaskHeader: Component = () => {
   const session = useSession()
 
-  const title = createMemo(() => session.currentSession()?.title)
+  const title = createMemo(() => session.currentSession()?.title ?? "New session")
   const hasMessages = createMemo(() => session.messages().length > 0)
-  const visible = createMemo(() => hasMessages())
   const busy = createMemo(() => session.status() === "busy")
+  const canCompact = createMemo(() => !busy() && hasMessages() && !!session.selected())
 
   const cost = createMemo(() => {
     const total = session.totalCost()
@@ -35,7 +35,7 @@ export const TaskHeader: Component = () => {
   })
 
   return (
-    <Show when={visible()}>
+    <Show when={hasMessages()}>
       <div class="task-header">
         <div class="task-header-title" title={title()}>
           {title()}
@@ -63,7 +63,7 @@ export const TaskHeader: Component = () => {
               icon="collapse"
               size="small"
               variant="ghost"
-              disabled={busy() || !hasMessages()}
+              disabled={!canCompact()}
               onClick={() => session.compact()}
               aria-label="Compact session"
             />