apex-code 0.0.1-alpha.4 → 0.0.1-alpha.6

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

@@ -26,6 +26,7 @@ import { DefaultPackageManager } from "../../core/package-manager.js";
 import { formatMissingSessionCwdPrompt, MissingSessionCwdError } from "../../core/session-cwd.js";
 import { SessionManager, sessionEntryToContextMessages } from "../../core/session-manager.js";
 import { formatShareUnavailableMessage, publishSessionShare } from "../../core/session-share.js";
+import { slugifySkillCommandName } from "../../core/skills.js";
 import { BUILTIN_SLASH_COMMANDS } from "../../core/slash-commands.js";
 import { hasTrustRequiringProjectResources, ProjectTrustStore } from "../../core/trust-manager.js";
 import { getUsageCostBreakdown } from "../../core/usage-totals.js";
@@ -63,6 +64,7 @@ import { ScopedModelsSelectorComponent } from "./components/scoped-models-select
 import { SessionSelectorComponent } from "./components/session-selector.js";
 import { SettingsSelectorComponent } from "./components/settings-selector.js";
 import { SkillInvocationMessageComponent } from "./components/skill-invocation-message.js";
+import { ApexSplashHeader } from "./components/splash-header.js";
 import { BranchSummaryStatusIndicator, CompactionStatusIndicator, IdleStatus, RetryStatusIndicator, WorkingStatusIndicator, } from "./components/status-indicator.js";
 import { ToolExecutionComponent } from "./components/tool-execution.js";
 import { TreeSelectorComponent } from "./components/tree-selector.js";
@@ -362,6 +364,11 @@ export class InteractiveMode {
         this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, {
             paddingX: editorPaddingX,
             autocompleteMaxVisible,
+            promptPrefix: "> ",
+            promptColor: (text) => theme.fg("accent", text),
+            placeholder: "Ask anything, / for commands, ! for bash",
+            placeholderColor: (text) => theme.fg("dim", text),
+            commandColor: (text) => theme.fg("accent", text),
         });
         this.editor = this.defaultEditor;
         this.editorContainer = new Container();
@@ -478,7 +485,7 @@ export class InteractiveMode {
         const skillCommandList = [];
         if (this.settingsManager.getEnableSkillCommands()) {
             for (const skill of this.session.resourceLoader.getSkills().skills) {
-                const commandName = `skill:${skill.name}`;
+                const commandName = `skill:${slugifySkillCommandName(skill.name)}`;
                 this.skillCommands.set(commandName, skill.filePath);
                 skillCommandList.push({
                     name: commandName,
@@ -517,7 +524,7 @@ export class InteractiveMode {
         }
         this.chatContainer.addChild(new DynamicBorder());
         if (this.settingsManager.getCollapseChangelog()) {
-            const versionMatch = this.changelogMarkdown.match(/##\s+\[?(\d+\.\d+\.\d+)\]?/);
+            const versionMatch = this.changelogMarkdown.match(/##\s+\[?(\d+\.\d+\.\d+(?:-[0-9A-Za-z][0-9A-Za-z.-]*)?)\]?/);
             const latestVersion = versionMatch ? versionMatch[1] : this.version;
             const condensedText = `Updated to v${latestVersion}. Use ${theme.bold("/changelog")} to view full changelog.`;
             this.chatContainer.addChild(new Text(condensedText, 1, 0));
@@ -657,11 +664,14 @@ export class InteractiveMode {
         this.ui.start();
         this.isInitialized = true;
         await this.themeController.applyFromSettings();
-        // Add header with keybindings from config (unless silenced)
+        // Brand splash: mark on the left, runtime metadata on the right. The model
+        // and cwd are read through live getters, so they fill in once the session
+        // binds in rebindCurrentSession below.
         if (this.options.verbose || !this.settingsManager.getQuietStartup()) {
-            const logo = theme.bold(theme.fg("accent", APP_NAME)) + theme.fg("dim", ` v${this.version}`);
             // Build startup instructions using keybinding hint helpers
             const hint = (keybinding, description) => keyHint(keybinding, description);
+            // The full cheatsheet is verbose-only. The default screen leads with the
+            // mark and the runtime facts that actually differ between launches.
             const expandedInstructions = [
                 hint("app.interrupt", "to interrupt"),
                 hint("app.clear", "to clear"),
@@ -683,18 +693,12 @@ export class InteractiveMode {
                 hint("app.clipboard.pasteImage", "to paste image (with text fallback)"),
                 rawKeyHint("drop files", "to attach"),
             ].join("\n");
-            const compactInstructions = [
-                hint("app.interrupt", "interrupt"),
-                rawKeyHint(`${keyText("app.clear")}/${keyText("app.exit")}`, "clear/exit"),
-                rawKeyHint("/", "commands"),
-                rawKeyHint("!", "bash"),
-                hint("app.tools.expand", "more"),
-            ].join(theme.fg("muted", " · "));
-            const compactOnboarding = theme.fg("dim", `Press ${keyText("app.tools.expand")} to show full startup help and loaded resources.`);
-            const onboarding = theme.fg("dim", `Apex Code can explain its own features and look up its docs. Ask it how to use or extend Apex Code.`);
-            this.builtInHeader = new ExpandableText(() => `${logo}\n${compactInstructions}\n${compactOnboarding}\n\n${onboarding}`, () => `${logo}\n${expandedInstructions}\n\n${onboarding}`, this.getStartupExpansionState(), 1, 0);
+            this.builtInHeader = new ApexSplashHeader(this.version, () => this.session.state.model?.id, () => this.session.sessionManager.getCwd(), this.options.verbose ? expandedInstructions : undefined, {
+                topPadding: true,
+                getSymbolPreset: () => this.settingsManager.getSymbolPreset(),
+                getHint: () => "Apex Code can explain its own features and look up its docs.",
+            });
             // Setup UI layout
-            this.headerContainer.addChild(new Spacer(1));
             this.headerContainer.addChild(this.builtInHeader);
             this.headerContainer.addChild(new Spacer(1));
         }