c80d640d35
Vendor all 4 Pi packages (tui, ai, agent-core, coding-agent) from pi-mono v0.57.1 as @gsd/* workspace packages under packages/. This replaces the compiled npm dependency (@mariozechner/pi-coding-agent) and patch-package workflow, giving direct source access for modifications. - Copy Pi source from pi-mono v0.57.1 into packages/ - Create workspace package.json + tsconfig.json for each package - Rename ~240 imports from @mariozechner/pi-* to @gsd/pi-* - Apply existing patches as source edits (setModel persist, VT input) - Remove @mariozechner/pi-coding-agent dep and patch-package - Update build pipeline to build packages in dependency order - Add pi-upstream git remote for future selective syncing Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import { Box, Markdown, type MarkdownTheme, Text } from "@gsd/pi-tui";
|
|
import type { ParsedSkillBlock } from "../../../core/agent-session.js";
|
|
import { getMarkdownTheme, theme } from "../theme/theme.js";
|
|
import { editorKey } from "./keybinding-hints.js";
|
|
|
|
/**
|
|
* Component that renders a skill invocation message with collapsed/expanded state.
|
|
* Uses same background color as custom messages for visual consistency.
|
|
* Only renders the skill block itself - user message is rendered separately.
|
|
*/
|
|
export class SkillInvocationMessageComponent extends Box {
|
|
private expanded = false;
|
|
private skillBlock: ParsedSkillBlock;
|
|
private markdownTheme: MarkdownTheme;
|
|
|
|
constructor(skillBlock: ParsedSkillBlock, markdownTheme: MarkdownTheme = getMarkdownTheme()) {
|
|
super(1, 1, (t) => theme.bg("customMessageBg", t));
|
|
this.skillBlock = skillBlock;
|
|
this.markdownTheme = markdownTheme;
|
|
this.updateDisplay();
|
|
}
|
|
|
|
setExpanded(expanded: boolean): void {
|
|
this.expanded = expanded;
|
|
this.updateDisplay();
|
|
}
|
|
|
|
override invalidate(): void {
|
|
super.invalidate();
|
|
this.updateDisplay();
|
|
}
|
|
|
|
private updateDisplay(): void {
|
|
this.clear();
|
|
|
|
if (this.expanded) {
|
|
// Expanded: label + skill name header + full content
|
|
const label = theme.fg("customMessageLabel", `\x1b[1m[skill]\x1b[22m`);
|
|
this.addChild(new Text(label, 0, 0));
|
|
const header = `**${this.skillBlock.name}**\n\n`;
|
|
this.addChild(
|
|
new Markdown(header + this.skillBlock.content, 0, 0, this.markdownTheme, {
|
|
color: (text: string) => theme.fg("customMessageText", text),
|
|
}),
|
|
);
|
|
} else {
|
|
// Collapsed: single line - [skill] name (hint to expand)
|
|
const line =
|
|
theme.fg("customMessageLabel", `\x1b[1m[skill]\x1b[22m `) +
|
|
theme.fg("customMessageText", this.skillBlock.name) +
|
|
theme.fg("dim", ` (${editorKey("expandTools")} to expand)`);
|
|
this.addChild(new Text(line, 0, 0));
|
|
}
|
|
}
|
|
}
|