diff --git a/client/src/scenes/GameScene.ts b/client/src/scenes/GameScene.ts index f4ca8ad..f2fedec 100644 --- a/client/src/scenes/GameScene.ts +++ b/client/src/scenes/GameScene.ts @@ -45,7 +45,7 @@ export class GameScene extends Phaser.Scene { this.portraitCompositor = new PortraitCompositor(); this.npcInfoPanel = new NpcInfoPanel(); this.emojiManager = new InteractionEmojiManager(); - this.commandPanel = new CommandPanel(); + this.commandPanel = new CommandPanel('COMMANDS', [{ key: '1', label: 'Spawn NPC' }]); this.commandPanel.show(); // Start in camera mode, so show immediately // Draw tile grid diff --git a/client/src/ui/CommandPanel.ts b/client/src/ui/CommandPanel.ts index bbdc51c..8a8a483 100644 --- a/client/src/ui/CommandPanel.ts +++ b/client/src/ui/CommandPanel.ts @@ -21,7 +21,7 @@ export class CommandPanel { private listContainer: HTMLDivElement; private visible = false; - constructor() { + constructor(title = 'COMMANDS', commands: Command[] = [{ key: '1', label: 'Spawn NPC' }]) { // Outer frame (doubled border, same as NpcInfoPanel) this.outerFrame = document.createElement('div'); this.outerFrame.id = 'command-panel'; @@ -76,8 +76,8 @@ export class CommandPanel { container.appendChild(shine); // Title - const title = document.createElement('div'); - title.style.cssText = ` + const titleEl = document.createElement('div'); + titleEl.style.cssText = ` font-size: 6px; color: ${EB.textMuted}; text-align: center; @@ -87,8 +87,8 @@ export class CommandPanel { position: relative; z-index: 2; `; - title.textContent = '\u25C6 COMMANDS \u25C6'; - container.appendChild(title); + titleEl.textContent = `\u25C6 ${title} \u25C6`; + container.appendChild(titleEl); // Commands list this.listContainer = document.createElement('div'); @@ -104,8 +104,10 @@ export class CommandPanel { this.outerFrame.appendChild(container); document.body.appendChild(this.outerFrame); - // Add default commands - this.addCommand({ key: '1', label: 'Spawn NPC' }); + // Add commands + for (const cmd of commands) { + this.addCommand(cmd); + } } private addCommand(cmd: Command): void {