import { formatTokens } from "../format.ts";
import type { WelcomeWidget, WidgetRenderContext } from "../types.ts";

export const SystemWidget: WelcomeWidget = {
  id: "system",
  render(ctx: WidgetRenderContext): string[] {
    const { data, dim, bold, color } = ctx;
    const lines: string[] = [];
    
    const prefix = dim("- ");
    lines.push(` ${bold(color("accent", "Active Horizon"))}`);
    
    lines.push(` ${prefix}Model: ${color("model", data.modelName)} (${dim(data.providerName)})`);
    
    if (data.initialContextTokens !== null && data.initialContextTokens > 0) {
      lines.push(
        ` ${prefix}${color("gitClean", `≈ ${formatTokens(data.initialContextTokens)}`)} initial prompt tokens`
      );
    }
    
    const { extensions, skills } = data.loadedCounts;
    const toolsCount = extensions + skills;
    if (toolsCount > 0) {
      lines.push(` ${prefix}${color("gitClean", `${toolsCount}`)} skills/extensions loaded`);
    }
    
    return lines;
  }
};