a497fccd06
Follow-up to #717. Replaces all remaining hardcoded keybinding hints with configurable ones. - Add pasteImage to AppAction so it can be configured in keybindings.json - Create keybinding-hints.ts with reusable helper functions: - editorKey(action) / appKey(keybindings, action) - get key display string - keyHint(action, desc) / appKeyHint(kb, action, desc) / rawKeyHint(key, desc) - styled hints - Export helpers from components/index.ts for extensions - Update all components to use configured keybindings - Remove now-unused getDisplayString() from KeybindingsManager and EditorKeybindingsManager - Use keybindings.matches() instead of matchesKey() for pasteImage in custom-editor.ts
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import { Box, Markdown, Spacer, Text } from "@mariozechner/pi-tui";
|
|
import type { BranchSummaryMessage } from "../../../core/messages.js";
|
|
import { getMarkdownTheme, theme } from "../theme/theme.js";
|
|
import { editorKey } from "./keybinding-hints.js";
|
|
|
|
/**
|
|
* Component that renders a branch summary message with collapsed/expanded state.
|
|
* Uses same background color as custom messages for visual consistency.
|
|
*/
|
|
export class BranchSummaryMessageComponent extends Box {
|
|
private expanded = false;
|
|
private message: BranchSummaryMessage;
|
|
|
|
constructor(message: BranchSummaryMessage) {
|
|
super(1, 1, (t) => theme.bg("customMessageBg", t));
|
|
this.message = message;
|
|
this.updateDisplay();
|
|
}
|
|
|
|
setExpanded(expanded: boolean): void {
|
|
this.expanded = expanded;
|
|
this.updateDisplay();
|
|
}
|
|
|
|
override invalidate(): void {
|
|
super.invalidate();
|
|
this.updateDisplay();
|
|
}
|
|
|
|
private updateDisplay(): void {
|
|
this.clear();
|
|
|
|
const label = theme.fg("customMessageLabel", `\x1b[1m[branch]\x1b[22m`);
|
|
this.addChild(new Text(label, 0, 0));
|
|
this.addChild(new Spacer(1));
|
|
|
|
if (this.expanded) {
|
|
const header = "**Branch Summary**\n\n";
|
|
this.addChild(
|
|
new Markdown(header + this.message.summary, 0, 0, getMarkdownTheme(), {
|
|
color: (text: string) => theme.fg("customMessageText", text),
|
|
}),
|
|
);
|
|
} else {
|
|
this.addChild(
|
|
new Text(
|
|
theme.fg("customMessageText", "Branch summary (") +
|
|
theme.fg("dim", editorKey("expandTools")) +
|
|
theme.fg("customMessageText", " to expand)"),
|
|
0,
|
|
0,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|