pi-crew 0.9.67 → 0.10.1

package/src/ui/agent-management-overlay.ts

@@ -1,160 +0,0 @@
-/**
- * Agent Management Overlay — displays discovered agents with their configuration.
- * Read-only view of agent definitions from builtin/user/project sources.
- * Future: enable/disable toggle, model override editing.
- */
-import type { AgentConfig, ResourceSource } from "../agents/agent-config.ts";
-import { truncate } from "../utils/visual.ts";
-
-export interface AgentEntry {
-	name: string;
-	description: string;
-	source: ResourceSource;
-	model?: string;
-	thinking?: string;
-	loadMode?: string;
-	contextMode?: string;
-	disabled?: boolean;
-	filePath: string;
-}
-
-export function agentToEntry(agent: AgentConfig): AgentEntry {
-	return {
-		name: agent.name,
-		description: agent.description,
-		source: agent.source,
-		model: agent.model,
-		thinking: agent.thinking,
-		loadMode: agent.loadMode,
-		contextMode: agent.contextMode,
-		disabled: agent.disabled,
-		filePath: agent.filePath,
-	};
-}
-
-function sourceIcon(source: ResourceSource): string {
-	switch (source) {
-		case "builtin":
-			return "📦";
-		case "user":
-			return "👤";
-		case "project":
-			return "📂";
-		case "git":
-			return "🔗";
-		case "dynamic":
-			return "⚡";
-		default:
-			return "❓";
-	}
-}
-
-function sourceLabel(source: ResourceSource): string {
-	switch (source) {
-		case "builtin":
-			return "builtin";
-		case "user":
-			return "user";
-		case "project":
-			return "project";
-		case "git":
-			return "git";
-		case "dynamic":
-			return "dynamic";
-		default:
-			return "unknown";
-	}
-}
-
-export interface AgentOverlayState {
-	entries: AgentEntry[];
-	selectedIndex: number;
-	scrollOffset: number;
-	expanded: Set<number>;
-	maxVisible: number;
-}
-
-export function createAgentOverlayState(entries: AgentEntry[], maxVisible = 20): AgentOverlayState {
-	return {
-		entries: entries.sort((a, b) => {
-			const order: Record<ResourceSource, number> = {
-				project: 0,
-				"project-pi": 1,
-				user: 2,
-				git: 3,
-				builtin: 4,
-				dynamic: 5,
-			};
-			const diff = (order[a.source] ?? 4) - (order[b.source] ?? 4);
-			return diff !== 0 ? diff : a.name.localeCompare(b.name);
-		}),
-		selectedIndex: 0,
-		scrollOffset: 0,
-		expanded: new Set(),
-		maxVisible,
-	};
-}
-
-export function moveSelection(state: AgentOverlayState, direction: -1 | 1): AgentOverlayState {
-	const next = Math.max(0, Math.min(state.entries.length - 1, state.selectedIndex + direction));
-	const visibleStart = state.scrollOffset;
-	const visibleEnd = state.scrollOffset + state.maxVisible;
-	const newScroll = next < visibleStart ? next : next >= visibleEnd ? Math.max(0, next - state.maxVisible + 1) : state.scrollOffset;
-	return { ...state, selectedIndex: next, scrollOffset: newScroll };
-}
-
-export function toggleExpand(state: AgentOverlayState): AgentOverlayState {
-	const expanded = new Set(state.expanded);
-	if (expanded.has(state.selectedIndex)) {
-		expanded.delete(state.selectedIndex);
-	} else {
-		expanded.add(state.selectedIndex);
-	}
-	return { ...state, expanded };
-}
-
-export function renderAgentOverlay(state: AgentOverlayState, width: number): string[] {
-	const lines: string[] = [];
-	const header = ` Agent Configuration (${state.entries.length} agents)`;
-	lines.push(truncate(header, width));
-	lines.push(truncate("─".repeat(Math.min(width, 60)), width));
-
-	if (state.entries.length === 0) {
-		lines.push(truncate(" No agents discovered.", width));
-		return lines;
-	}
-
-	const visible = state.entries.slice(state.scrollOffset, state.scrollOffset + state.maxVisible);
-
-	for (const [i, entry] of visible.entries()) {
-		const globalIndex = state.scrollOffset + i;
-		const isSelected = globalIndex === state.selectedIndex;
-		const isExpanded = state.expanded.has(globalIndex);
-		const cursor = isSelected ? "▸" : " ";
-		const disabled = entry.disabled ? " [disabled]" : "";
-		const model = entry.model ? ` (${entry.model})` : "";
-
-		const summary = `${cursor} ${sourceIcon(entry.source)} ${entry.name}${model}${disabled}`;
-		lines.push(truncate(summary, width));
-
-		if (isExpanded) {
-			const desc = `    ${entry.description}`;
-			lines.push(truncate(desc, width));
-			const meta: string[] = [`    source: ${sourceLabel(entry.source)}`];
-			if (entry.model) meta.push(`model: ${entry.model}`);
-			if (entry.thinking) meta.push(`thinking: ${entry.thinking}`);
-			if (entry.loadMode) meta.push(`loadMode: ${entry.loadMode}`);
-			if (entry.contextMode) meta.push(`context: ${entry.contextMode}`);
-			meta.push(`file: ${entry.filePath}`);
-			lines.push(truncate(meta.join(" · "), width));
-			lines.push(truncate("─".repeat(Math.min(width - 4, 50)), width));
-		}
-	}
-
-	if (state.scrollOffset + state.maxVisible < state.entries.length) {
-		const remaining = state.entries.length - state.scrollOffset - state.maxVisible;
-		lines.push(truncate(`  … +${remaining} more`, width));
-	}
-
-	return lines;
-}

package/src/ui/crew-footer.ts

@@ -1,102 +0,0 @@
-import type { UsageState } from "../state/types.ts";
-import { pad, truncate } from "../utils/visual.ts";
-import type { RunStatus } from "./status-colors.ts";
-import type { CrewTheme } from "./theme-adapter.ts";
-
-export interface CrewFooterData {
-	pwd: string;
-	branch?: string;
-	runId?: string;
-	status?: RunStatus;
-	usage?: UsageState;
-	contextWindow?: number;
-	contextPercent?: number;
-	badges?: string[];
-}
-
-function formatCount(value: number | undefined): string {
-	if (value === undefined || !Number.isFinite(value)) return "?";
-	if (Math.abs(value) >= 1000) return `${(value / 1000).toFixed(Math.abs(value) >= 10_000 ? 0 : 1)}k`;
-	return `${value}`;
-}
-
-function formatCost(value: number | undefined): string {
-	return value === undefined || !Number.isFinite(value) ? "$0.0000" : `$${value.toFixed(4)}`;
-}
-
-function displayPwd(pwd: string): string {
-	const home = process.env.HOME || process.env.USERPROFILE;
-	if (home && pwd.startsWith(home)) return `~${pwd.slice(home.length) || "/"}`;
-	return pwd || ".";
-}
-
-function contextText(data: CrewFooterData): string {
-	const windowText = data.contextWindow && Number.isFinite(data.contextWindow) ? formatCount(data.contextWindow) : "window";
-	const percent = data.contextPercent;
-	if (percent === undefined || !Number.isFinite(percent)) return `?/${windowText}`;
-	return `${percent.toFixed(1)}%/${windowText}`;
-}
-
-export class CrewFooter {
-	private data: CrewFooterData;
-	private readonly theme: CrewTheme;
-	private cacheKey = "";
-	private cacheWidth = 0;
-	private cacheLines: string[] = [];
-
-	constructor(data: CrewFooterData, theme: CrewTheme) {
-		this.data = data;
-		this.theme = theme;
-	}
-
-	setData(data: CrewFooterData): void {
-		this.data = data;
-		this.invalidate();
-	}
-
-	invalidate(): void {
-		this.cacheKey = "";
-		this.cacheLines = [];
-	}
-
-	render(width: number): string[] {
-		const key = JSON.stringify(this.data);
-		if (this.cacheKey === key && this.cacheWidth === width && this.cacheLines.length) return this.cacheLines;
-		const lineWidth = Math.max(1, width);
-		const firstParts = [
-			displayPwd(this.data.pwd),
-			this.data.branch ? `(${this.data.branch})` : undefined,
-			this.data.runId,
-			this.data.status,
-		].filter((part): part is string => Boolean(part));
-		const usage = this.data.usage;
-		const context = contextText(this.data);
-		const contextPercent = this.data.contextPercent;
-		const contextColor =
-			contextPercent !== undefined && Number.isFinite(contextPercent)
-				? contextPercent > 90
-					? "error"
-					: contextPercent > 70
-						? "warning"
-						: undefined
-				: undefined;
-		const contextRendered = contextColor ? this.theme.fg(contextColor, context) : context;
-		const usageLine = [
-			`↑${formatCount(usage?.input)}`,
-			`↓${formatCount(usage?.output)}`,
-			`R ${formatCount(usage?.cacheRead)} cache`,
-			`W ${formatCount(usage?.cacheWrite)} cache`,
-			formatCost(usage?.cost),
-			contextRendered,
-		].join(" • ");
-		const badges = this.data.badges?.length ? this.data.badges.map((badge) => `[${badge}]`).join(" ") : "";
-		this.cacheLines = [
-			this.theme.fg("dim", pad(truncate(firstParts.join(" • "), lineWidth), lineWidth)),
-			this.theme.fg("dim", pad(truncate(usageLine, lineWidth), lineWidth)),
-			this.theme.fg("dim", pad(truncate(badges, lineWidth), lineWidth)),
-		];
-		this.cacheKey = key;
-		this.cacheWidth = width;
-		return this.cacheLines;
-	}
-}

package/src/ui/crew-select-list.ts

@@ -1,114 +0,0 @@
-import { pad, truncate } from "../utils/visual.ts";
-import { keyOf } from "./key-utils.ts";
-import type { CrewTheme } from "./theme-adapter.ts";
-
-export interface CrewSelectItem<T = string> {
-	value: T;
-	label: string;
-	description?: string;
-}
-
-export interface CrewSelectListOptions<T = string> {
-	onSelect: (item: CrewSelectItem<T>) => void;
-	onCancel: () => void;
-	onPreview?: (item: CrewSelectItem<T>) => void;
-	maxHeight?: number;
-}
-
-export class CrewSelectList<T = string> {
-	private readonly items: CrewSelectItem<T>[];
-	private readonly theme: CrewTheme;
-	private readonly options: CrewSelectListOptions<T>;
-	private selectedIndex = 0;
-	private scrollOffset = 0;
-
-	constructor(items: CrewSelectItem<T>[], theme: CrewTheme, options: CrewSelectListOptions<T>) {
-		this.items = [...items];
-		this.theme = theme;
-		this.options = options;
-		this.selectedIndex = this.items.length ? 0 : -1;
-	}
-
-	invalidate(): void {
-		/* no-op */
-	}
-
-	getSelected(): CrewSelectItem<T> | undefined {
-		return this.selectedIndex >= 0 ? this.items[this.selectedIndex] : undefined;
-	}
-
-	setSelectedIndex(index: number): void {
-		if (!this.items.length) {
-			this.selectedIndex = -1;
-			this.scrollOffset = 0;
-			return;
-		}
-		const next = Math.min(this.items.length - 1, Math.max(0, index));
-		const changed = next !== this.selectedIndex;
-		this.selectedIndex = next;
-		this.ensureVisible();
-		if (changed) {
-			const selected = this.getSelected();
-			if (selected) this.options.onPreview?.(selected);
-		}
-	}
-
-	handleInput(data: string): void {
-		if (data === "q" || data === "\u001b") {
-			this.options.onCancel();
-			return;
-		}
-		if (data === "j" || keyOf(data) === "down") {
-			this.setSelectedIndex(this.selectedIndex + 1);
-			return;
-		}
-		if (data === "k" || keyOf(data) === "up") {
-			this.setSelectedIndex(this.selectedIndex - 1);
-			return;
-		}
-		if (data === "\r" || data === "\n") {
-			const selected = this.getSelected();
-			if (selected) this.options.onSelect(selected);
-		}
-	}
-
-	render(width: number): string[] {
-		if (!this.items.length) return [this.theme.fg("muted", "(no items)")];
-		const maxHeight = Math.max(1, Math.floor(this.options.maxHeight ?? this.items.length));
-		this.ensureVisible();
-		const hasTop = this.scrollOffset > 0;
-		const availableWithoutBottom = Math.max(1, maxHeight - (hasTop ? 1 : 0));
-		const hasBottom = this.scrollOffset + availableWithoutBottom < this.items.length;
-		const slots = this.visibleItemSlots(maxHeight, hasTop, hasBottom);
-		const visibleItems = this.items.slice(this.scrollOffset, this.scrollOffset + slots);
-		const lines: string[] = [];
-		if (hasTop) lines.push(this.theme.fg("muted", `↑ ${this.scrollOffset} more`));
-		for (const [offset, item] of visibleItems.entries()) {
-			const index = this.scrollOffset + offset;
-			const prefix = index === this.selectedIndex ? " → " : "   ";
-			const suffix = item.description ? this.theme.fg("dim", ` — ${item.description}`) : "";
-			const raw = `${prefix}${item.label}${suffix}`;
-			const line = index === this.selectedIndex ? (this.theme.inverse?.(raw) ?? raw) : raw;
-			lines.push(pad(truncate(line, width), Math.max(1, width)));
-		}
-		if (hasBottom) lines.push(this.theme.fg("muted", `↓ ${this.items.length - (this.scrollOffset + slots)} more`));
-		return lines.slice(0, maxHeight);
-	}
-
-	private visibleItemSlots(maxHeight: number, hasTop: boolean, hasBottom: boolean): number {
-		return Math.max(1, maxHeight - (hasTop ? 1 : 0) - (hasBottom ? 1 : 0));
-	}
-
-	private ensureVisible(): void {
-		if (this.selectedIndex < 0) return;
-		const maxHeight = Math.max(1, Math.floor(this.options.maxHeight ?? this.items.length));
-		const reservedTop = this.scrollOffset > 0 ? 1 : 0;
-		const visibleSlots = Math.max(1, maxHeight - reservedTop - 1);
-		if (this.selectedIndex < this.scrollOffset) {
-			this.scrollOffset = this.selectedIndex;
-		} else if (this.selectedIndex >= this.scrollOffset + visibleSlots) {
-			this.scrollOffset = Math.max(0, this.selectedIndex - visibleSlots + 1);
-		}
-		this.scrollOffset = Math.min(this.scrollOffset, Math.max(0, this.items.length - 1));
-	}
-}

package/src/ui/dashboard-panes/capability-pane.ts

@@ -1,77 +0,0 @@
-import type { PiTeamsConfig } from "../../config/config.ts";
-import type { CapabilityItem } from "../../runtime/capability-inventory.ts";
-import { buildCapabilityInventory } from "../../runtime/capability-inventory.ts";
-
-export interface CapabilityPaneOptions {
-	config?: PiTeamsConfig;
-	filter?: string;
-}
-
-function kindIcon(kind: string): string {
-	switch (kind) {
-		case "team":
-			return "👥";
-		case "workflow":
-			return "📋";
-		case "agent":
-			return "🤖";
-		case "skill":
-			return "🔧";
-		case "tool":
-			return "🛠";
-		case "runtime":
-			return "⚙";
-		default:
-			return "•";
-	}
-}
-
-function stateLabel(state: string): string {
-	switch (state) {
-		case "active":
-			return "";
-		case "disabled":
-			return " [DISABLED]";
-		case "shadowed":
-			return " [SHADOWED]";
-		case "missing":
-			return " [MISSING]";
-		default:
-			return "";
-	}
-}
-
-export function renderCapabilityPane(cwd: string, opts: CapabilityPaneOptions = {}): string[] {
-	const inventory = buildCapabilityInventory(cwd, opts.config);
-	const filtered = opts.filter
-		? inventory.filter(
-				(item) =>
-					item.kind.includes(opts.filter!.toLowerCase()) ||
-					item.name.toLowerCase().includes(opts.filter!.toLowerCase()) ||
-					item.id.toLowerCase().includes(opts.filter!.toLowerCase()),
-			)
-		: inventory;
-
-	if (filtered.length === 0) return ["Capability pane: no items found"];
-
-	const byKind = new Map<string, CapabilityItem[]>();
-	for (const item of filtered) {
-		const group = byKind.get(item.kind) ?? [];
-		group.push(item);
-		byKind.set(item.kind, group);
-	}
-
-	const lines = [`Capability pane: ${filtered.length} item(s) (filter: ${opts.filter ?? "none"})`];
-	for (const [kind, items] of byKind) {
-		lines.push(`  ${kindIcon(kind)} ${kind} (${items.length}):`);
-		for (const item of items.slice(0, 10)) {
-			const icon = item.state === "active" ? "✓" : "✗";
-			lines.push(`    ${icon} ${item.name}${stateLabel(item.state)} [${item.source}]`);
-		}
-		if (items.length > 10) lines.push(`    ... and ${items.length - 10} more`);
-	}
-
-	const disabled = filtered.filter((i) => i.state === "disabled").length;
-	if (disabled > 0) lines.push(`  Disabled: ${disabled}`);
-	return lines;
-}