@mrquake/quakecode-cli 0.64.3 → 0.64.4

package/dist/modes/interactive/interactive-mode.js

@@ -297,11 +297,12 @@ export class InteractiveMode {
             const cwd = this.sessionManager.getCwd();
             const owner = os.userInfo().username;
             const title = `${DISPLAY_NAME} v${this.version}`;
-            const leftInner = 36;
-            const maxTotalWidth = Math.max(120, Math.min(this.ui.terminal.columns - 6, 170));
+            const leftInner = 34;
+            const maxTotalWidth = Math.max(118, Math.min(this.ui.terminal.columns - 6, 168));
             const rightInner = maxTotalWidth - leftInner - 7;
             const totalWidth = leftInner + rightInner + 7;
             const border = (s) => theme.fg("borderAccent", s);
+            const accent = (s) => theme.bold(theme.fg("accent", s));
             const fit = (text, width) => {
                 let out = text;
                 while (visibleWidth(out) > width && out.length > 0) {
@@ -316,19 +317,28 @@ export class InteractiveMode {
                 return out + " ".repeat(remaining);
             };
             const row = (left, right) => `${border("│")} ${fit(left, leftInner)} ${border("│")} ${fit(right, rightInner)} ${border("│")}`;
-            const top = `╭─── ${title} ${"─".repeat(Math.max(0, totalWidth - title.length - 6))}╮`;
+            const top = `╭── ${title} ${"─".repeat(Math.max(0, totalWidth - title.length - 5))}╮`;
             const bottom = `╰${"─".repeat(totalWidth - 2)}╯`;
-            const ruleRight = border("─".repeat(rightInner));
-            const mascotTop = theme.fg("borderAccent", "          ▐▛◉▜▌");
-            const mascotBottom = theme.fg("borderAccent", "          ▝▜▛▘");
+            const logo1 = accent(" ██████╗ ██╗   ██╗ █████╗ ██╗  ██╗███████╗ ");
+            const logo2 = accent("██╔═══██╗██║   ██║██╔══██╗██║ ██╔╝██╔════╝ ");
+            const logo3 = accent("██║   ██║██║   ██║███████║█████╔╝ █████╗   ");
+            const logo4 = accent("██║▄▄ ██║██║   ██║██╔══██║██╔═██╗ ██╔══╝   ");
+            const logo5 = accent("╚██████╔╝╚██████╔╝██║  ██║██║  ██╗███████╗ ");
+            const logo6 = accent(" ╚══▀▀═╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝ ");
+            const quick = theme.fg("muted", "/login") + " · " + theme.fg("muted", "/model") + " · " + theme.fg("muted", "/resume") + " · " + theme.fg("muted", "/agents");
+            const tips = `${theme.bold("Quick start")}  ${quick}`;
+            const status = `${theme.bold("Model")} ${theme.fg("borderAccent", currentModel)}  ·  ${theme.bold("User")} ${owner}`;
+            const workspace = `${theme.bold("Workspace")} ${cwd}`;
+            const note = theme.fg("dim", "Built for terminal-native coding, sessions, tools, and fast iteration.");
             const dashboard = [
                 border(top),
-                row(` Welcome back ${owner}!`, theme.bold(theme.fg("borderAccent", "Tips for getting started"))),
-                row(mascotTop, "Run /init to create AGENTS.md for Quake Code"),
-                row(mascotBottom, "Use /login, /model, and /settings to configure your session."),
-                row(` ${currentModel} · API Usage Billing · ${owner}'s`, ruleRight),
-                row(` ${cwd}`, theme.bold(theme.fg("borderAccent", "Recent activity"))),
-                row(" Individual Org", theme.fg("dim", "No recent activity")),
+                row(logo1, `${theme.bold("Welcome back")} ${owner}`),
+                row(logo2, tips),
+                row(logo3, "Run /init to generate AGENTS.md for this repo."),
+                row(logo4, "Use Tab for completion, Ctrl+R to resume, and /settings to tune Quake."),
+                row(logo5, status),
+                row(logo6, workspace),
+                row(theme.fg("dim", " "), note),
                 border(bottom),
             ].join("\n");
             this.builtInHeader = new Text(dashboard, 1, 0);