codeep 1.2.82 → 1.2.84

package/dist/renderer/App.d.ts

@@ -5,7 +5,7 @@
 import { StatusInfo } from './components/Status';
 import { SelectItem } from './components/SelectScreen';
 export interface Message {
-    role: 'user' | 'assistant' | 'system';
+    role: 'user' | 'assistant' | 'system' | 'welcome';
     content: string;
 }
 export interface ConfirmOptions {
@@ -402,6 +402,7 @@ export declare class App {
     /**
      * Format message into lines with syntax highlighting for code blocks
      */
+    private formatWelcomeMessage;
     private formatMessage;
     /**
      * Apply inline markdown formatting (bold, italic, inline code) to a line

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
@@ -303,7 +288,7 @@ export class App {
      */
     getChatHistory() {
         return this.messages
-            .filter(m => m.role !== 'system')
+            .filter(m => m.role !== 'system' && m.role !== 'welcome')
             .map(m => ({ role: m.role, content: m.content }));
     }
     /**
@@ -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;
@@ -2117,7 +2103,9 @@ export class App {
             allLines.push({ text: '', style: '' });
         }
         for (const msg of this.messages) {
-            const msgLines = this.formatMessage(msg.role, msg.content, width);
+            const msgLines = msg.role === 'welcome'
+                ? this.formatWelcomeMessage(msg.content)
+                : this.formatMessage(msg.role, msg.content, width);
             allLines.push(...msgLines);
         }
         if (this.isStreaming && this.streamingContent) {
@@ -2137,17 +2125,74 @@ export class App {
     /**
      * Format message into lines with syntax highlighting for code blocks
      */
+    formatWelcomeMessage(content) {
+        const lines = [];
+        const DIM = fg.rgb(80, 80, 80);
+        const LABEL = fg.rgb(100, 100, 100);
+        const SEP = DIM + '  ·  ' + style.reset;
+        for (const line of content.split('\n')) {
+            if (line.trim() === '') {
+                lines.push({ text: '', style: '' });
+                continue;
+            }
+            // Version line: "Codeep vX.X.X  ·  Provider  ·  Model"
+            if (line.startsWith('Codeep ')) {
+                const parts = line.split('  ·  ');
+                const colored = PRIMARY_COLOR + style.bold + (parts[0] || '') + style.reset
+                    + SEP + fg.rgb(180, 180, 180) + (parts[1] || '') + style.reset
+                    + SEP + fg.rgb(130, 130, 130) + (parts[2] || '') + style.reset;
+                lines.push({ text: colored, style: '', raw: true });
+                continue;
+            }
+            // Project line
+            if (/^\s+Project\s/.test(line)) {
+                const value = line.replace(/^\s+Project\s+/, '');
+                lines.push({ text: LABEL + '  Project  ' + style.reset + fg.rgb(100, 180, 220) + value + style.reset, style: '', raw: true });
+                continue;
+            }
+            // Access line
+            if (/^\s+Access\s/.test(line)) {
+                const value = line.replace(/^\s+Access\s+/, '');
+                const parts = value.split('  ·  ');
+                const accessColored = fg.rgb(100, 200, 120) + style.bold + (parts[0] || '') + style.reset;
+                const rest = parts.slice(1).map(p => fg.rgb(80, 160, 100) + p + style.reset).join(SEP);
+                lines.push({ text: LABEL + '  Access   ' + style.reset + accessColored + (rest ? SEP + rest : ''), style: '', raw: true });
+                continue;
+            }
+            // Mode line
+            if (/^\s+Mode\s/.test(line)) {
+                const value = line.replace(/^\s+Mode\s+/, '');
+                lines.push({ text: LABEL + '  Mode     ' + style.reset + fg.rgb(160, 160, 160) + value + style.reset, style: '', raw: true });
+                continue;
+            }
+            // Agent Mode warning
+            if (line.includes('⚠')) {
+                lines.push({ text: '  ' + fg.rgb(220, 160, 40) + line.trim() + style.reset, style: '', raw: true });
+                continue;
+            }
+            // Shortcuts line
+            if (line.includes('/help')) {
+                const parts = line.trim().split('  ·  ');
+                const colored = parts.map(p => fg.rgb(150, 150, 150) + p.trim() + style.reset).join(DIM + '  ·  ' + style.reset);
+                lines.push({ text: '  ' + colored, style: '', raw: true });
+                continue;
+            }
+            lines.push({ text: line, style: '' });
+        }
+        lines.push({ text: '', style: '' });
+        return lines;
+    }
     formatMessage(role, content, maxWidth) {
         const lines = [];
-        // Role-specific prefix — user gets gradient bar, assistant gets dim header, system gets diamond
+        // Role-specific prefix — user gets primary color bar, assistant gets dim header, system gets diamond
         const contIndent = '   ';
         let firstPrefix;
         const firstStyle = '';
         if (role === 'user') {
-            firstPrefix = gradientText('\u258c ', GRADIENT_STOPS) + style.reset;
+            firstPrefix = PRIMARY_COLOR + '\u258c ' + style.reset;
         }
         else if (role === 'assistant') {
-            lines.push({ text: fg.rgb(80, 80, 80) + '\u254c\u254c codeep' + style.reset, style: '', raw: true });
+            lines.push({ text: PRIMARY_COLOR + '\u254c\u254c' + style.reset + fg.rgb(120, 120, 120) + ' codeep' + style.reset, style: '', raw: true });
             firstPrefix = ' ';
         }
         else {
@@ -2208,7 +2253,7 @@ export class App {
                 const end = text.indexOf('***', i + 3);
                 if (end !== -1) {
                     const inner = text.slice(i + 3, end);
-                    result += style.bold + style.italic + fg.white + inner + '\x1b[0m';
+                    result += style.bold + style.italic + PRIMARY_COLOR + inner + '\x1b[0m';
                     hasFormatting = true;
                     i = end + 3;
                     continue;
@@ -2219,7 +2264,7 @@ export class App {
                 const end = text.indexOf('**', i + 2);
                 if (end !== -1) {
                     const inner = text.slice(i + 2, end);
-                    result += style.bold + fg.white + inner + '\x1b[0m';
+                    result += style.bold + PRIMARY_COLOR + inner + '\x1b[0m';
                     hasFormatting = true;
                     i = end + 2;
                     continue;

package/dist/renderer/main.js

@@ -381,23 +381,23 @@ Commands (in chat):
     const version = getCurrentVersion();
     const model = config.get('model');
     const agentMode = config.get('agentMode') || 'off';
-    const welcomeLines = [`Codeep v${version} • ${providerInfo?.name} • ${model}`, ''];
+    const welcomeLines = [`Codeep v${version}  ·  ${providerInfo?.name}  ·  ${model}`, ''];
     if (projectContext) {
-        welcomeLines.push(`Project: ${projectPath}`);
+        welcomeLines.push(`  Project  ${projectPath}`);
         welcomeLines.push(hasWriteAccess
-            ? 'Access: Read & Write (Agent enabled)'
-            : 'Access: Read Only (/grant to enable Agent)');
+            ? '  Access   Read & Write  ·  Agent enabled'
+            : '  Access   Read Only  ·  /grant to enable Agent');
     }
     else {
-        welcomeLines.push('Mode: Chat only (no project context)');
+        welcomeLines.push('  Mode     Chat only  ·  no project context');
     }
     if (agentMode === 'on' && hasWriteAccess) {
         welcomeLines.push('');
-        welcomeLines.push('⚠ Agent Mode ON: Messages will auto-execute as agent tasks');
+        welcomeLines.push('  ⚠  Agent Mode ON  —  messages auto-execute as agent tasks');
     }
     welcomeLines.push('');
-    welcomeLines.push('Shortcuts: /help commands • Ctrl+L clear • Esc cancel');
-    app.addMessage({ role: 'system', content: welcomeLines.join('\n') });
+    welcomeLines.push('  /help  ·  Ctrl+L clear  ·  Esc cancel');
+    app.addMessage({ role: 'welcome', content: welcomeLines.join('\n') });
     app.start();
     // Check for updates in background — show notify if new version available
     checkForUpdates().then(info => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeep",
-  "version": "1.2.82",
+  "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",