@mrquake/quakecode-cli 0.64.8 → 0.64.10

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

@@ -300,51 +300,45 @@ export class InteractiveMode {
         if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
             const currentModel = this.session.model?.id ?? "no model";
             const cwd = this.sessionManager.getCwd();
-            const owner = os.userInfo().username;
-            const title = `${DISPLAY_NAME} v${this.version}`;
-            const leftInner = 44;
-            const maxTotalWidth = Math.max(128, Math.min(this.ui.terminal.columns - 6, 172));
-            const rightInner = maxTotalWidth - leftInner - 7;
-            const totalWidth = leftInner + rightInner + 7;
+            const innerWidth = Math.max(56, Math.min(this.ui.terminal.columns - 8, 84));
             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) {
+                while (visibleWidth(out) > width && out.length > 0)
                     out = out.slice(0, -1);
-                }
                 if (visibleWidth(text) > width) {
                     while (visibleWidth(`${out}…`) > width && out.length > 0)
                         out = out.slice(0, -1);
                     out = `${out}…`;
                 }
-                const remaining = Math.max(0, width - visibleWidth(out));
-                return out + " ".repeat(remaining);
+                return out + " ".repeat(Math.max(0, width - visibleWidth(out)));
             };
-            const row = (left, right) => `${border("│")} ${fit(left, leftInner)} ${border("│")} ${fit(right, rightInner)} ${border("│")}`;
-            const top = `╭── ${title} ${"─".repeat(Math.max(0, totalWidth - title.length - 5))}╮`;
-            const bottom = `╰${"─".repeat(totalWidth - 2)}╯`;
-            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 row = (text = "") => `${border("│")} ${fit(text, innerWidth)} ${border("│")}`;
+            const top = `${border("╭")}${border("─".repeat(innerWidth + 2))}${border("╮")}`;
+            const bottom = `${border("╰")}${border("─".repeat(innerWidth + 2))}${border("╯")}`;
+            const modelLine = `${theme.fg("dim", "model:")} ${theme.fg("accent", currentModel)}   ${theme.fg("accent", "/model")} ${theme.fg("dim", "to change")}`;
+            const dirLine = `${theme.fg("dim", "directory:")} ${cwd}`;
+            const help1 = theme.fg("dim", "To get started, describe a task or try one of these commands:");
+            const help2 = `  ${theme.fg("accent", "/settings")} ${theme.fg("dim", "- open the settings menu")}`;
+            const help3 = `  ${theme.fg("accent", "/model")} ${theme.fg("dim", "- choose what model to use")}`;
+            const help4 = `  ${theme.fg("accent", "/resume")} ${theme.fg("dim", "- resume a different session")}`;
+            const help5 = `  ${theme.fg("accent", "/session")} ${theme.fg("dim", "- show current session info and stats")}`;
+            const help6 = `  ${theme.fg("accent", "/changelog")} ${theme.fg("dim", "- view recent updates")}`;
             const dashboard = [
-                border(top),
-                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),
+                top,
+                row(`${theme.fg("dim", ">_ ")}${theme.bold("Quake")}${theme.fg("dim", ` (v${this.version})`)}`),
+                row(),
+                row(modelLine),
+                row(dirLine),
+                bottom,
+                "",
+                help1,
+                "",
+                help2,
+                help3,
+                help4,
+                help5,
+                help6,
             ].join("\n");
             this.builtInHeader = new Text(dashboard, 1, 0);
             // Setup UI layout
@@ -426,9 +420,9 @@ export class InteractiveMode {
         // Add spinner if agent is thinking or working
         const isActive = this.session.agent.state.isStreaming || this.session.agent.state.pendingToolCalls.size > 0;
         if (isActive) {
-            const frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-            const frame = frames[Math.floor(Date.now() / 100) % frames.length];
-            this.ui.terminal.setTitle(`${frame} ${title}`);
+            const isBlinkOn = Math.floor((Date.now() / 100) / 6) % 2 === 0;
+            const dot = isBlinkOn ? "•" : "◦";
+            this.ui.terminal.setTitle(`${dot} ${title}`);
         }
         else {
             this.ui.terminal.setTitle(title);