fix(input-composer): 调整AI形象与git状态栏的对齐、间距及文字定位

static/src/components/input/InputComposer.vue

@@ -89,7 +89,7 @@
             :mode="props.avatarStatus.mode"
             :tool-keys="props.avatarStatus.toolKeys || []"
             :tracking="props.avatarStatus.tracking !== false"
-            :size="40"
+            :size="45"
             hex-background
           />
           <Transition name="composer-avatar-text-fade" mode="out-in">
@@ -119,7 +119,8 @@
         </div>
       </transition>
       <transition name="floating-status-motion">
-        <div v-if="floatingStatusVisible" class="floating-project-status" @click.stop>
+        <div v-if="floatingStatusVisible" class="floating-status-row" @click.stop>
+          <div class="floating-project-status" @click.stop>
             <span v-if="projectGitSummaryForRender" class="floating-project-status__left">
               <span class="floating-project-status__menu-wrap">
                 <button
@@ -199,6 +200,7 @@
               </button>
             </span>
           </div>
+        </div>
       </transition>
       <div
         class="stadium-shell"
@@ -2484,13 +2486,13 @@ const collectComposerVisualHeight = () => {
   // 收起态横幅是脱离流、浮在角上的小圆点，不应计入为聊天区预留的高度，
   // 否则会把消息区可滚动范围顶高。故排除 .goal-mode-banner--collapsed。
   const nodes = root.querySelectorAll(
-    '.runtime-queue-list:not(.runtime-queue-list--empty), .floating-project-status, .composer-avatar'
+    '.runtime-queue-list:not(.runtime-queue-list--empty), .floating-status-row, .composer-avatar'
   );
   nodes.forEach((node) => {
     if (!(node instanceof HTMLElement)) return;
     // 离开态：floatingStatusVisible / showComposerAvatar 已翻 false 但元素仍在 DOM 中做退场动画。
     // 此时不再计入它的高度，让输入栏立即回升、与浮层的退场动画同步。
-    if (node.classList.contains('floating-project-status') && !floatingStatusVisible.value) return;
+    if (node.classList.contains('floating-status-row') && !floatingStatusVisible.value) return;
     if (node.classList.contains('composer-avatar') && !showComposerAvatar.value) return;
     top = Math.min(top, node.offsetTop);
     bottom = Math.max(bottom, node.offsetTop + node.offsetHeight);
@@ -2956,13 +2958,43 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
-.floating-project-status {
+.composer-avatar {
   position: absolute;
-  left: 5%;
+  left: 0;
+  right: auto;
   bottom: calc(100% + 6px);
   z-index: auto;
-  width: 90%;
+  display: flex;
-  max-width: 90%;
+  align-items: flex-end;
+  justify-content: flex-start;
+  width: 45px;
+  height: 64px;
+  pointer-events: auto;
+  color: var(--claude-text);
+}
+
+.floating-status-row {
+  position: absolute;
+  left: 49px;
+  right: 49px;
+  bottom: calc(100% + 6px);
+  z-index: auto;
+  height: 64px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  pointer-events: none;
+}
+
+.floating-project-status {
+  position: relative;
+  left: auto;
+  right: auto;
+  bottom: auto;
+  flex: 1 1 auto;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
   height: 34px;
   display: flex;
   align-items: center;
@@ -2976,22 +3008,10 @@ onBeforeUnmount(() => {
   pointer-events: auto;
 }
 
-.composer-avatar {
-  position: absolute;
-  left: 0;
-  bottom: calc(100% + 6px);
-  z-index: auto;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: 40px;
-  pointer-events: auto;
-  color: var(--claude-text);
-}
-
 .composer-avatar .status-avatar {
   display: block;
   flex-shrink: 0;
+  margin-bottom: -5px;
 }
 
 .composer-avatar__text {
@@ -2999,20 +3019,26 @@ onBeforeUnmount(() => {
   white-space: nowrap;
   font-size: 14px;
   font-weight: 500;
+  line-height: 16px;
   color: var(--claude-text-secondary);
+  background: var(--chat-surface-color);
+  padding: 2px 8px;
+  border-radius: 9999px;
   pointer-events: none;
   z-index: 1;
 }
 
 .composer-avatar__text--right {
-  left: calc(100% + 8px);
+  left: calc(100% + 4px);
-  top: 50%;
+  right: auto;
-  transform: translateY(-50%);
+  top: auto;
+  bottom: 0;
+  transform: none;
 }
 
 .composer-avatar__text--top {
-  left: 0;
+  left: -8px;
-  bottom: calc(100% + 4px);
+  bottom: 40px;
   transform: none;
 }