From b76c246d5e7765765da7c8f70d21688d789dea22 Mon Sep 17 00:00:00 2001
From: shaerware <ShaerWare@users.noreply.github.com>
Date: Sun, 22 Feb 2026 19:11:32 +0000
Subject: [PATCH] fix(chat): pin input area + restore yellow new-branch button
 in all modes

- Add shrink-0 to both CC and Normal input areas so they never collapse
- Add min-h-0 to messages wrapper so only messages scroll, not the page
- Add yellow "+" (new branch) button in both CC mode and Normal mode inputs
- Restore startNewBranchAndShowTree() function and auto-open branch tree

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 admin/src/views/ChatView.vue | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/admin/src/views/ChatView.vue b/admin/src/views/ChatView.vue
index 6546e047..9728477f 100644
--- a/admin/src/views/ChatView.vue
+++ b/admin/src/views/ChatView.vue
@@ -448,6 +448,7 @@ const switchBranchMutation = useMutation({
 const newBranchMutation = useMutation({
   mutationFn: (sessionId: string) => chatApi.newBranchFromScratch(sessionId),
   onSuccess: async () => {
+    showBranchTree.value = true
     await refetchSession()
     await refetchBranches()
   },
@@ -458,6 +459,12 @@ function startNewBranch() {
   newBranchMutation.mutate(currentSessionId.value)
 }
 
+function startNewBranchAndShowTree() {
+  if (!currentSessionId.value) return
+  showBranchTree.value = true
+  newBranchMutation.mutate(currentSessionId.value)
+}
+
 const deleteMessageMutation = useMutation({
   mutationFn: ({ sessionId, messageId }: { sessionId: string; messageId: string }) =>
     chatApi.deleteMessage(sessionId, messageId),
@@ -2162,7 +2169,7 @@ watch(sessions, (newSessions) => {
       <div
         v-if="cc.isActive.value"
         :class="[
-          'p-4',
+          'p-4 shrink-0',
           fullscreenStore.isFullscreen ? 'zen-glass' : 'bg-card',
           inputPosition === 'bottom' ? 'border-t border-border order-last' + (fullscreenStore.isFullscreen ? '' : ' pb-24') : 'border-b border-border'
         ]"
@@ -2203,6 +2210,16 @@ watch(sessions, (newSessions) => {
           >
             <Send class="w-5 h-5" />
           </button>
+          <!-- New branch button (yellow) -->
+          <button
+            v-if="currentSessionId"
+            :disabled="newBranchMutation.isPending.value"
+            class="p-3 rounded-lg bg-amber-500 hover:bg-amber-600 text-white transition-colors disabled:opacity-50"
+            :title="t('chatView.newBranch')"
+            @click="startNewBranchAndShowTree"
+          >
+            <Plus class="w-5 h-5" />
+          </button>
         </div>
       </div>
 
@@ -2210,7 +2227,7 @@ watch(sessions, (newSessions) => {
       <div
         v-else-if="currentSession && !isReadOnly"
         :class="[
-          'p-4',
+          'p-4 shrink-0',
           fullscreenStore.isFullscreen ? 'zen-glass' : 'bg-card',
           inputPosition === 'bottom' ? 'border-t border-border order-last' + (fullscreenStore.isFullscreen ? '' : ' pb-24') : 'border-b border-border'
         ]"
@@ -2272,6 +2289,16 @@ watch(sessions, (newSessions) => {
           >
             <ArrowDownToLine class="w-5 h-5" />
           </button>
+          <!-- New branch button (yellow) -->
+          <button
+            v-if="currentSessionId"
+            :disabled="newBranchMutation.isPending.value"
+            class="p-3 rounded-lg bg-amber-500 hover:bg-amber-600 text-white transition-colors disabled:opacity-50"
+            :title="t('chatView.newBranch')"
+            @click="startNewBranchAndShowTree"
+          >
+            <Plus class="w-5 h-5" />
+          </button>
         </div>
         <!-- Recording indicator -->
         <div v-if="isRecording" class="mt-2 flex items-center gap-2 text-sm text-red-500">
@@ -2281,7 +2308,7 @@ watch(sessions, (newSessions) => {
       </div>
 
       <!-- Messages + Branch Tree row -->
-      <div class="flex-1 flex overflow-hidden relative">
+      <div class="flex-1 flex overflow-hidden relative min-h-0">
       <!-- Messages -->
       <div
         ref="messagesContainer"