codeep 1.2.83 → 1.2.84

package/dist/renderer/App.js

@@ -4,27 +4,12 @@
  */
 import { Screen } from './Screen.js';
 import { Input, LineEditor } from './Input.js';
-import { fg, style, stringWidth, gradientText, gradientLine } from './ansi.js';
+import { fg, style, stringWidth } from './ansi.js';
 import { SYNTAX, highlightCode } from './highlight.js';
 import { handleInlineStatusKey, handleInlineHelpKey, handleMenuKey, handleInlinePermissionKey, handleInlineSessionPickerKey, handleInlineConfirmKey, handleLoginKey, } from './handlers.js';
 import clipboardy from 'clipboardy';
 // Primary color: #f02a30 (Codeep red)
 const PRIMARY_COLOR = fg.rgb(240, 42, 48);
-// Gradient stops: deep red → codeep red → orange → amber
-// Used for separator lines and accent elements
-const GRADIENT_STOPS = [
-    [160, 20, 30], // deep red
-    [240, 42, 48], // Codeep red
-    [240, 100, 30], // orange-red
-    [240, 160, 20], // amber
-];
-// Dimmer gradient for subtle separators (half brightness)
-const GRADIENT_STOPS_DIM = [
-    [80, 10, 15],
-    [140, 25, 28],
-    [140, 60, 18],
-    [140, 90, 12],
-];
 // 8-bit block spinner frames
 const SPINNER_FRAMES = ['▖', '▘', '▝', '▗', '▌', '▀', '▐', '▄'];
 // ASCII Logo
@@ -1311,7 +1296,7 @@ export class App {
             y++;
         }
         // Gradient separator
-        this.screen.writeRaw(separatorLine, gradientLine(width, GRADIENT_STOPS_DIM));
+        this.screen.writeRaw(separatorLine, fg.rgb(60, 10, 12) + '─'.repeat(width) + style.reset);
         // Input (don't render cursor when menu/settings is open)
         this.renderInput(inputLine, width, this.menuOpen || this.settingsOpen);
         // Status bar
@@ -1475,7 +1460,7 @@ export class App {
                 ? `step ${this.agentIteration}/${this.agentMaxIterations}`
                 : `step ${this.agentIteration}`;
             const agentText = `${spinner} Agent working... ${stepLabel} | ${this.agentActions.length} actions (Esc to stop)`;
-            this.screen.write(0, y, gradientText(agentText, GRADIENT_STOPS) + style.bold);
+            this.screen.write(0, y, PRIMARY_COLOR + style.bold + agentText + style.reset);
             this.screen.showCursor(false);
             return;
         }
@@ -1484,7 +1469,7 @@ export class App {
             const spinner = SPINNER_FRAMES[this.spinnerFrame];
             const message = this.isStreaming ? 'Writing...' : 'Thinking...';
             const spinnerText = `${spinner} ${message}`;
-            this.screen.write(0, y, gradientText(spinnerText, GRADIENT_STOPS));
+            this.screen.write(0, y, PRIMARY_COLOR + spinnerText + style.reset);
             this.screen.showCursor(false);
             return;
         }
@@ -1911,9 +1896,10 @@ export class App {
         // Top border: gradient line with gradient title embedded
         const titleInner = ` ${spinner} AGENT `;
         const titlePadLeft = 2;
-        const lineLeft = gradientLine(titlePadLeft, GRADIENT_STOPS);
-        const titleColored = gradientText(titleInner, GRADIENT_STOPS) + style.bold;
-        const lineRight = gradientLine(Math.max(0, width - titlePadLeft - titleInner.length - 1), GRADIENT_STOPS);
+        const lineChar = PRIMARY_COLOR + '─' + style.reset;
+        const lineLeft = lineChar.repeat(titlePadLeft);
+        const titleColored = PRIMARY_COLOR + style.bold + titleInner + style.reset;
+        const lineRight = lineChar.repeat(Math.max(0, width - titlePadLeft - titleInner.length - 1));
         this.screen.write(0, y, lineLeft + titleColored + lineRight);
         y++;
         // Current action line
@@ -1986,7 +1972,7 @@ export class App {
                 else
                     bar += '░';
             }
-            const barColored = gradientText(bar, GRADIENT_STOPS);
+            const barColored = PRIMARY_COLOR + bar + style.reset;
             const stepText = `${this.agentIteration}/${this.agentMaxIterations}`;
             const barX = width - barWidth - stepText.length - 3;
             this.screen.write(barX, y, barColored);
@@ -2001,9 +1987,9 @@ export class App {
         const helpText = ' Esc to stop ';
         const helpPadLeft = Math.floor((width - helpText.length) / 2);
         const helpPadRight = Math.max(0, width - helpPadLeft - helpText.length);
-        this.screen.write(0, y, gradientLine(helpPadLeft, GRADIENT_STOPS_DIM));
+        this.screen.write(0, y, fg.rgb(60, 10, 12) + '─'.repeat(helpPadLeft) + style.reset);
         this.screen.write(helpPadLeft, y, helpText, fg.gray);
-        this.screen.write(helpPadLeft + helpText.length, y, gradientLine(helpPadRight, GRADIENT_STOPS_DIM));
+        this.screen.write(helpPadLeft + helpText.length, y, fg.rgb(60, 10, 12) + '─'.repeat(helpPadRight) + style.reset);
     }
     /**
      * Get color for action type
@@ -2062,7 +2048,7 @@ export class App {
         if (this.notification) {
             // Notification: gradient colored, full width
             const notifText = ` ${this.notification}`;
-            this.screen.write(0, y, gradientText(notifText, GRADIENT_STOPS));
+            this.screen.write(0, y, PRIMARY_COLOR + notifText + style.reset);
             return;
         }
         const status = this.options.getStatus();
@@ -2075,7 +2061,7 @@ export class App {
             : '';
         let leftX = 1;
         if (modelName) {
-            this.screen.write(leftX, y, gradientText(modelName, GRADIENT_STOPS));
+            this.screen.write(leftX, y, PRIMARY_COLOR + modelName + style.reset);
             leftX += modelName.length + 2;
             this.screen.write(leftX - 1, y, '·', fg.gray);
             leftX += 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeep",
-  "version": "1.2.83",
+  "version": "1.2.84",
   "description": "AI-powered coding assistant built for the terminal. Multiple LLM providers, project-aware context, and a seamless development workflow.",
   "type": "module",
   "main": "dist/index.js",