@gavin-hu/my-pi-agent 0.15.1 → 0.17.0

package/extensions/bytefly/panel/tui/skills-view.ts

@@ -0,0 +1,50 @@
+/**
+ * The Skills section: the focused skill's path, description, and refusal.
+ *
+ * Rows, the summary, and the key hints come from the shared list view, and the
+ * row verdict is already `rowBadge`'s. The pane therefore starts with what the
+ * row cannot say: the resolved file and what its frontmatter declares, or why Pi
+ * refused it. Pure functions over the merged row; the component owns the cursor,
+ * the scope, and the expansion.
+ */
+
+import type { Theme } from "@earendil-works/pi-coding-agent";
+import { wrapTextWithAnsi } from "@earendil-works/pi-tui";
+import { sanitizeLine } from "../../../../lib/format.ts";
+import { clip } from "../../../../lib/tui/columns.ts";
+import { BODY_INDENT } from "../../../../lib/tui/indent.ts";
+import { paint } from "../../../../lib/tui/tokens.ts";
+import type { PanelRow } from "../types.ts";
+import { INDENT, savedLine } from "./frame.ts";
+
+/** The focused skill's file, description (or refusal), and pending changes. */
+export function skillDetail(options: {
+	theme: Theme;
+	width: number;
+	row: PanelRow | undefined;
+	budget: number;
+	expanded: boolean;
+	dirty: boolean;
+}): string[] {
+	const { theme, width, row, budget, expanded, dirty } = options;
+	// The focused row above already carries the name and verdict, so the pane
+	// starts with the file it resolves to.
+	const lines: string[] = [];
+	if (row?.item) lines.push(clip(`${INDENT}${paint(theme, "meta", sanitizeLine(row.item.path))}`, width));
+	const saved = savedLine(theme, width, dirty);
+	const skill = row?.skill;
+	const text = skill?.problem !== undefined ? `Not loaded: ${skill.problem}` : skill?.description;
+	if (text && budget > 1) {
+		// One line while collapsed, the whole wrapped description when expanded,
+		// minus the file line already pushed and the saved marker below it.
+		const available = Math.max(0, budget - lines.length - saved.length);
+		const room = expanded ? available : Math.min(1, available);
+		const bodyWidth = Math.max(1, width - BODY_INDENT);
+		const role = skill?.problem !== undefined ? "warn" : "meta";
+		for (const line of wrapTextWithAnsi(sanitizeLine(text), bodyWidth).slice(0, room)) {
+			lines.push(clip(`${INDENT}${paint(theme, role, line)}`, width));
+		}
+	}
+	lines.push(...saved);
+	return lines;
+}