46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { Box, Markdown, Spacer, Text } from "@oh-my-pi/pi-tui";
|
|
import { getMarkdownTheme, theme } from "../../modes/theme/theme";
|
|
import type { BranchSummaryMessage } from "../../session/messages";
|
|
|
|
/**
|
|
* Component that renders a branch summary message with collapsed/expanded state.
|
|
* Uses same background color as hook messages for visual consistency.
|
|
*/
|
|
export class BranchSummaryMessageComponent extends Box {
|
|
#expanded = false;
|
|
|
|
constructor(private readonly message: BranchSummaryMessage) {
|
|
super(1, 1, t => theme.bg("customMessageBg", t));
|
|
this.#updateDisplay();
|
|
}
|
|
|
|
setExpanded(expanded: boolean): void {
|
|
this.#expanded = expanded;
|
|
this.#updateDisplay();
|
|
}
|
|
|
|
override invalidate(): void {
|
|
super.invalidate();
|
|
this.#updateDisplay();
|
|
}
|
|
|
|
#updateDisplay(): void {
|
|
this.clear();
|
|
|
|
const label = theme.fg("customMessageLabel", theme.bold("[branch]"));
|
|
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 (ctrl+o to expand)"), 0, 0));
|
|
}
|
|
}
|
|
}
|