vzcode 1.55.0 → 1.57.0

package/src/client/VZSidebar/AIChat/styles.scss

@@ -5,6 +5,26 @@
   padding: 0;
 }
 
+.ai-chat-content {
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.ai-chat-messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px;
+  padding-bottom: 0;
+}
+
+.ai-chat-input-fixed {
+  flex-shrink: 0;
+  padding: 10px;
+  padding-top: 0;
+}
+
 .ai-chat-empty {
   flex: 1;
   display: flex;
@@ -146,12 +166,19 @@
 }
 
 .ai-chat-message-content {
+  .diff-view .diff-files .d2h-code-linenumber {
+    display: none !important;
+  }
+
+  .d2h-code-line {
+    padding: 0 1em;
+  }
+
   padding: 10px 12px;
   font-size: 14px;
   line-height: 1.4;
   word-wrap: break-word;
 
-  // Undo button styles (moved from DiffView)
   .undo-button-container {
     display: flex;
     justify-content: flex-end;
@@ -358,6 +385,7 @@
 .ai-chat-input-container {
   border-top: 1px solid var(--vh-color-neutral-02);
   padding-top: 10px;
+  background: var(--vh-color-neutral-01);
 }
 
 .ai-chat-mode-toggle {
@@ -420,11 +448,12 @@
     border: 1px solid var(--vh-color-neutral-03) !important;
     color: var(--vh-color-neutral-04) !important;
     border-radius: 8px;
-    padding: 8px 10px;
+    padding: 10px 12px;
     font-size: 14px;
     font-family: var(--vzcode-font-family);
     resize: none;
-    min-height: 36px;
+    min-height: 48px;
+    line-height: 1.4;
 
     &:focus {
       outline: none !important;
@@ -443,37 +472,56 @@
     }
   }
 
-  .ai-chat-input-info {
+  .ai-chat-input-footer {
     display: flex;
     justify-content: space-between;
+    align-items: center;
     font-size: 12px;
     color: var(--vh-color-neutral-03);
-    margin-bottom: 6px;
+    min-height: 40px; // Prevent layout jumping
 
     .ai-chat-hint {
       font-style: italic;
+      flex: 1;
     }
   }
 
   .ai-chat-send-button {
-    background: var(--vh-color-primary-01);
-    border: none;
-    color: white;
     border-radius: 8px;
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
-    transition: background-color 0.2s ease;
-    align-self: flex-end;
+    transition: all 0.2s ease;
     min-width: 80px;
+    flex-shrink: 0;
 
-    &:hover:not(:disabled) {
-      background: var(--vh-color-primary-02);
+    &.btn-primary {
+      background: var(--vh-color-primary-01);
+      border-color: var(--vh-color-primary-01);
+      color: white;
+
+      &:hover:not(:disabled) {
+        background: var(--vh-color-primary-02);
+        border-color: var(--vh-color-primary-02);
+      }
+    }
+
+    &.btn-outline-secondary {
+      background: transparent;
+      border-color: var(--vh-color-neutral-03);
+      color: var(--vh-color-neutral-03);
+
+      &:hover:not(:disabled) {
+        background: var(--vh-color-neutral-03);
+        color: var(--vh-color-neutral-01);
+      }
     }
 
     &:disabled {
       background: var(--vh-color-neutral-03);
+      border-color: var(--vh-color-neutral-03);
+      color: var(--vh-color-neutral-02);
       cursor: not-allowed;
     }
   }

package/src/server/aiChatHandler/llmStreaming.ts

@@ -203,11 +203,11 @@ export const createLLMFunction = ({
       model: modelName,
       messages: [{ role: 'user', content: fullPrompt }],
       reasoning: {
-        effort: 'medium',
+        effort: 'low',
         exclude: false,
       },
       provider: {
-        sort: 'throughput',
+        sort: 'price',
       },
       usage: { include: true },
       stream: true,

package/src/utils/fileDiff.ts

@@ -25,6 +25,9 @@ export function generateFileUnifiedDiff(
     fileName,
     beforeContent,
     afterContent,
+    '',
+    '',
+    { context: 3 },
   );
 
   return unifiedDiff;